@knime/jsonforms 2.1.0 → 3.0.0

package/dist/SingleSelectListBoxControl-EHjs0q_S.js

@@ -1,233 +0,0 @@
-import { resolveComponent as x, openBlock as a, createElementBlock as u, normalizeClass as c, createElementVNode as p, normalizeStyle as h, Fragment as y, renderList as V, createBlock as f, defineComponent as I, toRef as g, unref as r, createCommentVNode as v } from "vue";
-import { u as S } from "./usePossibleValues-11Tpukcj.js";
-import { S as C } from "./StyledListItem-B9aA8zQ6.js";
-import { _ as L, a4 as B } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-H1rQVLn0.js";
-const w = 40, H = 38, T = 36, K = 35, k = {
-  name: "ListBox",
-  components: {
-    StyledListItem: C
-  },
-  props: {
-    id: {
-      type: String,
-      default() {
-        return `ListBox-${B()}`;
-      }
-    },
-    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(
-          (t) => t.hasOwnProperty("id") && t.hasOwnProperty("text")
-        ) : !1;
-      }
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["update:modelValue"],
-  data() {
-    return {
-      selectedIndex: -1,
-      invalidPossibleValueIds: [],
-      optionLineHeight: 22
-    };
-  },
-  computed: {
-    ulSizeStyle() {
-      const e = (t) => `${t * 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 t = this.selectableValues.findIndex((l) => l.id === e);
-      t === -1 && e ? (this.invalidPossibleValueIds.includes(e) || this.invalidPossibleValueIds.push(e), this.selectedIndex = this.selectableValues.findIndex(
-        (l) => l.id === e
-      )) : this.selectedIndex = t;
-    },
-    isCurrentValue(e) {
-      return this.modelValue === e;
-    },
-    setSelected(e, t) {
-      this.disabled || (consola.trace("ListBox setSelected on", e), this.selectedIndex = t, this.$emit("update:modelValue", e));
-    },
-    scrollToCurrent() {
-      const e = this.$refs.ul;
-      if (e.scrollHeight > e.clientHeight) {
-        const t = this.$refs.options[this.selectedIndex], l = e.clientHeight + e.scrollTop, n = t.offsetTop + t.offsetHeight;
-        n > l ? e.scrollTop = n - e.clientHeight : t.offsetTop < e.scrollTop && (e.scrollTop = t.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 === w && (this.onArrowDown(), e.preventDefault()), e.keyCode === H && (this.onArrowUp(), e.preventDefault()), e.keyCode === K && (this.onEndKey(), e.preventDefault()), e.keyCode === T && (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 t = e.id.replace(/[^\w]/gi, "");
-      return `option-${this.id}-${t}`;
-    }
-  }
-}, D = ["id", "tabindex", "aria-label", "aria-activedescendant"];
-function z(e, t, l, n, d, s) {
-  const b = x("StyledListItem");
-  return a(), u("div", {
-    class: c(["list-box", { invalid: !l.isValid, disabled: l.disabled }])
-  }, [
-    p("ul", {
-      id: l.id,
-      ref: "ul",
-      role: "listbox",
-      tabindex: l.disabled ? -1 : 0,
-      "aria-label": l.ariaLabel,
-      style: h(s.ulSizeStyle),
-      "aria-activedescendant": s.generateOptionId(s.getCurrentItem()),
-      onKeydown: t[0] || (t[0] = (...i) => s.handleKeyDown && s.handleKeyDown(...i))
-    }, [
-      (a(!0), u(y, null, V(s.selectableValues, (i, o) => (a(), f(b, {
-        id: s.generateOptionId(i),
-        key: `listbox-${i.id}`,
-        ref_for: !0,
-        ref: "options",
-        style: h({ "line-height": `${d.optionLineHeight}px` }),
-        text: i.text,
-        title: i.text,
-        class: c({
-          focused: s.isCurrentValue(i.id),
-          noselect: !0,
-          empty: i.text.trim() === ""
-        }),
-        "aria-selected": s.isCurrentValue(i.id),
-        "line-height": d.optionLineHeight,
-        selected: s.isCurrentValue(i.id),
-        invalid: i.invalid,
-        special: i.special,
-        disabled: l.disabled,
-        onClick: (m) => !l.disabled && s.setSelected(i.id, o),
-        onFocus: (m) => !l.disabled && s.setSelected(i.id, o)
-      }, null, 8, ["id", "style", "text", "title", "class", "aria-selected", "line-height", "selected", "invalid", "special", "disabled", "onClick", "onFocus"]))), 128))
-    ], 44, D)
-  ], 2);
-}
-const A = /* @__PURE__ */ L(k, [["render", z], ["__scopeId", "data-v-a437d16b"]]), N = /* @__PURE__ */ I({
-  __name: "SingleSelectListBoxControl",
-  props: {
-    control: {},
-    handleChange: { type: Function },
-    changeValue: { type: Function },
-    disabled: { type: Boolean },
-    error: { type: Boolean },
-    subText: {},
-    onRegisterValidation: { type: Function },
-    labelForId: {}
-  },
-  setup(e) {
-    const t = e, { possibleValues: l } = S(g(t, "control"));
-    return (n, d) => r(l) ? (a(), f(r(A), {
-      key: 0,
-      id: e.labelForId,
-      "possible-values": r(l),
-      disabled: e.disabled,
-      "model-value": e.control.data,
-      "is-valid": !e.error,
-      ariaLabel: e.control.label,
-      size: e.control.uischema.options?.size,
-      "onUpdate:modelValue": e.changeValue
-    }, null, 8, ["id", "possible-values", "disabled", "model-value", "is-valid", "ariaLabel", "size", "onUpdate:modelValue"])) : v("", !0);
-  }
-});
-export {
-  N as default
-};

package/dist/SortListControl-BzLVOl0E.js

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

package/dist/StyledListItem-B9aA8zQ6.js

@@ -1,76 +0,0 @@
-import { openBlock as s, createElementBlock as n, mergeProps as d, withModifiers as o, renderSlot as a, createTextVNode as m, toDisplayString as f } from "vue";
-import { _ as u } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-H1rQVLn0.js";
-const r = {
-  name: "StyledListItem",
-  props: {
-    text: {
-      type: String,
-      default: " "
-    },
-    selected: {
-      type: Boolean,
-      default: !1
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    invalid: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Styles the item distinct to the other ones by adding a margin, adjusting the font-style and -height and
-     * rounding the corners
-     */
-    special: {
-      type: Boolean,
-      default: !1
-    },
-    lineHeight: {
-      type: Number,
-      default: null
-    }
-  },
-  emits: [
-    "mousedown",
-    "mousemove",
-    "dblclick-exact",
-    "dblclick-shift",
-    "click",
-    "focus"
-  ]
-}, c = ["title", "aria-selected"];
-function b(i, e, t, y, k, v) {
-  return s(), n("li", d(i.$attrs, {
-    role: "option",
-    title: t.text,
-    style: {
-      ...t.lineHeight !== null ? { lineHeight: `${t.lineHeight}px` } : {}
-    },
-    class: {
-      selected: t.selected,
-      invalid: t.invalid,
-      empty: !t.text.trim(),
-      disabled: t.disabled,
-      special: t.special
-    },
-    "aria-selected": t.selected,
-    onClick: e[0] || (e[0] = (l) => i.$emit("click", l)),
-    onFocus: e[1] || (e[1] = (l) => i.$emit("focus", l)),
-    onDblclick: [
-      e[2] || (e[2] = o((l) => i.$emit("dblclick-shift"), ["shift"])),
-      e[3] || (e[3] = o((l) => i.$emit("dblclick-exact"), ["exact"]))
-    ],
-    onMousedown: e[4] || (e[4] = (l) => i.$emit("mousedown", l)),
-    onMousemove: e[5] || (e[5] = (l) => i.$emit("mousemove", l))
-  }), [
-    a(i.$slots, "default", {}, () => [
-      m(f(t.text), 1)
-    ], !0)
-  ], 16, c);
-}
-const p = /* @__PURE__ */ u(r, [["render", b], ["__scopeId", "data-v-a8b7b4e4"]]);
-export {
-  p as S
-};