@knime/jsonforms 1.15.1 → 1.15.2

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @knime/json-forms
 
+## 1.15.2
+
+### Patch Changes
+
+- 7fcf85b: Enable slots in Twinlist sub components
+  Add DataType Icon to Jsonforms dropdowns and twinlists
+  Adjust linting rule -> css imports now need the file extension
+- Updated dependencies [7fcf85b]
+  - @knime/components@1.34.2
+  - @knime/rich-text-editor@1.7.2
+
 ## 1.15.1
 
 ### Patch Changes

package/dist/AnyOfTwinlist--MdzLj12.js

@@ -0,0 +1,22 @@
+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-D0xdGWtx.js";
+const y = /* @__PURE__ */ s({
+  __name: "AnyOfTwinlist",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(o) {
+    const e = o.control.schema.anyOf.map(r);
+    return (n, u) => (p(), t(i, a(n.$props, { "possible-values": l(e) }), null, 16, ["possible-values"]));
+  }
+});
+export {
+  y as default
+};

package/dist/{Button-B9RSLVI2.js → Button-V53sPts7.js}

@@ -1,9 +1,9 @@
-import { defineComponent as o, resolveComponent as a, createBlock as s, openBlock as n, normalizeClass as r, withCtx as l, renderSlot as c } from "vue";
-import { D as p, _ as i } from "./SectionHeading.vue_vue_type_style_index_0_scoped_f06e9b7d_lang-B5ALSUVO.js";
-const d = o({
+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_625edfbe_lang-1WZC8AqN.js";
+const c = o({
   name: "Button",
   components: {
-    BaseButton: p
+    BaseButton: i
   },
   props: {
     /**
@@ -64,20 +64,19 @@ const d = o({
     }
   }
 });
-function m(e, u, f, B, h, _) {
+function f(e, u, B, m, h, _) {
   const t = a("BaseButton");
   return n(), s(t, {
     class: r(e.classes),
     disabled: e.disabled
   }, {
     default: l(() => [
-      c(e.$slots, "default")
+      d(e.$slots, "default")
     ]),
     _: 3
-    /* FORWARDED */
   }, 8, ["class", "disabled"]);
 }
-const b = /* @__PURE__ */ i(d, [["render", m], ["__scopeId", "data-v-7dccdc88"], ["__file", "/Users/albrecht/Documents/KNIME/git/webapps-common/packages/components/src/components/Buttons/Button.vue"]]);
+const b = /* @__PURE__ */ p(c, [["render", f], ["__scopeId", "data-v-4d1f9e2d"]]);
 export {
   b as B
 };

package/dist/CheckboxControl-DxmF67Fl.js

@@ -0,0 +1,40 @@
+import { defineComponent as n, ref as s, createElementBlock as r, openBlock as d, createVNode as u, renderSlot as l, 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_625edfbe_lang-1WZC8AqN.js";
+const f = /* @__PURE__ */ n({
+  __name: "CheckboxControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    labelForId: {},
+    isValid: { type: Boolean },
+    messages: {},
+    onRegisterValidation: { type: Function }
+  },
+  setup(h) {
+    const t = s(!1);
+    return (e, o) => (d(), r("div", {
+      class: "checkbox-input",
+      onMouseover: o[0] || (o[0] = (a) => t.value = !0),
+      onMouseleave: o[1] || (o[1] = (a) => t.value = !1)
+    }, [
+      u(i(m), {
+        class: "checkbox",
+        disabled: e.disabled,
+        "model-value": e.control.data,
+        "onUpdate:modelValue": e.changeValue
+      }, {
+        default: p(() => [
+          c(v(e.control.label) + " ", 1),
+          l(e.$slots, "icon", {}, void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["disabled", "model-value", "onUpdate:modelValue"]),
+      l(e.$slots, "buttons", { hover: t.value }, void 0, !0)
+    ], 32));
+  }
+}), k = /* @__PURE__ */ b(f, [["__scopeId", "data-v-c26e0308"]]);
+export {
+  k as default
+};

package/dist/Checkboxes-Dc2mE1E7.js

@@ -0,0 +1,105 @@
+import { _ as c, C as u } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-1WZC8AqN.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",
+  components: {
+    Checkbox: u
+  },
+  props: {
+    /**
+     * List of possible values. Each item must have an `id` and a `text` property.
+     * @example
+     * [{
+     *   id: 'pdf',
+     *   text: 'PDF'
+     * }, {
+     *   id: 'XLS',
+     *   text: 'Excel',
+     * }]
+     */
+    possibleValues: {
+      type: Array,
+      default: () => [],
+      validator(e) {
+        return Array.isArray(e) ? e.every(
+          (a) => a.hasOwnProperty("id") && a.hasOwnProperty("text")
+        ) : !1;
+      }
+    },
+    /**
+     * Controls the alignment
+     */
+    alignment: {
+      type: String,
+      default: "horizontal",
+      validator(e) {
+        return ["horizontal", "vertical"].includes(e);
+      }
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    isValid: {
+      default: !0,
+      type: Boolean
+    },
+    /**
+     * selected value (which is a list of ids of entries)
+     */
+    modelValue: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["update:modelValue"],
+  methods: {
+    validate() {
+      const e = !this.possibleValues.some((a) => a.invalid);
+      return {
+        isValid: e,
+        errorMessage: e ? null : "One or more of the selected items is invalid."
+      };
+    },
+    onUpdateModelValue(e, a) {
+      let t = Array.from(this.modelValue);
+      a ? t.indexOf(e) === -1 && t.push(e) : t = t.filter((r) => r !== e), consola.trace("Checkboxes value changed to", t), this.$emit("update:modelValue", t);
+    },
+    /**
+     * Is at least one checkbox checked?
+     * @returns {boolean}
+     */
+    hasSelection() {
+      return this.$refs.boxes.some((e) => e.isChecked());
+    }
+  }
+};
+function v(e, a, t, r, C, d) {
+  const n = f("Checkbox");
+  return o(), s("div", {
+    class: h(["checkboxes", t.alignment])
+  }, [
+    (o(!0), s(m, null, p(t.possibleValues, (l) => (o(), x(n, {
+      ref_for: !0,
+      ref: "boxes",
+      key: `checkboxes-${l.id}`,
+      "model-value": t.modelValue.indexOf(l.id) > -1,
+      title: l.text,
+      invalid: l.invalid,
+      disabled: t.disabled,
+      class: "box",
+      "onUpdate:modelValue": (i) => d.onUpdateModelValue(l.id, i)
+    }, {
+      default: b(() => [
+        V(e.$slots, "label", { slotItem: l }, () => [
+          y(k(l.text), 1)
+        ], !0)
+      ]),
+      _: 2
+    }, 1032, ["model-value", "title", "invalid", "disabled", "onUpdate:modelValue"]))), 128))
+  ], 2);
+}
+const B = /* @__PURE__ */ c(_, [["render", v], ["__scopeId", "data-v-a8358197"]]);
+export {
+  B as C
+};

package/dist/CheckboxesControl-MTDoYv6o.js

@@ -0,0 +1,38 @@
+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-DXZusnxu.js";
+import { C as V } from "./Checkboxes-Dc2mE1E7.js";
+import { _ as y } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-1WZC8AqN.js";
+const C = /* @__PURE__ */ c({
+  __name: "CheckboxesControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(s) {
+    const o = s, t = n(
+      () => o.control.uischema.options?.checkboxLayout
+    ), a = r(null), { possibleValues: i } = v(u(o, "control")), l = n(() => a.value ?? i.value);
+    return p(() => {
+      a.value = o.control.schema.anyOf ? o.control.schema.anyOf.map(h) : null;
+    }), (e, k) => l.value ? (b(), d(f(V), {
+      key: 0,
+      id: e.labelForId,
+      class: "checkboxes",
+      "possible-values": l.value,
+      alignment: t.value,
+      disabled: e.disabled,
+      "model-value": e.control.data,
+      "is-valid": e.isValid,
+      "onUpdate:modelValue": e.changeValue
+    }, null, 8, ["id", "possible-values", "alignment", "disabled", "model-value", "is-valid", "onUpdate:modelValue"])) : m("", !0);
+  }
+}), I = /* @__PURE__ */ y(C, [["__scopeId", "data-v-2891ceef"]]);
+export {
+  I as default
+};