@knime/jsonforms 1.6.8 → 1.6.10

package/dist/src/uiComponents/composables/useBuiltinValidations.d.ts

@@ -0,0 +1,43 @@
+import { Ref } from 'vue';
+import { VueControlProps, VueControlPropsForLabelContent } from '../../higherOrderComponents';
+/**
+ * @type {P} - parameters for the validation
+ * @type {S} - type of the value to validate
+ */
+export type Validator<P, S> = (params: P) => (value: S) => boolean;
+/**
+ * @type {T} - type defining the available built-in validations by id-param pairs
+ * @type {S} - type of the value to validate
+ */
+export type Validators<T, S> = {
+    [K in keyof T]: Validator<T[K], S>;
+};
+/**
+ * The data provided for a built-in validation.
+ * @type {T} - type defining the available built-in validations by id-param pairs
+ */
+export type BuiltinValidation<T, K extends keyof T> = {
+    id: K;
+    parameters: T[K];
+    errorMessage: string;
+};
+/**
+ * A list of built-in validations typed to T.
+ * @type {T} - type defining the available built-in validations by id-param pairs
+ */
+export type BuiltinValidations<T> = Array<{
+    [K in keyof T]: BuiltinValidation<T, K>;
+}[keyof T]>;
+/**
+ * Composable used within a control to define/handle its built-in validations.
+ *
+ * @param validators - the handlers for the supported validations
+ * @param props - the props of the control
+ * @returns a ref containing the validation parameters.
+ * This is provided if these are required for custom behavior in the control
+ * (e.g. setting the minimum in a number control)
+ *
+ * @type {T} - type defining the available built-in validations by id-param pairs
+ * @type {S} - type of the value to validate, i.e. the type of the data of the control
+ */
+export declare const useBuiltinValidation: <T, S>(validators: Validators<T, S>, props: VueControlProps<S> | VueControlPropsForLabelContent<S>) => Ref<Partial<T>>;

package/dist/src/uiComponents/composables/useProvidedState.d.ts

@@ -1,3 +1,3 @@
-import { MaybeRef, UnwrapRef } from 'vue';
-declare const _default: <T>(stateProviderId: MaybeRef<string | undefined>, defaultValue: T) => import('vue').Ref<UnwrapRef<T>>;
+import { MaybeRef, Ref } from 'vue';
+declare const _default: <T>(stateProviderId: MaybeRef<string | undefined>, defaultValue: T) => Ref<T>;
 export default _default;

package/dist/{svgWithTitle-BXfD-f8i.js → svgWithTitle-CS5C7Mz8.js}

@@ -1,6 +1,6 @@
 import { defineComponent as r, openBlock as c, createBlock as s, unref as a, h as i } from "vue";
 import { R as d } from "./reload-BhzcZRFp.js";
-import { _ } from "./SettingsSubPanel.vue_vue_type_style_index_0_scoped_67b92e23_lang-Dms0Yneq.js";
+import { _ } from "./SettingsSubPanel.vue_vue_type_style_index_0_scoped_67b92e23_lang-BKc2bf4r.js";
 const p = /* @__PURE__ */ r({
   __name: "LoadingIcon",
   setup(t) {

package/dist/testing.js

@@ -3,7 +3,7 @@ var N_ = (e, t, n) => t in e ? O_(e, t, { enumerable: !0, configurable: !0, writ
 var G = (e, t, n) => N_(e, typeof t != "symbol" ? t + "" : t, n);
 import * as Jf from "vue";
 import { initDirectivesForSSR as I_, nextTick as lo, defineComponent as ai, computed as Ar, h as En, shallowReactive as A_, reactive as k_, ref as C_, createApp as $_, transformVNodeArgs as P_, setDevtoolsHook as M_, Transition as R_, BaseTransition as D_, TransitionGroup as j_, isRef as L_ } from "vue";
-import { b as F_ } from "./SettingsSubPanel.vue_vue_type_style_index_0_scoped_67b92e23_lang-Dms0Yneq.js";
+import { b as F_ } from "./SettingsSubPanel.vue_vue_type_style_index_0_scoped_67b92e23_lang-BKc2bf4r.js";
 import { i as B_ } from "./isSymbol-OFe5xy2f.js";
 import { b as V_ } from "./_baseIteratee-DvBmrhnf.js";
 function q_(e, t) {
@@ -9513,7 +9513,7 @@ function Aw(e, t) {
   return s + 1;
 }
 async function kw(e, t) {
-  const n = (await import("./magic-string.es-BhbYl2mV.js")).default, r = new Set(t.map((i) => i.file));
+  const n = (await import("./magic-string.es-lf2rq-mj.js")).default, r = new Set(t.map((i) => i.file));
   await Promise.all(
     Array.from(r).map(async (i) => {
       const s = t.filter((c) => c.file === i), o = await e.readSnapshotFile(i), a = new n(o);

package/dist/useBuiltinValidations-yPAysvI4.js

@@ -0,0 +1,52 @@
+import { computed as r } from "vue";
+import { u as d } from "./SettingsSubPanel.vue_vue_type_style_index_0_scoped_67b92e23_lang-BKc2bf4r.js";
+const l = (e = {}) => e.validations ?? [], c = (e = {}) => (e.validationProviders ?? []).map(
+  (i) => d(i, null)
+), s = (e, i) => {
+  const n = e.map(
+    ({ id: t, parameters: o, errorMessage: a }) => ({
+      validate: i[t](o),
+      errorMessage: a
+    })
+  );
+  return (t) => ({
+    errors: n.filter(({ validate: o }) => !o(t)).map(({ errorMessage: o }) => o)
+  });
+}, u = (e, i) => e === null ? null : s([e], i), m = (e, i, n, t) => {
+  if (e.length) {
+    const o = s(e, n);
+    t(o);
+  }
+  i.length && i.map(
+    (a) => r(() => u(a.value, n))
+  ).forEach(t);
+}, h = ({
+  validations: e,
+  providedValidations: i
+}) => {
+  const n = e.reduce(
+    (t, o) => ({ ...t, [o.id]: o.parameters }),
+    {}
+  );
+  return r(
+    () => i.map((t) => t.value).filter((t) => t !== null).reduce(
+      (t, o) => ({
+        ...t,
+        // @ts-expect-error - we know that validation is not null here
+        [o.id]: o.parameters
+      }),
+      n
+    )
+  );
+}, f = (e, i) => {
+  const n = i.control.uischema.options, t = l(n), o = c(n);
+  return m(
+    t,
+    o,
+    e,
+    i.onRegisterValidation
+  ), h({ validations: t, providedValidations: o });
+};
+export {
+  f as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knime/jsonforms",
-  "version": "1.6.8",
+  "version": "1.6.10",
   "description": "Internal JSON Forms integration for frontend KNIME projects",
   "homepage": "https://knime.github.io/webapps-common/",
   "license": "GPL 3 and Additional Permissions according to Sec. 7 (SEE the file LICENSE)",
@@ -15,8 +15,8 @@
     "focus-trap-vue": "4.0.3",
     "tabbable": "6.2.0",
     "uuid": "10.0.0",
-    "@knime/components": "1.23.0",
-    "@knime/rich-text-editor": "1.3.36",
+    "@knime/components": "1.24.0",
+    "@knime/rich-text-editor": "1.4.0",
     "@knime/styles": "1.3.1",
     "@knime/utils": "1.3.2"
   },

package/dist/NumberControlBase.vue_vue_type_script_setup_true_lang-4gf8mzxF.js

@@ -1,60 +0,0 @@
-import { defineComponent as b, computed as y, openBlock as h, createBlock as V, unref as i } from "vue";
-import { u as m } from "./SettingsSubPanel.vue_vue_type_style_index_0_scoped_67b92e23_lang-Dms0Yneq.js";
-import { N as g } from "./NumberInput-DpRwCVPU.js";
-const C = /* @__PURE__ */ b({
-  __name: "NumberControlBase",
-  props: {
-    control: {},
-    handleChange: { type: Function },
-    changeValue: { type: Function },
-    disabled: { type: Boolean },
-    isValid: { type: Boolean },
-    onRegisterValidation: { type: Function },
-    labelForId: {},
-    type: {}
-  },
-  setup(f) {
-    const o = f, {
-      min: u,
-      minProvider: s,
-      max: d,
-      maxProvider: p
-    } = o.control.uischema.options || {}, a = m(s, u), n = m(p, d);
-    if (typeof [s, p, u, d].find(
-      (e) => typeof e < "u"
-    ) < "u") {
-      const e = ({
-        value: t,
-        minimum: r,
-        maximum: l
-      }) => typeof r == "number" && t < r ? { errors: [`The value has to be at least ${r}`] } : typeof l == "number" && t > l ? { errors: [`The value has to be ${l} at max`] } : { errors: [] }, c = y(
-        () => (t) => e({
-          value: t,
-          minimum: a.value,
-          maximum: n.value
-        })
-      );
-      o.onRegisterValidation(c);
-    }
-    const v = () => {
-      const e = o.control.data;
-      typeof a.value == "number" && e < a.value ? o.changeValue(a.value) : typeof n.value == "number" && e > n.value && o.changeValue(n.value);
-    };
-    return (e, c) => (h(), V(i(g), {
-      id: e.labelForId,
-      class: "number-input",
-      disabled: e.disabled,
-      "model-value": e.control.data,
-      type: e.type,
-      min: i(a),
-      max: i(n),
-      "is-valid": e.isValid,
-      compact: "",
-      "onUpdate:modelValue": e.changeValue,
-      onFocusout: v
-    }, null, 8, ["id", "disabled", "model-value", "type", "min", "max", "is-valid", "onUpdate:modelValue"]));
-  }
-});
-export {
-  C as _
-};

package/dist/TextControl.vue_vue_type_script_setup_true_lang-CBubBez3.js

@@ -1,87 +0,0 @@
-import { defineComponent as k, ref as v, computed as m, openBlock as d, createBlock as i, withCtx as r, unref as l, normalizeProps as P, mergeProps as E, createCommentVNode as h, createVNode as F, renderSlot as f } from "vue";
-import { u as $, L as w, E as B } from "./SettingsSubPanel.vue_vue_type_style_index_0_scoped_67b92e23_lang-Dms0Yneq.js";
-import { u as N } from "./useHideOnNull-CCfNP3O7.js";
-import { C as H } from "./Checkbox-CdPnWX9S.js";
-import { I } from "./InputField-F_wI5Iis.js";
-const U = /* @__PURE__ */ k({
-  __name: "TextControl",
-  props: {
-    control: {},
-    handleChange: { type: Function },
-    changeValue: { type: Function },
-    disabled: { type: Boolean },
-    labelForId: {},
-    isValid: { type: Boolean },
-    messages: {},
-    onRegisterValidation: { type: Function }
-  },
-  setup(b) {
-    var c, p;
-    const o = b, a = o.control.schema.pattern;
-    if (typeof a == "string") {
-      const e = new RegExp(`^(${a})$`), u = (t) => ({
-        errors: t === null || typeof t > "u" || !e.test(t) ? [`The value has to match the pattern "${a}"`] : []
-      });
-      o.onRegisterValidation(u);
-    }
-    const g = $(
-      (c = o.control.uischema.options) == null ? void 0 : c.placeholderProvider,
-      ((p = o.control.uischema.options) == null ? void 0 : p.placeholder) ?? ""
-    ), n = v(null), { showCheckbox: V, showControl: C, checkboxProps: y } = N(
-      {
-        control: m(() => o.control),
-        disabled: m(() => o.disabled),
-        controlElement: n
-      },
-      {
-        setDefault: () => o.changeValue(""),
-        setNull: () => o.changeValue(null)
-      }
-    );
-    return (e, u) => {
-      var t;
-      return d(), i(w, {
-        label: e.control.label,
-        "hide-control-header": (t = e.control.uischema.options) == null ? void 0 : t.hideControlHeader
-      }, {
-        "before-label": r(() => [
-          l(V) ? (d(), i(l(H), P(E({ key: 0 }, l(y))), null, 16)) : h("", !0)
-        ]),
-        default: r(({ labelForId: s }) => [
-          l(C) ? (d(), i(B, {
-            key: 0,
-            errors: e.messages.errors
-          }, {
-            default: r(() => [
-              F(l(I), {
-                id: s,
-                ref_key: "controlElement",
-                ref: n,
-                placeholder: l(g),
-                "model-value": e.control.data,
-                disabled: e.disabled,
-                "is-valid": e.isValid,
-                compact: "",
-                "onUpdate:modelValue": e.changeValue
-              }, null, 8, ["id", "placeholder", "model-value", "disabled", "is-valid", "onUpdate:modelValue"])
-            ]),
-            _: 2
-          }, 1032, ["errors"])) : h("", !0)
-        ]),
-        icon: r(() => [
-          f(e.$slots, "icon")
-        ]),
-        buttons: r(({ hover: s }) => [
-          f(e.$slots, "buttons", {
-            hover: s,
-            controlHTMLElement: n.value
-          })
-        ]),
-        _: 3
-      }, 8, ["label", "hide-control-header"]);
-    };
-  }
-});
-export {
-  U as _
-};