@knime/jsonforms 1.15.29 → 1.15.31

package/dist/knime-jsonforms.js

@@ -1,87 +1,97 @@
-import { defineComponent as u, ref as i, onMounted as P, createElementBlock as v, createCommentVNode as T, openBlock as c, createElementVNode as D, provide as x, computed as C, watch as E, createBlock as b, Suspense as A, withCtx as d, createVNode as l, renderSlot as g, unref as w, nextTick as B } from "vue";
-import { _ as y, p as j, F, s as M, U as O, i as I } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-58jgxWu9.js";
-import { E as W, L as Z, a as ee, c as te, f as oe, e as se, d as ae, g as re, h as ne, k as de, l as le, j as ie, m as ce, b as ue, n as pe, t as me, u as fe, w as _e } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-58jgxWu9.js";
-import { default as he } from "./SimpleButtonControl-Bgte_grX.js";
-import { _ as De } from "./TextControl.vue_vue_type_script_setup_true_lang-B3j-d5-o.js";
-import { V as Se } from "./VerticalLayoutBase-DeqPvWih.js";
-import { S as ke } from "./SectionHeading-CavTlRnT.js";
-import { S as Te } from "./SettingsSubPanel-B6JeOq8q.js";
-const R = {
+import { defineComponent as p, ref as u, onMounted as P, createElementBlock as D, createCommentVNode as T, openBlock as c, createElementVNode as y, provide as b, computed as w, watch as x, createBlock as C, Suspense as A, withCtx as l, createVNode as i, renderSlot as v, unref as F, nextTick as B } from "vue";
+import { _ as S, p as O, F as j, s as M, U as N, i as $ } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-D1GNHDfC.js";
+import { E as Z, L as ee, a as te, c as oe, f as ae, e as se, d as re, g as ne, h as de, k as le, l as ie, j as ue, m as ce, b as pe, n as me, t as fe, u as ge, w as he } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-D1GNHDfC.js";
+import { default as _e } from "./SimpleButtonControl-Se7MegSc.js";
+import { _ as ye } from "./TextControl.vue_vue_type_script_setup_true_lang-BLcIlvlT.js";
+import { V as Le } from "./VerticalLayoutBase-BEpKgIX6.js";
+import { S as Ee } from "./SectionHeading-BOOzX8E2.js";
+import { S as Te } from "./SettingsSubPanel-RVBeOifp.js";
+const I = {
   key: 0,
   class: "loading-dialog skeleton-wrapper"
-}, V = 200, $ = /* @__PURE__ */ u({
+}, J = 200, R = /* @__PURE__ */ p({
   __name: "LoadingDialog",
-  setup(r) {
-    const s = i(!1);
+  setup(s) {
+    const r = u(!1);
     return P(() => {
       setTimeout(() => {
-        s.value = !0;
-      }, V);
-    }), (p, o) => s.value ? (c(), v("div", R, o[0] || (o[0] = [
-      D("div", { class: "loading-dialog-content skeleton" }, null, -1)
+        r.value = !0;
+      }, J);
+    }), (m, o) => r.value ? (c(), D("div", I, o[0] || (o[0] = [
+      y("div", { class: "loading-dialog-content skeleton" }, null, -1)
     ]))) : T("", !0);
   }
-}), N = /* @__PURE__ */ y($, [["__scopeId", "data-v-9c94592d"]]), U = { class: "dialog" }, h = "EXPOSED_METHOD", J = /* @__PURE__ */ u({
+}), V = /* @__PURE__ */ S(R, [["__scopeId", "data-v-9c94592d"]]), U = { class: "dialog" }, _ = "EXPOSED_METHOD", G = /* @__PURE__ */ p({
   __name: "JsonFormsDialog",
   props: {
     schema: {},
     uischema: {},
     data: {},
-    renderers: {}
+    renderers: {},
+    validate: { type: Function }
   },
   emits: ["updateData", "trigger", "change", "alert", "stateProviderListener"],
-  setup(r, { expose: s, emit: p }) {
-    const o = p, S = (e, t, n) => (t.type === O && // @ts-expect-error source doesn't exist on type object
-    t.context?.source !== h && setTimeout(() => B(() => o("updateData", t.path))), n(e, t)), L = (e) => {
-      o("change", e);
+  setup(s, { expose: r, emit: m }) {
+    const o = s, a = m, L = (e, t, d) => (t.type === N && // @ts-expect-error source doesn't exist on type object
+    t.context?.source !== _ && setTimeout(() => B(() => a("updateData", t.path))), d(e, t)), k = (e) => {
+      a("change", e);
     };
     Object.entries({
-      trigger: (e) => o("trigger", e),
-      addStateProviderListener: (e, t) => o("stateProviderListener", e, t),
-      sendAlert: (e) => o("alert", e)
-    }).forEach(([e, t]) => x(e, t));
-    const a = i(null), m = [], f = (e, t) => {
-      a.value.dispatch(
-        I.update(e, () => t, {
-          source: h
+      trigger: (e) => a("trigger", e),
+      addStateProviderListener: (e, t) => a("stateProviderListener", e, t),
+      sendAlert: (e) => a("alert", e),
+      validate: (e, t) => {
+        if (!o.validate)
+          throw new Error(
+            `No validate function provided to JsonFormsDialog but validate called with arguments ${JSON.stringify(
+              { id: e, data: t }
+            )}`
+          );
+        return o.validate(e, t);
+      }
+    }).forEach(([e, t]) => b(e, t));
+    const n = u(null), f = [], g = (e, t) => {
+      n.value.dispatch(
+        $.update(e, () => t, {
+          source: _
         })
       );
-    }, k = C(() => a.value !== null);
-    E(
-      () => k.value,
-      (e) => e && m.forEach(
-        ({ path: t, value: n }) => f(t, n)
+    }, E = w(() => n.value !== null);
+    x(
+      () => E.value,
+      (e) => e && f.forEach(
+        ({ path: t, value: d }) => g(t, d)
       )
-    ), s({
+    ), r({
       updateData: (e, t) => {
-        a.value ? f(e, t) : m.push({ path: e, value: t });
+        n.value ? g(e, t) : f.push({ path: e, value: t });
       }
     });
-    const _ = i(null);
-    return j(_), (e, t) => (c(), v("div", U, [
-      D("div", {
+    const h = u(null);
+    return O(h), (e, t) => (c(), D("div", U, [
+      y("div", {
         ref_key: "subPanelTeleportDest",
-        ref: _
+        ref: h
       }, null, 512),
-      (c(), b(A, null, {
-        fallback: d(() => [
-          l(N)
+      (c(), C(A, null, {
+        fallback: l(() => [
+          i(V)
         ]),
-        default: d(() => [
-          l(F, null, {
-            default: d(() => [
-              g(e.$slots, "top", {}, void 0, !0),
-              l(w(M), {
+        default: l(() => [
+          i(j, null, {
+            default: l(() => [
+              v(e.$slots, "top", {}, void 0, !0),
+              i(F(M), {
                 ref_key: "jsonforms",
-                ref: a,
+                ref: n,
                 data: e.data,
                 schema: e.schema,
                 uischema: e.uischema,
                 renderers: e.renderers,
-                middleware: S,
-                onChange: L
+                middleware: L,
+                onChange: k
               }, null, 8, ["data", "schema", "uischema", "renderers"]),
-              g(e.$slots, "bottom", {}, void 0, !0)
+              v(e.$slots, "bottom", {}, void 0, !0)
             ]),
             _: 3
           })
@@ -90,40 +100,40 @@ const R = {
       }))
     ]));
   }
-}), Y = /* @__PURE__ */ y(J, [["__scopeId", "data-v-35942d4d"]]), G = {
+}), z = /* @__PURE__ */ S(G, [["__scopeId", "data-v-961e9905"]]), H = {
   layout: {
     type: Object,
     required: !0
   }
-}, z = (r) => u(r, {
-  props: G
+}, K = (s) => p(s, {
+  props: H
 });
 export {
-  W as ErrorMessages,
-  F as Form,
-  Y as JsonFormsDialog,
-  Z as LabeledControl,
-  ke as SectionHeading,
+  Z as ErrorMessages,
+  j as Form,
+  z as JsonFormsDialog,
+  ee as LabeledControl,
+  Ee as SectionHeading,
   Te as SettingsSubPanel,
-  he as SimpleButtonControl,
-  De as TextControl,
-  Se as VerticalLayoutBase,
-  ee as controlProps,
-  te as controlToRenderer,
-  oe as controls,
+  _e as SimpleButtonControl,
+  ye as TextControl,
+  Le as VerticalLayoutBase,
+  te as controlProps,
+  oe as controlToRenderer,
+  ae as controls,
   se as defaultRenderers,
-  ae as defineControl,
-  z as defineLayout,
-  re as getAsyncSetupMethod,
-  ne as handleAsyncComponents,
-  de as inputFormats,
-  G as layoutProps,
-  le as layoutToRenderer,
-  ie as layouts,
+  re as defineControl,
+  K as defineLayout,
+  ne as getAsyncSetupMethod,
+  de as handleAsyncComponents,
+  le as inputFormats,
+  H as layoutProps,
+  ie as layoutToRenderer,
+  ue as layouts,
   ce as mapControls,
-  ue as mapLayouts,
-  pe as priorityRanks,
-  me as toRenderers,
-  fe as useProvidedState,
-  _e as withLabel
+  pe as mapLayouts,
+  me as priorityRanks,
+  fe as toRenderers,
+  ge as useProvidedState,
+  he as withLabel
 };

package/dist/{localTimeUtils-CuTc1DHe.js → localTimeUtils-BQ0OaRp7.js}

@@ -1,13 +1,13 @@
 import { resolveComponent as Ve, createElementBlock as A, openBlock as k, normalizeClass as oe, createElementVNode as q, createCommentVNode as ie, withModifiers as Wt, createVNode as V, reactive as za, computed as T, defineComponent as xe, ref as De, watch as Ue, onMounted as Rn, onUnmounted as Ga, toRefs as ql, nextTick as gr, useAttrs as jl, createBlock as Oe, renderSlot as Mr, unref as O, resolveDynamicComponent as Za, normalizeProps as br, mergeProps as Ot, inject as $r, toRef as Dn, withCtx as Me, toDisplayString as He, Fragment as ke, renderList as Ke, normalizeStyle as Dr, withKeys as $n, withDirectives as Bs, watchEffect as zs, provide as Cr, guardReactiveProps as xa, createTextVNode as Ka, isRef as lr, Transition as Gs, resolveDirective as Vl, toHandlers as Zs } from "vue";
 import { c as Bl } from "./popper-LGjf7Wza.js";
-import { _ as Ks, q as qn, N as zl } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-58jgxWu9.js";
-import { D as Gl } from "./Dropdown-9O5Kn4WZ.js";
+import { _ as Ks, q as qn, N as zl } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-D1GNHDfC.js";
+import { D as Gl } from "./Dropdown-DkiVG5Wt.js";
 import { A as Zl } from "./arrow-dropdown-BAFsD8Su.js";
 /* empty css                   */
-import { a as Kl } from "./toString-D1UhfJ93.js";
-import { b as Xl } from "./_baseIteratee-DYAeGHSm.js";
-import { b as Ql } from "./_baseEach-C9Qiw0TY.js";
-import { d as Jl } from "./_getTag-BRqfxqHQ.js";
+import { a as Kl } from "./toString-jIuLAUYj.js";
+import { b as Xl } from "./_baseIteratee-CXHHEkuI.js";
+import { b as Ql } from "./_baseEach-B7QB_jnn.js";
+import { d as Jl } from "./_getTag-CoxSvmX9.js";
 import { i as ec } from "./isArray-WzO_os3q.js";
 function st(e) {
   "@babel/helpers - typeof";

package/dist/src/higherOrderComponents/control/validation/useCustomValidation.d.ts

@@ -0,0 +1,13 @@
+import { MaybeRef, Ref } from 'vue';
+declare const _default: ({ data, uischema, }: {
+    data: Ref<unknown>;
+    uischema: MaybeRef<{
+        id: string;
+    } | {
+        scope: string;
+    }>;
+}) => {
+    customValidationMessage: Ref<string | null, string | null>;
+    performCustomValidationDebounced: import('lodash-es').DebouncedFunc<(data: unknown) => void>;
+};
+export default _default;

package/dist/src/higherOrderComponents/control/validation/useValidation.d.ts

@@ -1,9 +1,10 @@
 import { Ref } from 'vue';
 import { Messages, PerformExternalValidation, ValidationMethod } from './types';
-export declare const useValidation: <T = unknown>({ data, options, performExternalValidation, }: {
+export declare const useValidation: <T = unknown>({ data, options, performExternalValidation, customValidationMessage, }: {
     data: Ref<T>;
     options: Ref<Record<string, any>>;
     performExternalValidation?: PerformExternalValidation<unknown>;
+    customValidationMessage?: Ref<string | null>;
 }) => {
     messages: import('vue').ComputedRef<Messages>;
     isValid: import('vue').ComputedRef<boolean>;

package/dist/src/types/provided.d.ts

@@ -31,6 +31,16 @@ export interface Provided {
     addStateProviderListener: addStateProviderListener<unknown>;
     trigger: (triggerId: unknown) => void;
     sendAlert: (params: AlertParams) => void;
+    /**
+     * Called by elements who have custom validation needs.
+     * Calling this method on every value change (debounced) starts when the ui option
+     * `validatorId` is provided with a non-`null` value  and stops when `null` is provided
+     * as id. Also one call is issued when the `validatorId` is provided.
+     *
+     * @param id the id of the validator
+     * @param data the current data to validate
+     */
+    validate: (id: string, data: unknown) => Promise<string | null>;
     registerWatcher: registerWatcher;
     getData: getData;
 }

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

@@ -16,3 +16,12 @@ export type Paths<T, D extends number = 2> = [D] extends [never] ? never : T ext
 export type ExtractNestedValue<T, P extends string> = P extends `${infer Key}.${infer Rest}` ? Key extends keyof T ? ExtractNestedValue<T[Key], Rest> : never : P extends keyof T ? T[P] : never;
 declare const _default: <U extends UiSchemaWithProvidedOptions<Record<string, unknown>>, K extends Paths<NonUndefined<U["options"]>>, D = ExtractNestedValue<NonUndefined<U["options"]>, K> | null>(uischema: Ref<U>, providedOptionName: K, defaultValue?: D | null) => Ref<NonUndefined<D>, NonUndefined<D>>;
 export default _default;
+/**
+ * For accessing state providers that are not registered in the uischema
+ * (e.g. custom validation messages)
+ */
+export declare const useInternalProvidedState: <D = unknown>(uischema: {
+    scope: string;
+} | {
+    id: string;
+}, providedOptionName: string, defaultValue?: D | null) => Ref<D | null, D | null>;

package/dist/testing.js

@@ -1,7 +1,7 @@
 import * as yh from "vue";
 import { ssrUtils as zi, initDirectivesForSSR as Z_, nextTick as wo, defineComponent as wi, computed as Lr, h as An, shallowReactive as em, reactive as tm, ref as vh, createApp as nm, transformVNodeArgs as rm, setDevtoolsHook as im, isRef as sm, TransitionGroup as om, Transition as am, BaseTransition as lm } from "vue";
-import { o as cm, q as um, r as fm, e as hm } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-58jgxWu9.js";
-import { b as pm } from "./_baseIteratee-DYAeGHSm.js";
+import { o as cm, q as um, r as fm, e as hm } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-D1GNHDfC.js";
+import { b as pm } from "./_baseIteratee-CXHHEkuI.js";
 function dm(e, t) {
   return e > t;
 }

package/dist/{toString-D1UhfJ93.js → toString-jIuLAUYj.js}

@@ -1,4 +1,4 @@
-import { o as g, S as s } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-58jgxWu9.js";
+import { o as g, S as s } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-D1GNHDfC.js";
 import { i as l } from "./isArray-WzO_os3q.js";
 function p(r, t) {
   for (var n = -1, i = r == null ? 0 : r.length, o = Array(i); ++n < i; )

package/dist/{useBuiltinValidations-CICeEML6.js → useBuiltinValidations-Cmgfm1jZ.js}

@@ -1,5 +1,5 @@
 import { onUnmounted as u, toRef as p, computed as d } from "vue";
-import { u as f } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-58jgxWu9.js";
+import { u as f } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-D1GNHDfC.js";
 const h = (t = {}) => t.validation || null, m = (t) => t.replace(/^validation\./, ""), v = (t) => {
   const a = (t.providedOptions ?? []).filter(
     (e) => e.startsWith("validation.")

package/dist/{usePossibleValues-Qq-WELsv.js → usePossibleValues-C2k3aJbk.js}

@@ -1,5 +1,5 @@
 import { computed as u } from "vue";
-import { u as o } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-58jgxWu9.js";
+import { u as o } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-D1GNHDfC.js";
 const t = (s) => {
   const e = u(() => s.value.uischema), l = o(e, "possibleValues");
   return { possibleValues: u(() => e.value.providedOptions?.includes("possibleValues") ? l.value : e.value.options?.possibleValues ?? []) };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knime/jsonforms",
-  "version": "1.15.29",
+  "version": "1.15.31",
   "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)",
@@ -16,9 +16,9 @@
     "focus-trap-vue": "4.0.3",
     "tabbable": "6.2.0",
     "uuid": "10.0.0",
-    "@knime/components": "1.39.3",
-    "@knime/rich-text-editor": "1.7.25",
+    "@knime/components": "1.39.4",
     "@knime/styles": "1.14.2",
+    "@knime/rich-text-editor": "1.7.26",
     "@knime/utils": "1.6.2"
   },
   "peerDependencies": {