@knime/jsonforms 1.21.16 → 1.21.19

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @knime/json-forms
 
+## 1.21.19
+
+### Patch Changes
+
+- 5e00d52: KDS-751: Migrate SettingsSubPanel to KDS
+
+## 1.21.18
+
+### Patch Changes
+
+- c7085de: KDS-831: Apply tokens to SectionHeading
+
+## 1.21.17
+
+### Patch Changes
+
+- 17c264c: Exchange custom error messages with subtexts
+
 ## 1.21.16
 
 ### Patch Changes

package/dist/AnyOfTwinlist-Chx0nmt3.js

@@ -0,0 +1,23 @@
+import { defineComponent as s, openBlock as p, createBlock as t, mergeProps as r, unref as a } from "vue";
+import { o as l } from "./index-Blg1O3Fz.js";
+import { _ as i } from "./TwinlistControlBase.vue_vue_type_script_setup_true_lang-t1I2qxJz.js";
+const d = /* @__PURE__ */ s({
+  __name: "AnyOfTwinlist",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(e) {
+    const o = e.control.schema.anyOf.map(l);
+    return (n, u) => (p(), t(i, r(n.$props, { "possible-values": a(o) }), null, 16, ["possible-values"]));
+  }
+});
+export {
+  d as default
+};

package/dist/CheckboxControl-B8b1Di4k.js

@@ -0,0 +1,40 @@
+import { defineComponent as r, ref as s, openBlock as u, createElementBlock as d, createElementVNode as c, createVNode as i, unref as b, renderSlot as a } from "vue";
+import { Z as v, _ as m } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+const f = { class: "checkbox-container" }, x = /* @__PURE__ */ r({
+  __name: "CheckboxControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    labelForId: {},
+    error: { type: Boolean },
+    subText: {},
+    onRegisterValidation: { type: Function }
+  },
+  setup(e) {
+    const t = s(!1);
+    return (n, o) => (u(), d("div", {
+      class: "checkbox-input",
+      onMouseover: o[1] || (o[1] = (l) => t.value = !0),
+      onMouseleave: o[2] || (o[2] = (l) => t.value = !1)
+    }, [
+      c("div", f, [
+        i(b(v), {
+          class: "checkbox",
+          disabled: e.disabled,
+          "model-value": e.control.data,
+          label: e.control.label,
+          error: e.error,
+          "sub-text": e.subText,
+          "onUpdate:modelValue": o[0] || (o[0] = (l) => e.changeValue(l === !0))
+        }, null, 8, ["disabled", "model-value", "label", "error", "sub-text"]),
+        a(n.$slots, "icon", {}, void 0, !0)
+      ]),
+      a(n.$slots, "buttons", { hover: t.value }, void 0, !0)
+    ], 32));
+  }
+}), p = /* @__PURE__ */ m(x, [["__scopeId", "data-v-5bf70a5e"]]);
+export {
+  p as default
+};

package/dist/CheckboxesControl-DWUnPGdN.js

@@ -0,0 +1,39 @@
+import { defineComponent as u, computed as l, ref as r, toRef as c, onMounted as i, openBlock as d, createBlock as m, unref as p, createCommentVNode as b } from "vue";
+import { H as f } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+import { o as h } from "./index-Blg1O3Fz.js";
+import { u as v } from "./usePossibleValues-DiYOmnZW.js";
+const F = /* @__PURE__ */ u({
+  __name: "CheckboxesControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(e) {
+    const o = e, n = l(
+      () => o.control.uischema.options?.checkboxLayout
+    ), t = r(null), { possibleValues: s } = v(c(o, "control")), a = l(() => t.value ?? s.value);
+    return i(() => {
+      t.value = o.control.schema.anyOf ? o.control.schema.anyOf.map(h) : null;
+    }), (x, y) => a.value ? (d(), m(p(f), {
+      key: 0,
+      id: e.labelForId,
+      class: "checkboxes",
+      "possible-values": a.value,
+      alignment: n.value,
+      disabled: e.disabled,
+      "model-value": e.control.data,
+      error: e.error,
+      "sub-text": e.subText,
+      "onUpdate:modelValue": e.changeValue
+    }, null, 8, ["id", "possible-values", "alignment", "disabled", "model-value", "error", "sub-text", "onUpdate:modelValue"])) : b("", !0);
+  }
+});
+export {
+  F as default
+};

package/dist/{ColorControl-wEr-pQ4g.js → ColorControl-ByE5ku7u.js}

@@ -1,27 +1,29 @@
-import { defineComponent as a, openBlock as l, createBlock as o, unref as n } from "vue";
-import { N as t } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BwXsSmUx.js";
-const u = /* @__PURE__ */ a({
+import { defineComponent as a, openBlock as o, createBlock as l, unref as t } from "vue";
+import { J as n } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+const c = /* @__PURE__ */ a({
   __name: "ColorControl",
   props: {
     control: {},
     handleChange: { type: Function },
     changeValue: { type: Function },
     disabled: { type: Boolean },
-    isValid: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
     onRegisterValidation: { type: Function },
     labelForId: {}
   },
   setup(e) {
-    return (d, i) => (l(), o(n(t), {
+    return (r, d) => (o(), l(t(n), {
       id: e.labelForId,
       ariaLabel: e.control.label,
       "model-value": e.control.data ?? "",
       disabled: e.disabled,
-      error: !e.isValid,
+      error: e.error,
+      "sub-text": e.subText,
       "onUpdate:modelValue": e.changeValue
-    }, null, 8, ["id", "ariaLabel", "model-value", "disabled", "error", "onUpdate:modelValue"]));
+    }, null, 8, ["id", "ariaLabel", "model-value", "disabled", "error", "sub-text", "onUpdate:modelValue"]));
   }
 });
 export {
-  u as default
+  c as default
 };

package/dist/{ColorPreviewControl-B7aXaak-.js → ColorPreviewControl-XiKZ4jfn.js}

@@ -1,25 +1,25 @@
 import { defineComponent as u, openBlock as e, createElementBlock as o, createVNode as y, unref as p, computed as s, normalizeStyle as m, createBlock as d, Fragment as f, renderList as k } from "vue";
-import { M as w, _ as v, u as C } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BwXsSmUx.js";
+import { I as w, _ as v, u as C } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
 const P = { class: "empty-state-wrapper" }, $ = /* @__PURE__ */ u({
   __name: "ColorPreviewEmptyState",
-  setup(a) {
+  setup(r) {
     return (t, l) => (e(), o("div", P, [
       y(p(w), { headline: "No colors" })
     ]));
   }
-}), g = /* @__PURE__ */ v($, [["__scopeId", "data-v-7a09310d"]]), x = { class: "gradient-preview" }, S = /* @__PURE__ */ u({
+}), g = /* @__PURE__ */ v($, [["__scopeId", "data-v-7a09310d"]]), x = { class: "gradient-preview" }, b = /* @__PURE__ */ u({
   __name: "GradientPreview",
   props: {
     gradient: {}
   },
-  setup(a) {
-    const t = a, l = s(() => t.gradient.colors.length > 0), n = s(() => {
-      const r = t.gradient.stops;
-      return r === null ? t.gradient.colors.join(", ") : t.gradient.colors.map((i, _) => `${i} ${r[_]}%`).join(", ");
+  setup(r) {
+    const t = r, l = s(() => t.gradient.colors.length > 0), a = s(() => {
+      const n = t.gradient.stops;
+      return n === null ? t.gradient.colors.join(", ") : t.gradient.colors.map((i, _) => `${i} ${n[_]}%`).join(", ");
     }), c = s(
-      () => `linear-gradient(to right in lab, ${n.value})`
+      () => `linear-gradient(to right in lab, ${a.value})`
     );
-    return (r, i) => (e(), o("div", x, [
+    return (n, i) => (e(), o("div", x, [
       l.value ? (e(), o("div", {
         key: 0,
         class: "gradient-bar",
@@ -27,24 +27,24 @@ const P = { class: "empty-state-wrapper" }, $ = /* @__PURE__ */ u({
       }, null, 4)) : (e(), d(g, { key: 1 }))
     ]));
   }
-}), b = /* @__PURE__ */ v(S, [["__scopeId", "data-v-8a745225"]]), B = { class: "palette-preview" }, F = 8, M = /* @__PURE__ */ u({
+}), S = /* @__PURE__ */ v(b, [["__scopeId", "data-v-8a745225"]]), B = { class: "palette-preview" }, F = 8, I = /* @__PURE__ */ u({
   __name: "PalettePreview",
   props: {
     palette: {}
   },
-  setup(a) {
-    const t = a, l = s(() => t.palette.colors.length > 0), n = s(
+  setup(r) {
+    const t = r, l = s(() => t.palette.colors.length > 0), a = s(
       () => Math.max(1, Math.min(F, t.palette.colors.length))
     ), c = s(() => ({
-      gridTemplateColumns: `repeat(${n.value}, minmax(0, 1fr))`
+      gridTemplateColumns: `repeat(${a.value}, minmax(0, 1fr))`
     }));
-    return (r, i) => (e(), o("div", B, [
+    return (n, i) => (e(), o("div", B, [
       l.value ? (e(), o("div", {
         key: 0,
         class: "palette-grid",
         style: m(c.value)
       }, [
-        (e(!0), o(f, null, k(a.palette.colors, (_, h) => (e(), o("div", {
+        (e(!0), o(f, null, k(r.palette.colors, (_, h) => (e(), o("div", {
           key: h,
           class: "color-cell",
           style: m({ background: _ })
@@ -55,7 +55,7 @@ const P = { class: "empty-state-wrapper" }, $ = /* @__PURE__ */ u({
       }))
     ]));
   }
-}), E = /* @__PURE__ */ v(M, [["__scopeId", "data-v-ad83046f"]]), G = { class: "color-preview" }, N = /* @__PURE__ */ u({
+}), E = /* @__PURE__ */ v(I, [["__scopeId", "data-v-ad83046f"]]), G = { class: "color-preview" }, V = /* @__PURE__ */ u({
   __name: "ColorPreviewControl",
   props: {
     control: {},
@@ -63,27 +63,27 @@ const P = { class: "empty-state-wrapper" }, $ = /* @__PURE__ */ u({
     changeValue: { type: Function },
     disabled: { type: Boolean },
     labelForId: {},
-    isValid: { type: Boolean },
-    messages: {},
+    error: { type: Boolean },
+    subText: {},
     onRegisterValidation: { type: Function }
   },
-  setup(a) {
-    const t = a, l = s(
+  setup(r) {
+    const t = r, l = s(
       () => t.control.uischema
-    ), n = C(l, "previewColors", {
+    ), a = C(l, "previewColors", {
       colors: []
-    }), c = (r) => !("stops" in r);
-    return (r, i) => (e(), o("div", G, [
-      c(p(n)) ? (e(), d(E, {
+    }), c = (n) => !("stops" in n);
+    return (n, i) => (e(), o("div", G, [
+      c(p(a)) ? (e(), d(E, {
         key: 0,
-        palette: p(n)
-      }, null, 8, ["palette"])) : (e(), d(b, {
+        palette: p(a)
+      }, null, 8, ["palette"])) : (e(), d(S, {
         key: 1,
-        gradient: p(n)
+        gradient: p(a)
       }, null, 8, ["gradient"]))
     ]));
   }
 });
 export {
-  N as default
+  V as default
 };

package/dist/ComboBoxControl-zSceYlyZ.js

@@ -0,0 +1,39 @@
+import { defineComponent as r, toRef as c, computed as a, openBlock as d, createBlock as b, unref as u } from "vue";
+import { M as m } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+import { u as v } from "./usePossibleValues-DiYOmnZW.js";
+const g = /* @__PURE__ */ r({
+  __name: "ComboBoxControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(e) {
+    const l = e, { possibleValues: o } = v(c(l, "control")), t = a(
+      () => o.value === null || o.value.length === 0
+    ), s = a(
+      () => l.control.uischema.providedOptions?.includes("possibleValues") || l.control.uischema.options?.possibleValues !== void 0
+    ), i = a(
+      () => l.disabled || t.value && s.value
+    );
+    return (p, V) => (d(), b(u(m), {
+      id: e.labelForId,
+      "model-value": e.control.data,
+      "allow-new-values": !s.value,
+      ariaLabel: e.control.label,
+      disabled: i.value,
+      "possible-values": t.value ? e.control.data.map((n) => ({ id: n, text: n })) : u(o),
+      error: e.error,
+      "sub-text": e.subText,
+      "onUpdate:modelValue": e.changeValue
+    }, null, 8, ["id", "model-value", "allow-new-values", "ariaLabel", "disabled", "possible-values", "error", "sub-text", "onUpdate:modelValue"]));
+  }
+});
+export {
+  g as default
+};

package/dist/DateControl-BBGpEVpr.js

@@ -0,0 +1,44 @@
+import { defineComponent as l, computed as i, openBlock as d, createBlock as c, unref as u } from "vue";
+import { Q as s } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+import { p as m } from "./plainDateTimeUtils-CR0UhpkD.js";
+import { U as p } from "./classApi-CHpAZrj3.js";
+const y = /* @__PURE__ */ l({
+  __name: "DateControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(t) {
+    const a = t, o = (e) => {
+      if (!e)
+        return null;
+      try {
+        return p.PlainDate.from(e);
+      } catch {
+        return m.fromString(e).date;
+      }
+    }, r = i(
+      () => o(a.control.data)
+    ), n = (e) => {
+      a.changeValue(e?.toString() ?? "");
+    };
+    return (e, b) => (d(), c(u(s), {
+      id: t.labelForId,
+      ariaLabel: a.control.label,
+      "model-value": r.value,
+      disabled: t.disabled,
+      error: t.error,
+      "sub-text": t.subText,
+      "onUpdate:modelValue": n
+    }, null, 8, ["id", "ariaLabel", "model-value", "disabled", "error", "sub-text"]));
+  }
+});
+export {
+  y as default
+};

package/dist/DateTimeControl-CymOURq5.js

@@ -0,0 +1,80 @@
+import { defineComponent as D, computed as r, openBlock as d, createElementBlock as T, normalizeClass as V, createVNode as C, unref as a, createBlock as U, createCommentVNode as B } from "vue";
+import { Q as F, R as k, _ as I } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+import { u as L } from "./usePlainDateTimeBatch-Bd2G-GY9.js";
+import { p as i } from "./plainDateTimeUtils-CR0UhpkD.js";
+import { U as P } from "./classApi-CHpAZrj3.js";
+const $ = /* @__PURE__ */ D({
+  __name: "DateTimeControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(t) {
+    const o = t, n = r(() => o.control.uischema.options), l = r(() => n.value?.showTime ?? !0), s = r(
+      () => i.getMaxGranularity(n.value)
+    ), m = (e) => {
+      if (typeof e != "string" || e === "")
+        return null;
+      try {
+        return P.PlainDate.from(e);
+      } catch {
+        return i.fromString(e).date;
+      }
+    }, c = r(
+      () => m(n.value?.minimum)
+    ), g = r(
+      () => m(n.value?.maximum)
+    ), {
+      datePart: p,
+      timePart: b,
+      granularity: y,
+      onDateChange: f,
+      onTimeChange: x,
+      onGranularityChange: h
+    } = L({
+      getDateTime: () => o.control.data,
+      commit: (e, u, v) => {
+        if (!l.value) {
+          o.changeValue(e === null ? "" : e.toString());
+          return;
+        }
+        o.changeValue(i.toString(e, u, v));
+      }
+    });
+    return (e, u) => (d(), T("div", {
+      class: V(["date-time-row", { "date-only": !l.value }])
+    }, [
+      C(a(F), {
+        id: t.labelForId,
+        ariaLabel: `${o.control.label} date`,
+        "model-value": a(p),
+        disabled: t.disabled,
+        error: t.error,
+        "sub-text": t.subText,
+        "min-date": c.value,
+        "max-date": g.value,
+        "onUpdate:modelValue": a(f)
+      }, null, 8, ["id", "ariaLabel", "model-value", "disabled", "error", "sub-text", "min-date", "max-date", "onUpdate:modelValue"]),
+      l.value ? (d(), U(a(k), {
+        key: 0,
+        ariaLabel: `${o.control.label} time`,
+        "model-value": a(b),
+        granularity: a(y),
+        "max-granularity": s.value,
+        disabled: t.disabled,
+        error: t.error,
+        "onUpdate:modelValue": a(x),
+        "onUpdate:granularity": a(h)
+      }, null, 8, ["ariaLabel", "model-value", "granularity", "max-granularity", "disabled", "error", "onUpdate:modelValue", "onUpdate:granularity"])) : B("", !0)
+    ], 2));
+  }
+}), R = /* @__PURE__ */ I($, [["__scopeId", "data-v-e52553e7"]]);
+export {
+  R as default
+};

package/dist/DateTimeFormatPickerControl-Bx19jwpr.js

@@ -0,0 +1,34 @@
+import { defineComponent as s, computed as a, openBlock as u, createBlock as c, unref as l } from "vue";
+import { u as i, N as m } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+const h = /* @__PURE__ */ s({
+  __name: "DateTimeFormatPickerControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(e) {
+    const o = e, t = a(
+      () => o.control.uischema
+    ), n = a(() => t.value.options), r = a(() => n.value?.allowedFormats), d = i(t, "dateTimeFormats", []);
+    return (b, f) => (u(), c(l(m), {
+      id: e.labelForId,
+      ariaLabel: e.control.label,
+      "model-value": o.control.data,
+      disabled: e.disabled,
+      "allowed-formats": r.value,
+      "all-default-formats": l(d) ?? [],
+      error: e.error,
+      "sub-text": e.subText,
+      "onUpdate:modelValue": e.changeValue
+    }, null, 8, ["id", "ariaLabel", "model-value", "disabled", "allowed-formats", "all-default-formats", "error", "sub-text", "onUpdate:modelValue"]));
+  }
+});
+export {
+  h as default
+};