@knime/jsonforms 1.15.1 → 1.15.2

package/dist/SingleSelectControl-C-GLQD-a.js

@@ -1,73 +0,0 @@
-import { defineComponent as x, computed as d, toRef as I, createElementBlock as w, openBlock as q, Fragment as v, createCommentVNode as F, createVNode as L } from "vue";
-import { u as R } from "./usePossibleValues-DTVXBGRC.js";
-import { L as B } from "./LoadingDropdown-B9jHjdWV.js";
-import { _ as E } from "./SectionHeading.vue_vue_type_style_index_0_scoped_f06e9b7d_lang-B5ALSUVO.js";
-const a = "__special__", n = "__regular__", P = /* @__PURE__ */ x({
-  __name: "SingleSelectControl",
-  props: {
-    control: { type: Object, required: !0 },
-    handleChange: { type: Function, required: !0 },
-    changeValue: { type: Function, required: !0 },
-    disabled: { type: Boolean, required: !0 },
-    isValid: { type: Boolean, required: !0 },
-    onRegisterValidation: { type: Function, required: !0 },
-    labelForId: { type: String, required: !0 }
-  },
-  setup(p, { expose: c }) {
-    c();
-    const r = p, o = d(
-      () => r.control.uischema.options.specialChoices
-    ), { possibleValues: l } = R(
-      I(r, "control")
-    ), s = (e) => `${a}${e}`, t = (e) => `${n}${e}`, h = ({
-      id: e,
-      text: i
-    }) => ({
-      id: s(e),
-      text: i,
-      isSpecial: !0
-    }), f = ({
-      id: e,
-      text: i
-    }) => ({
-      id: t(e),
-      text: i
-    }), u = d(() => l.value === null ? null : o.value.map(h).concat(l.value.map(f))), m = (e) => {
-      if (!e.startsWith(n) && !e.startsWith(a))
-        throw new Error(`Expected id to start with ${n}`);
-    }, C = (e) => e ? (m(e), e.startsWith(a) ? { specialChoice: e.slice(a.length) } : { regularChoice: e.slice(n.length) }) : null, _ = (e) => typeof e > "u" || e === null ? "" : "regularChoice" in e && e.regularChoice ? t(e.regularChoice) : "specialChoice" in e && e.specialChoice ? s(e.specialChoice) : "", b = (e) => typeof e > "u" || e === null ? "" : "regularChoice" in e && e.regularChoice ? e.regularChoice : "specialChoice" in e && e.specialChoice ? e.specialChoice : "", y = d({
-      get: () => {
-        const e = _(r.control.data);
-        return u.value && !u.value.some((i) => i.id === e) ? b(r.control.data) : e;
-      },
-      set: (e) => {
-        r.changeValue(C(e));
-      }
-    }), g = { props: r, specialChoices: o, regularChoices: l, specialPrefix: a, regularPrefix: n, createSpecialId: s, createRegularId: t, createSpecialChoice: h, createRegularChoice: f, allChoices: u, assertIsSingleSelectId: m, toSingleSelectValue: C, toSingleSelectId: _, extractRawValue: b, modelValue: y, LoadingDropdown: B };
-    return Object.defineProperty(g, "__isScriptSetup", { enumerable: !1, value: !0 }), g;
-  }
-});
-function S(p, c, r, o, l, s) {
-  return q(), w(
-    v,
-    null,
-    [
-      F(" eslint-disable vue/attribute-hyphenation typescript complains with ':aria-label' instead of ':ariaLabel'"),
-      L(o.LoadingDropdown, {
-        id: r.labelForId,
-        modelValue: o.modelValue,
-        "onUpdate:modelValue": c[0] || (c[0] = (t) => o.modelValue = t),
-        "possible-values": o.allChoices,
-        ariaLabel: r.control.label,
-        disabled: r.disabled,
-        compact: ""
-      }, null, 8, ["id", "modelValue", "possible-values", "ariaLabel", "disabled"])
-    ],
-    2112
-    /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-  );
-}
-const W = /* @__PURE__ */ E(P, [["render", S], ["__file", "/Users/albrecht/Documents/KNIME/git/webapps-common/packages/jsonforms/src/uiComponents/SingleSelectControl.vue"]]);
-export {
-  W as default
-};

package/dist/SingleSelectListBoxControl-CDg_1QUT.js

@@ -1,260 +0,0 @@
-import { resolveComponent as y, createElementBlock as o, openBlock as r, normalizeClass as u, createElementVNode as V, normalizeStyle as c, Fragment as f, renderList as g, createBlock as b, defineComponent as I, toRef as v, createCommentVNode as h } from "vue";
-import { u as _ } from "./usePossibleValues-DTVXBGRC.js";
-import { S } from "./StyledListItem-NqAG7jSw.js";
-import { _ as p, B as C } from "./SectionHeading.vue_vue_type_style_index_0_scoped_f06e9b7d_lang-B5ALSUVO.js";
-const L = 40, B = 38, w = 36, k = 35, H = {
-  name: "ListBox",
-  components: {
-    StyledListItem: S
-  },
-  props: {
-    id: {
-      type: String,
-      default() {
-        return `ListBox-${C()}`;
-      }
-    },
-    modelValue: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Controls the size of the list. Number of visible items (for others user need to scroll)
-     * 0 means all
-     */
-    size: {
-      type: Number,
-      default: 0,
-      validator(e) {
-        return e >= 0;
-      }
-    },
-    isValid: {
-      default: !0,
-      type: Boolean
-    },
-    ariaLabel: {
-      type: String,
-      required: !0
-    },
-    /**
-     * 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(
-          (l) => l.hasOwnProperty("id") && l.hasOwnProperty("text")
-        ) : !1;
-      }
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["update:modelValue"],
-  data() {
-    return {
-      selectedIndex: -1,
-      invalidPossibleValueIds: [],
-      optionLineHeight: 22
-    };
-  },
-  computed: {
-    ulSizeStyle() {
-      const e = (l) => `${l * this.optionLineHeight + 2}px`;
-      return this.size > 0 ? { height: e(this.size) } : { minHeight: e(2) };
-    },
-    selectableValues() {
-      return [
-        ...this.invalidPossibleValueIds.map((e) => this.generateInvalidItem(e)),
-        ...this.possibleValues
-      ];
-    }
-  },
-  watch: {
-    modelValue(e) {
-      this.updateSelectedIndexAndInvalidValue(e);
-    }
-  },
-  mounted() {
-    this.updateSelectedIndexAndInvalidValue(this.modelValue);
-  },
-  methods: {
-    updateSelectedIndexAndInvalidValue(e) {
-      const l = this.selectableValues.findIndex((t) => t.id === e);
-      l === -1 && e ? (this.invalidPossibleValueIds.includes(e) || this.invalidPossibleValueIds.push(e), this.selectedIndex = this.selectableValues.findIndex(
-        (t) => t.id === e
-      )) : this.selectedIndex = l;
-    },
-    isCurrentValue(e) {
-      return this.modelValue === e;
-    },
-    setSelected(e, l) {
-      this.disabled || (consola.trace("ListBox setSelected on", e), this.selectedIndex = l, this.$emit("update:modelValue", e));
-    },
-    scrollToCurrent() {
-      const e = this.$refs.ul;
-      if (e.scrollHeight > e.clientHeight) {
-        const l = this.$refs.options[this.selectedIndex], t = e.clientHeight + e.scrollTop, n = l.offsetTop + l.offsetHeight;
-        n > t ? e.scrollTop = n - e.clientHeight : l.offsetTop < e.scrollTop && (e.scrollTop = l.offsetTop);
-      }
-    },
-    onArrowDown() {
-      if (this.disabled)
-        return;
-      const e = this.selectedIndex + 1;
-      e >= this.selectableValues.length || (this.setSelected(this.selectableValues[e].id, e), this.scrollToCurrent());
-    },
-    onArrowUp() {
-      if (this.disabled)
-        return;
-      const e = this.selectedIndex - 1;
-      e < 0 || (this.setSelected(this.selectableValues[e].id, e), this.scrollToCurrent());
-    },
-    onEndKey() {
-      if (this.disabled)
-        return;
-      const e = this.selectableValues.length - 1;
-      this.setSelected(this.selectableValues[e].id, e), this.$refs.ul.scrollTop = this.$refs.ul.scrollHeight;
-    },
-    onHomeKey() {
-      if (this.disabled)
-        return;
-      const e = 0;
-      this.setSelected(this.selectableValues[e].id, e), this.$refs.ul.scrollTop = 0;
-    },
-    handleKeyDown(e) {
-      this.disabled || (e.keyCode === L && (this.onArrowDown(), e.preventDefault()), e.keyCode === B && (this.onArrowUp(), e.preventDefault()), e.keyCode === k && (this.onEndKey(), e.preventDefault()), e.keyCode === w && (this.onHomeKey(), e.preventDefault()));
-    },
-    hasSelection() {
-      return this.selectedIndex >= 0;
-    },
-    validate() {
-      return { isValid: !this.getCurrentItem().invalid, errorMessage: null };
-    },
-    getCurrentItem() {
-      return this.selectableValues[this.selectedIndex] || { id: "", text: "" };
-    },
-    generateInvalidItem(e) {
-      return {
-        id: e,
-        text: `(MISSING) ${e}`,
-        invalid: !0
-      };
-    },
-    generateOptionId(e) {
-      if (!e || !e.id)
-        return "";
-      const l = e.id.replace(/[^\w]/gi, "");
-      return `option-${this.id}-${l}`;
-    }
-  }
-}, K = ["id", "tabindex", "aria-label", "aria-activedescendant"];
-function D(e, l, t, n, a, s) {
-  const m = y("StyledListItem");
-  return r(), o(
-    "div",
-    {
-      class: u(["list-box", { invalid: !t.isValid, disabled: t.disabled }])
-    },
-    [
-      V("ul", {
-        id: t.id,
-        ref: "ul",
-        role: "listbox",
-        tabindex: t.disabled ? -1 : 0,
-        "aria-label": t.ariaLabel,
-        style: c(s.ulSizeStyle),
-        "aria-activedescendant": s.generateOptionId(s.getCurrentItem()),
-        onKeydown: l[0] || (l[0] = (...i) => s.handleKeyDown && s.handleKeyDown(...i))
-      }, [
-        (r(!0), o(
-          f,
-          null,
-          g(s.selectableValues, (i, d) => (r(), b(m, {
-            id: s.generateOptionId(i),
-            key: `listbox-${i.id}`,
-            ref_for: !0,
-            ref: "options",
-            style: c({ "line-height": `${a.optionLineHeight}px` }),
-            text: i.text,
-            title: i.text,
-            class: u({
-              focused: s.isCurrentValue(i.id),
-              noselect: !0,
-              empty: i.text.trim() === ""
-            }),
-            "aria-selected": s.isCurrentValue(i.id),
-            "line-height": a.optionLineHeight,
-            selected: s.isCurrentValue(i.id),
-            invalid: i.invalid,
-            special: i.special,
-            disabled: t.disabled,
-            onClick: (x) => !t.disabled && s.setSelected(i.id, d),
-            onFocus: (x) => !t.disabled && s.setSelected(i.id, d)
-          }, null, 8, ["id", "style", "text", "title", "class", "aria-selected", "line-height", "selected", "invalid", "special", "disabled", "onClick", "onFocus"]))),
-          128
-          /* KEYED_FRAGMENT */
-        ))
-      ], 44, K)
-    ],
-    2
-    /* CLASS */
-  );
-}
-const T = /* @__PURE__ */ p(H, [["render", D], ["__scopeId", "data-v-26912d00"], ["__file", "/Users/albrecht/Documents/KNIME/git/webapps-common/packages/components/src/components/forms/ListBox/ListBox.vue"]]), E = /* @__PURE__ */ I({
-  __name: "SingleSelectListBoxControl",
-  props: {
-    control: { type: Object, required: !0 },
-    handleChange: { type: Function, required: !0 },
-    changeValue: { type: Function, required: !0 },
-    disabled: { type: Boolean, required: !0 },
-    isValid: { type: Boolean, required: !0 },
-    onRegisterValidation: { type: Function, required: !0 },
-    labelForId: { type: String, required: !0 }
-  },
-  setup(e, { expose: l }) {
-    l();
-    const t = e, { possibleValues: n } = _(v(t, "control")), a = { props: t, possibleValues: n, get ListBox() {
-      return T;
-    } };
-    return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
-  }
-});
-function z(e, l, t, n, a, s) {
-  return r(), o(
-    f,
-    null,
-    [
-      h("  eslint-disable vue/attribute-hyphenation ariaLabel needs to be given like this for typescript to not complain "),
-      n.possibleValues ? (r(), b(n.ListBox, {
-        key: 0,
-        id: t.labelForId,
-        "possible-values": n.possibleValues,
-        disabled: t.disabled,
-        "model-value": t.control.data,
-        "is-valid": t.isValid,
-        ariaLabel: t.control.label,
-        size: t.control.uischema.options?.size,
-        "onUpdate:modelValue": t.changeValue
-      }, null, 8, ["id", "possible-values", "disabled", "model-value", "is-valid", "ariaLabel", "size", "onUpdate:modelValue"])) : h("v-if", !0)
-    ],
-    2112
-    /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-  );
-}
-const q = /* @__PURE__ */ p(E, [["render", z], ["__file", "/Users/albrecht/Documents/KNIME/git/webapps-common/packages/jsonforms/src/uiComponents/SingleSelectListBoxControl.vue"]]);
-export {
-  q as default
-};