@knime/jsonforms 1.15.22 → 1.15.24

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @knime/json-forms
 
+## 1.15.24
+
+### Patch Changes
+
+- a81819a: Enable dynamic possible values in ComboBox jsonforms renderer
+
+## 1.15.23
+
+### Patch Changes
+
+- Updated dependencies [490ab62]
+  - @knime/styles@1.14.1
+  - @knime/components@1.38.8
+  - @knime/rich-text-editor@1.7.21
+  - @knime/utils@1.6.1
+
 ## 1.15.22
 
 ### Patch Changes

package/dist/{AnyOfTwinlist-5tbfS7Y4.js → AnyOfTwinlist-CMKMWHf1.js}

@@ -1,6 +1,6 @@
 import { defineComponent as s, createBlock as t, openBlock as p, mergeProps as a, unref as l } from "vue";
 import { o as r } from "./index-Blg1O3Fz.js";
-import { T as i } from "./TwinlistControlBase-DiMynaVS.js";
+import { T as i } from "./TwinlistControlBase-SqSM0dKn.js";
 const y = /* @__PURE__ */ s({
   __name: "AnyOfTwinlist",
   props: {

package/dist/{Button-Dw0JlaMT.js → Button-DaREikfo.js}

@@ -1,5 +1,5 @@
 import { defineComponent as o, resolveComponent as a, createBlock as s, openBlock as n, normalizeClass as r, withCtx as l, renderSlot as d } from "vue";
-import { D as i, _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_9a6ceb77_lang-BW-mZTJ9.js";
+import { D as i, _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-D6vbe1qN.js";
 const c = o({
   name: "Button",
   components: {

package/dist/{CheckboxControl-Co9nFUGz.js → CheckboxControl-BeVFzf2a.js}

@@ -1,5 +1,5 @@
 import { defineComponent as n, ref as s, createElementBlock as r, openBlock as d, createVNode as u, renderSlot as a, unref as i, withCtx as p, createTextVNode as c, toDisplayString as v } from "vue";
-import { C as m, _ as b } from "./SectionHeading.vue_vue_type_style_index_0_scoped_9a6ceb77_lang-BW-mZTJ9.js";
+import { C as m, _ as b } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-D6vbe1qN.js";
 const f = /* @__PURE__ */ n({
   __name: "CheckboxControl",
   props: {

package/dist/{Checkboxes-1Zx_xwCv.js → Checkboxes-CFrhOEzY.js}

@@ -1,4 +1,4 @@
-import { _ as c, C as u } from "./SectionHeading.vue_vue_type_style_index_0_scoped_9a6ceb77_lang-BW-mZTJ9.js";
+import { _ as c, C as u } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-D6vbe1qN.js";
 import { resolveComponent as f, createElementBlock as s, openBlock as o, normalizeClass as h, Fragment as m, renderList as p, createBlock as x, withCtx as b, renderSlot as V, createTextVNode as y, toDisplayString as k } from "vue";
 const _ = {
   name: "Checkboxes",

package/dist/{CheckboxesControl-BSTAr09w.js → CheckboxesControl-DgJRbuoT.js}

@@ -1,8 +1,8 @@
 import { defineComponent as c, computed as n, ref as r, toRef as u, onMounted as p, createBlock as d, createCommentVNode as m, openBlock as b, unref as f } from "vue";
 import { o as h } from "./index-Blg1O3Fz.js";
-import { u as v } from "./usePossibleValues-CJrYMhj_.js";
-import { C as V } from "./Checkboxes-1Zx_xwCv.js";
-import { _ as y } from "./SectionHeading.vue_vue_type_style_index_0_scoped_9a6ceb77_lang-BW-mZTJ9.js";
+import { u as v } from "./usePossibleValues-DZ0BX_DO.js";
+import { C as V } from "./Checkboxes-CFrhOEzY.js";
+import { _ as y } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-D6vbe1qN.js";
 const C = /* @__PURE__ */ c({
   __name: "CheckboxesControl",
   props: {

package/dist/{ComboBoxControl-B6NfsfLj.js → ComboBoxControl-52ElpOn1.js}

@@ -1,11 +1,11 @@
-import { resolveComponent as h, createElementBlock as f, openBlock as d, withModifiers as a, withKeys as r, normalizeClass as w, renderSlot as B, withDirectives as I, createElementVNode as m, createVNode as c, toDisplayString as S, normalizeStyle as A, Fragment as D, renderList as k, createBlock as C, withCtx as O, createTextVNode as $, vShow as P, defineComponent as M, vModelText as x, toRef as z, computed as F, unref as N } from "vue";
-import { u as U } from "./usePossibleValues-CJrYMhj_.js";
+import { resolveComponent as f, createElementBlock as b, openBlock as d, withModifiers as u, withKeys as r, normalizeClass as w, renderSlot as F, withDirectives as S, createElementVNode as c, createVNode as h, toDisplayString as C, normalizeStyle as A, Fragment as D, renderList as P, createBlock as E, withCtx as O, createTextVNode as $, vShow as k, defineComponent as M, vModelText as x, toRef as z, computed as y, unref as N } from "vue";
+import { u as U } from "./usePossibleValues-DZ0BX_DO.js";
 import { C as L } from "./close-DGt8x-x_.js";
-import { _ as E, C as H, v as K } from "./SectionHeading.vue_vue_type_style_index_0_scoped_9a6ceb77_lang-BW-mZTJ9.js";
+import { _ as B, C as H, v as K } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-D6vbe1qN.js";
 /* empty css                   */
 import { A as j } from "./arrow-dropdown-BAFsD8Su.js";
 import { c as W } from "./createMissingItem-B00Kg95q.js";
-const y = () => {
+const v = () => {
   let e = document?.activeElement;
   for (; e?.shadowRoot; )
     e = e?.shadowRoot?.activeElement;
@@ -171,11 +171,11 @@ const y = () => {
      * @param {Number} changeInd - the positive or negative index shift for the next Element (usually 1 || -1).
      * @returns {Element} - the next option Element in the list of options.
      */
-    getNextElement(e, t = y()) {
+    getNextElement(e, t = v()) {
       return this.focusOptions[this.focusOptions.indexOf(t) + e] || (e < 0 ? this.focusOptions[this.focusOptions.length - 1] : this.focusOptions[0]);
     },
     onUpdateModelValue(e, t) {
-      t ? this.modelValue.indexOf(e) === -1 && this.emitNewSelection([...this.modelValue, e]) : this.emitNewSelection(this.modelValue.filter((o) => o !== e)), this.closeDropdownOnSelection && this.closeOptions();
+      t ? this.modelValue.indexOf(e) === -1 && this.emitNewSelection([...this.modelValue, e]) : this.emitNewSelection(this.modelValue.filter((l) => l !== e)), this.closeDropdownOnSelection && this.closeOptions();
     },
     toggle() {
       this.collapsed = !this.collapsed, setTimeout(() => {
@@ -208,7 +208,7 @@ const y = () => {
     },
     /* Handle arrow key "up" events. */
     onUp() {
-      const e = y();
+      const e = v();
       e !== this.$refs.toggle && this.getNextElement(-1, e).focus();
     },
     /* Handle arrow key "down" events. */
@@ -221,7 +221,7 @@ const y = () => {
      */
     onFocusOut() {
       setTimeout(() => {
-        this.focusElements.includes(y()) || (this.closeOptions(!1), this.useCustomListBox && this.$emit("focusOutside"));
+        this.focusElements.includes(v()) || (this.closeOptions(!1), this.useCustomListBox && this.$emit("focusOutside"));
       }, g);
     },
     /*
@@ -243,59 +243,59 @@ const y = () => {
     }
   }
 }, J = { key: 1 }, Q = ["tabindex"];
-function Y(e, t, o, n, b, s) {
-  const p = h("DropdownIcon"), u = h("Checkbox");
-  return d(), f("div", {
+function Y(e, t, l, n, m, o) {
+  const a = f("DropdownIcon"), p = f("Checkbox");
+  return d(), b("div", {
     ref: "multiselect",
     class: w([
       "multiselect",
-      { collapsed: b.collapsed, invalid: !o.isValid, compact: o.compact, disabled: o.disabled }
+      { collapsed: m.collapsed, invalid: !l.isValid, compact: l.compact, disabled: l.disabled }
     ]),
     onKeydown: [
-      t[2] || (t[2] = r((...l) => s.closeOptionsAndStop && s.closeOptionsAndStop(...l), ["esc"])),
-      t[3] || (t[3] = r(a((...l) => s.onUp && s.onUp(...l), ["stop", "prevent"]), ["up"])),
-      t[4] || (t[4] = r(a((...l) => s.onDown && s.onDown(...l), ["stop", "prevent"]), ["down"]))
+      t[2] || (t[2] = r((...s) => o.closeOptionsAndStop && o.closeOptionsAndStop(...s), ["esc"])),
+      t[3] || (t[3] = r(u((...s) => o.onUp && o.onUp(...s), ["stop", "prevent"]), ["up"])),
+      t[4] || (t[4] = r(u((...s) => o.onDown && o.onDown(...s), ["stop", "prevent"]), ["down"]))
     ],
-    onFocusout: t[5] || (t[5] = a((...l) => s.onFocusOut && s.onFocusOut(...l), ["stop"])),
-    onMousedown: t[6] || (t[6] = (...l) => s.onMousedown && s.onMousedown(...l))
+    onFocusout: t[5] || (t[5] = u((...s) => o.onFocusOut && o.onFocusOut(...s), ["stop"])),
+    onMousedown: t[6] || (t[6] = (...s) => o.onMousedown && o.onMousedown(...s))
   }, [
-    o.useCustomListBox ? B(e.$slots, "listBox", { key: 0 }, void 0, !0) : (d(), f("div", J, [
-      m("div", {
+    l.useCustomListBox ? F(e.$slots, "listBox", { key: 0 }, void 0, !0) : (d(), b("div", J, [
+      c("div", {
         ref: "toggle",
         role: "button",
-        tabindex: o.disabled ? -1 : 0,
-        class: w({ placeholder: !o.modelValue.length }),
-        onClick: t[0] || (t[0] = (...l) => s.toggle && s.toggle(...l)),
-        onKeydown: t[1] || (t[1] = r(a((...l) => s.toggle && s.toggle(...l), ["prevent"]), ["space"]))
-      }, S(s.summary), 43, Q),
-      c(p, { class: "icon" })
+        tabindex: l.disabled ? -1 : 0,
+        class: w({ placeholder: !l.modelValue.length }),
+        onClick: t[0] || (t[0] = (...s) => o.toggle && o.toggle(...s)),
+        onKeydown: t[1] || (t[1] = r(u((...s) => o.toggle && o.toggle(...s), ["prevent"]), ["space"]))
+      }, C(o.summary), 43, Q),
+      h(a, { class: "icon" })
     ])),
-    I(m("div", {
+    S(c("div", {
       class: "options",
-      style: A(s.optionsHeight)
+      style: A(o.optionsHeight)
     }, [
-      (d(!0), f(D, null, k(o.possibleValues, (l, i) => (d(), C(u, {
+      (d(!0), b(D, null, P(l.possibleValues, (s, i) => (d(), E(p, {
         ref_for: !0,
         ref: "option",
-        key: `multiselect-${l.id}`,
+        key: `multiselect-${s.id}`,
         "data-index": i,
-        "model-value": s.isChecked(l.id),
-        disabled: l.disabled,
+        "model-value": o.isChecked(s.id),
+        disabled: s.disabled,
         class: "boxes",
-        "onUpdate:modelValue": (V) => s.onUpdateModelValue(l.id, V)
+        "onUpdate:modelValue": (V) => o.onUpdateModelValue(s.id, V)
       }, {
         default: O(() => [
-          $(S(l.text), 1)
+          $(C(s.text), 1)
         ]),
         _: 2
       }, 1032, ["data-index", "model-value", "disabled", "onUpdate:modelValue"]))), 128)),
-      B(e.$slots, "selectAction", {}, void 0, !0)
+      F(e.$slots, "selectAction", {}, void 0, !0)
     ], 4), [
-      [P, s.showOptions]
+      [k, o.showOptions]
     ])
   ], 34);
 }
-const Z = /* @__PURE__ */ E(q, [["render", Y], ["__scopeId", "data-v-eeb8fb15"]]), v = "draft-id-combobox-preview-item", _ = M({
+const Z = /* @__PURE__ */ B(q, [["render", Y], ["__scopeId", "data-v-eeb8fb15"]]), I = "draft-id-combobox-preview-item", _ = M({
   name: "ComboBox",
   components: {
     Multiselect: Z,
@@ -393,12 +393,12 @@ const Z = /* @__PURE__ */ E(q, [["render", Y], ["__scopeId", "data-v-eeb8fb15"]]
     },
     searchResults() {
       const e = this.allPossibleItems.some(
-        ({ id: o, text: n }) => o === this.trimmedSearchValue || n === this.trimmedSearchValue
+        ({ id: l, text: n }) => l === this.trimmedSearchValue || n === this.trimmedSearchValue
       ), t = this.allPossibleItems.filter(
-        ({ id: o, text: n }) => n.toLowerCase().includes(this.trimmedLowerCasedSearchValue) || o === this.trimmedSearchValue
+        ({ id: l, text: n }) => n.toLowerCase().includes(this.trimmedLowerCasedSearchValue) || l === this.trimmedSearchValue
       );
       return this.allowNewValues && !e && !this.isSearchEmpty ? [
-        { id: v, text: `${this.trimmedSearchValue} (new item)` },
+        { id: I, text: `${this.trimmedSearchValue} (new item)` },
         ...t
       ] : t;
     },
@@ -451,16 +451,16 @@ const Z = /* @__PURE__ */ E(q, [["render", Y], ["__scopeId", "data-v-eeb8fb15"]]
       this.inputOrOptionsFocussed || this.$refs.combobox.toggle(), this.inputOrOptionsFocussed = !0, this.$refs.combobox.updateFocusOptions();
     },
     updateSelectedIds(e) {
-      if (!e.includes(v)) {
+      if (!e.includes(I)) {
         this.emitNewSelection(e);
         return;
       }
-      const o = {
+      const l = {
         id: this.trimmedSearchValue,
         text: this.trimmedSearchValue
       };
-      this.allPossibleItems.push(o), this.emitNewSelection(
-        e.map((n) => n === v ? o.id : n)
+      this.allPossibleItems.push(l), this.emitNewSelection(
+        e.map((n) => n === I ? l.id : n)
       );
     },
     removeTag(e) {
@@ -486,9 +486,9 @@ const Z = /* @__PURE__ */ E(q, [["render", Y], ["__scopeId", "data-v-eeb8fb15"]]
     }
   }
 }), ee = ["tabindex"], te = ["title"], se = ["maxlength", "disabled"], oe = { class: "icon-right" };
-function le(e, t, o, n, b, s) {
-  const p = h("CloseIcon"), u = h("FunctionButton"), l = h("Multiselect");
-  return d(), C(l, {
+function le(e, t, l, n, m, o) {
+  const a = f("CloseIcon"), p = f("FunctionButton"), s = f("Multiselect");
+  return d(), E(s, {
     ref: "combobox",
     "model-value": e.modelValue,
     "possible-values": e.searchResults,
@@ -504,40 +504,40 @@ function le(e, t, o, n, b, s) {
     "onUpdate:modelValue": e.updateSelectedIds
   }, {
     listBox: O(() => [
-      m("div", {
+      c("div", {
         ref: "listBox",
         class: "summary-input-icon-wrapper",
         tabindex: e.disabled ? -1 : 0,
-        onKeydown: t[8] || (t[8] = r(a((...i) => e.focusInput && e.focusInput(...i), ["prevent", "self"]), ["enter"]))
+        onKeydown: t[8] || (t[8] = r(u((...i) => e.focusInput && e.focusInput(...i), ["prevent", "self"]), ["enter"]))
       }, [
-        m("div", {
+        c("div", {
           class: w([
             "summary-input-wrapper",
             { "with-icon-right": e.hasSelection, compact: e.compact }
           ]),
-          onClick: t[7] || (t[7] = a((...i) => e.focusInput && e.focusInput(...i), ["stop"]))
+          onClick: t[7] || (t[7] = u((...i) => e.focusInput && e.focusInput(...i), ["stop"]))
         }, [
-          (d(!0), f(D, null, k(e.selectedValues, ({ id: i, text: V, invalid: R }, T) => (d(), f("div", {
+          (d(!0), b(D, null, P(e.selectedValues, ({ id: i, text: V, invalid: R }, T) => (d(), b("div", {
             key: `item.id${T}`,
             class: "tag",
             title: V
           }, [
-            m("span", {
+            c("span", {
               class: w(["text", { invalid: R }])
-            }, S(V), 3),
-            c(u, {
+            }, C(V), 3),
+            h(p, {
               class: "remove-tag-button",
               compact: e.compact,
               disabled: e.disabled,
-              onClick: a((ae) => e.removeTag(i), ["stop"])
+              onClick: u((ae) => e.removeTag(i), ["stop"])
             }, {
               default: O(() => [
-                c(p, { class: "remove-tag-button-icon" })
+                h(a, { class: "remove-tag-button-icon" })
               ]),
               _: 2
             }, 1032, ["compact", "disabled", "onClick"])
           ], 8, te))), 128)),
-          I(m("input", {
+          S(c("input", {
             ref: "searchInput",
             "onUpdate:modelValue": t[0] || (t[0] = (i) => e.searchValue = i),
             class: "search-input",
@@ -548,37 +548,37 @@ function le(e, t, o, n, b, s) {
             onFocus: t[1] || (t[1] = (...i) => e.onInputFocus && e.onInputFocus(...i)),
             onInput: t[2] || (t[2] = (...i) => e.onInput && e.onInput(...i)),
             onKeydown: [
-              t[3] || (t[3] = r(a((...i) => e.onEnter && e.onEnter(...i), ["prevent"]), ["enter"])),
+              t[3] || (t[3] = r(u((...i) => e.onEnter && e.onEnter(...i), ["prevent"]), ["enter"])),
               t[4] || (t[4] = r((...i) => e.onBackspace && e.onBackspace(...i), ["backspace"])),
-              t[5] || (t[5] = r(a((...i) => e.onDown && e.onDown(...i), ["stop", "prevent"]), ["down"])),
+              t[5] || (t[5] = r(u((...i) => e.onDown && e.onDown(...i), ["stop", "prevent"]), ["down"])),
               t[6] || (t[6] = r((...i) => e.closeOptionsAndStop && e.closeOptionsAndStop(...i), ["esc"]))
             ]
           }, null, 44, se), [
             [x, e.searchValue]
           ])
         ], 2),
-        I(m("div", oe, [
-          c(u, {
+        S(c("div", oe, [
+          h(p, {
             ref: "removeAllTags",
             class: "remove-all-tags-button",
             compact: e.compact,
             disabled: e.disabled,
-            onClick: a(e.removeAllTags, ["stop"])
+            onClick: u(e.removeAllTags, ["stop"])
           }, {
             default: O(() => [
-              c(p)
+              h(a)
             ]),
             _: 1
           }, 8, ["compact", "disabled", "onClick"])
         ], 512), [
-          [P, e.hasSelection]
+          [k, e.hasSelection]
         ])
       ], 40, ee)
     ]),
     _: 1
   }, 8, ["model-value", "possible-values", "size-visible-options", "parent-focus-element", "parent-refocus-element-on-close", "close-dropdown-on-selection", "is-valid", "compact", "disabled", "onFocusOutside", "onUpdate:modelValue"]);
 }
-const ie = /* @__PURE__ */ E(_, [["render", le], ["__scopeId", "data-v-b2800209"]]), ne = /* @__PURE__ */ M({
+const ie = /* @__PURE__ */ B(_, [["render", le], ["__scopeId", "data-v-b2800209"]]), ne = /* @__PURE__ */ M({
   __name: "ComboBoxControl",
   props: {
     control: {},
@@ -590,24 +590,26 @@ const ie = /* @__PURE__ */ E(_, [["render", le], ["__scopeId", "data-v-b2800209"
     labelForId: {}
   },
   setup(e) {
-    const t = e, { possibleValues: o } = U(z(t, "control")), n = F(
-      () => o.value === null || o.value.length === 0
-    ), b = F(
-      () => t.disabled || n.value
+    const t = e, { possibleValues: l } = U(z(t, "control")), n = y(
+      () => l.value === null || l.value.length === 0
+    ), m = y(
+      () => t.control.uischema.providedOptions?.includes("possibleValues") || t.control.uischema.options?.possibleValues !== void 0
+    ), o = y(
+      () => t.disabled || n.value && m.value
     );
-    return (s, p) => (d(), C(N(ie), {
-      id: s.labelForId,
-      "allow-new-values": n.value ? "" : !1,
-      "aria-label": s.control.label,
-      disabled: b.value,
-      "possible-values": n.value ? s.control.data.map((u) => ({ id: u, text: u })) : N(o),
-      "model-value": s.control.data,
-      "is-valid": s.isValid,
+    return (a, p) => (d(), E(N(ie), {
+      id: a.labelForId,
+      "allow-new-values": !m.value,
+      "aria-label": a.control.label,
+      disabled: o.value,
+      "possible-values": n.value ? a.control.data.map((s) => ({ id: s, text: s })) : N(l),
+      "model-value": a.control.data,
+      "is-valid": a.isValid,
       compact: "",
-      "onUpdate:modelValue": p[0] || (p[0] = (u) => s.changeValue(u))
+      "onUpdate:modelValue": p[0] || (p[0] = (s) => a.changeValue(s))
     }, null, 8, ["id", "allow-new-values", "aria-label", "disabled", "possible-values", "model-value", "is-valid"]));
   }
-}), fe = /* @__PURE__ */ E(ne, [["__scopeId", "data-v-7d8de6e7"]]);
+}), fe = /* @__PURE__ */ B(ne, [["__scopeId", "data-v-cb6aa225"]]);
 export {
   fe as default
 };

package/dist/{DateControl-DKyK-you.js → DateControl-CAB01amR.js}

@@ -1,5 +1,5 @@
 import { defineComponent as d, computed as i, createBlock as r, openBlock as s, unref as u } from "vue";
-import { t as m, f as p, D as c } from "./localTimeUtils-B0LoqW_R.js";
+import { t as m, f as p, D as c } from "./localTimeUtils-hSkp77fS.js";
 const b = /* @__PURE__ */ d({
   __name: "DateControl",
   props: {

package/dist/{DateTimeControl-DdCWVmw2.js → DateTimeControl-D-vlhUGy.js}

@@ -1,5 +1,5 @@
 import { defineComponent as r, computed as a, createBlock as c, openBlock as p, unref as v } from "vue";
-import { t as i, f as h, D as f } from "./localTimeUtils-B0LoqW_R.js";
+import { t as i, f as h, D as f } from "./localTimeUtils-hSkp77fS.js";
 const T = /* @__PURE__ */ r({
   __name: "DateTimeControl",
   props: {