@knime/jsonforms 1.0.1 → 1.1.0

package/dist/knime-jsonforms.js

@@ -1,35 +1,35 @@
-import { openBlock as d, createElementBlock as u, createElementVNode as p, renderSlot as i, defineComponent as g, ref as v, onMounted as L, createCommentVNode as y, pushScopeId as k, popScopeId as C, provide as $, createBlock as x, Suspense as E, withCtx as l, createVNode as c, unref as S, nextTick as T } from "vue";
-import { _, i as I, s as P, U as A } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-BmCXzwjJ.js";
-import { L as ee, a as te, b as oe, c as se, k as ae, j as re, d as ne, g as de, h as ie, e as le, o as ce, f as ue, l as pe, n as _e, m as me, p as fe, t as he } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-BmCXzwjJ.js";
-import { E as ve } from "./ErrorMessage-fuIcc8xw.js";
-import { default as be } from "./SimpleButtonControl-6d7wNl3P.js";
-import { _ as ye } from "./TextControl.vue_vue_type_script_setup_true_lang-CYfvYMWm.js";
-import { V as Ce } from "./VerticalLayoutBase-D-NdtOho.js";
-const V = {}, w = { class: "flex-wrapper" }, B = { class: "form" };
-function M(o, r) {
-  return d(), u("div", w, [
-    p("div", B, [
-      i(o.$slots, "default", {}, void 0, !0)
+import { openBlock as n, createElementBlock as l, createElementVNode as u, renderSlot as d, defineComponent as p, ref as D, onMounted as E, createCommentVNode as S, pushScopeId as $, popScopeId as k, provide as x, watchEffect as C, createBlock as T, Suspense as A, withCtx as c, createVNode as i, unref as I, nextTick as P } from "vue";
+import { _ as f, s as w, U as B, i as M } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-3BaA3fxx.js";
+import { L as re, a as ne, b as de, c as ce, f as ie, e as le, d as ue, g as pe, j as fe, l as me, h as _e, m as he, p as ge, t as ve } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-3BaA3fxx.js";
+import { E as be } from "./ErrorMessage-DQmu89vK.js";
+import { default as Le } from "./SimpleButtonControl-CB4Y5yaX.js";
+import { _ as Se } from "./TextControl.vue_vue_type_script_setup_true_lang-PQebag92.js";
+import { V as ke } from "./VerticalLayoutBase-DqZzCLUD.js";
+const O = {}, j = { class: "flex-wrapper" }, R = { class: "form" };
+function V(o, a) {
+  return n(), l("div", j, [
+    u("div", R, [
+      d(o.$slots, "default", {}, void 0, !0)
     ]),
-    i(o.$slots, "bottom-content", {}, void 0, !0)
+    d(o.$slots, "bottom-content", {}, void 0, !0)
   ]);
 }
-const O = /* @__PURE__ */ _(V, [["render", M], ["__scopeId", "data-v-49f6cab7"]]), R = (o) => (k("data-v-7dabb11d"), o = o(), C(), o), j = {
+const F = /* @__PURE__ */ f(O, [["render", V], ["__scopeId", "data-v-49f6cab7"]]), N = (o) => ($("data-v-7dabb11d"), o = o(), k(), o), U = {
   key: 0,
   class: "loading-dialog skeleton-wrapper"
-}, F = /* @__PURE__ */ R(() => /* @__PURE__ */ p("div", { class: "loading-dialog-content skeleton" }, null, -1)), N = [
-  F
-], G = 200, J = /* @__PURE__ */ g({
+}, J = /* @__PURE__ */ N(() => /* @__PURE__ */ u("div", { class: "loading-dialog-content skeleton" }, null, -1)), G = [
+  J
+], q = 200, H = /* @__PURE__ */ p({
   __name: "LoadingDialog",
   setup(o) {
-    const r = v(!1);
-    return L(() => {
+    const a = D(!1);
+    return E(() => {
       setTimeout(() => {
-        r.value = !0;
-      }, G);
-    }), (m, s) => r.value ? (d(), u("div", j, N)) : y("", !0);
+        a.value = !0;
+      }, q);
+    }), (m, s) => a.value ? (n(), l("div", U, G)) : S("", !0);
   }
-}), U = /* @__PURE__ */ _(J, [["__scopeId", "data-v-7dabb11d"]]), H = { class: "dialog" }, X = { ref: "subPanels" }, h = "EXPOSED_METHOD", Y = /* @__PURE__ */ g({
+}), X = /* @__PURE__ */ f(H, [["__scopeId", "data-v-7dabb11d"]]), Y = { class: "dialog" }, z = { ref: "subPanels" }, v = "EXPOSED_METHOD", K = /* @__PURE__ */ p({
   __name: "JsonFormsDialog",
   props: {
     schema: {},
@@ -38,53 +38,54 @@ const O = /* @__PURE__ */ _(V, [["render", M], ["__scopeId", "data-v-49f6cab7"]]
     renderers: {}
   },
   emits: ["updateData", "trigger", "change", "alert", "stateProviderListener"],
-  setup(o, { expose: r, emit: m }) {
-    const s = m, D = (e, t, a) => {
-      var n;
-      return t.type === A && ((n = t.context) == null ? void 0 : n.source) !== h && setTimeout(() => T(() => s("updateData", t.path))), a(e, t);
-    }, b = (e) => {
+  setup(o, { expose: a, emit: m }) {
+    const s = m, b = (e, t, L) => {
+      var g;
+      return t.type === B && ((g = t.context) == null ? void 0 : g.source) !== v && setTimeout(() => P(() => s("updateData", t.path))), L(e, t);
+    }, y = (e) => {
       s("change", e);
     };
     Object.entries({
       trigger: (e) => s("trigger", e),
       addStateProviderListener: (e, t) => s("stateProviderListener", e, t),
       sendAlert: (e) => s("alert", e)
-    }).forEach(([e, t]) => $(e, t));
-    const f = v(null);
-    return r({
+    }).forEach(([e, t]) => x(e, t));
+    const r = D(null), _ = [], h = (e, t) => {
+      r.value.dispatch(
+        M.update(e, () => t, {
+          source: v
+        })
+      );
+    };
+    return C(() => {
+      r.value && _.forEach(
+        ({ path: e, value: t }) => h(e, t)
+      );
+    }), a({
       updateData: (e, t) => {
-        var a, n;
-        return (n = (a = f.value) == null ? void 0 : a.dispatch) == null ? void 0 : n.call(
-          a,
-          I.update(e, () => t, {
-            /**
-             * Make the action identifiable in order to prevent emitting an updateData event
-             */
-            source: h
-          })
-        );
+        r.value ? h(e, t) : _.push({ path: e, value: t });
       }
-    }), (e, t) => (d(), u("div", H, [
-      p("div", X, null, 512),
-      (d(), x(E, null, {
-        fallback: l(() => [
-          c(U)
+    }), (e, t) => (n(), l("div", Y, [
+      u("div", z, null, 512),
+      (n(), T(A, null, {
+        fallback: c(() => [
+          i(X)
         ]),
-        default: l(() => [
-          c(O, null, {
-            default: l(() => [
-              i(e.$slots, "top", {}, void 0, !0),
-              c(S(P), {
+        default: c(() => [
+          i(F, null, {
+            default: c(() => [
+              d(e.$slots, "top", {}, void 0, !0),
+              i(I(w), {
                 ref_key: "jsonforms",
-                ref: f,
+                ref: r,
                 data: e.data,
                 schema: e.schema,
                 uischema: e.uischema,
                 renderers: e.renderers,
-                middleware: D,
-                onChange: b
+                middleware: b,
+                onChange: y
               }, null, 8, ["data", "schema", "uischema", "renderers"]),
-              i(e.$slots, "bottom", {}, void 0, !0)
+              d(e.$slots, "bottom", {}, void 0, !0)
             ]),
             _: 3
           })
@@ -93,29 +94,35 @@ const O = /* @__PURE__ */ _(V, [["render", M], ["__scopeId", "data-v-49f6cab7"]]
       }))
     ]));
   }
-}), Q = /* @__PURE__ */ _(Y, [["__scopeId", "data-v-f1084d5f"]]);
+}), te = /* @__PURE__ */ f(K, [["__scopeId", "data-v-2ecde53a"]]), Q = {
+  layout: {
+    type: Object,
+    required: !0
+  }
+}, oe = (o) => p(o, {
+  props: Q
+});
 export {
-  ve as ErrorMessage,
-  O as Form,
-  Q as JsonFormsDialog,
-  ee as LabeledControl,
-  be as SimpleButtonControl,
-  ye as TextControl,
-  Ce as VerticalLayoutBase,
-  te as addLabel,
-  oe as controlProps,
-  se as controlToRenderer,
-  ae as controls,
-  re as defaultRenderers,
-  ne as defineControl,
-  de as defineLayout,
-  ie as handleControlVisibility,
-  le as handleLayoutVisibility,
-  ce as inputFormats,
-  ue as layoutProps,
-  pe as layoutToRenderer,
+  be as ErrorMessage,
+  F as Form,
+  te as JsonFormsDialog,
+  re as LabeledControl,
+  Le as SimpleButtonControl,
+  Se as TextControl,
+  ke as VerticalLayoutBase,
+  ne as addLabel,
+  de as controlProps,
+  ce as controlToRenderer,
+  ie as controls,
+  le as defaultRenderers,
+  ue as defineControl,
+  oe as defineLayout,
+  pe as getAsyncSetupMethod,
+  fe as inputFormats,
+  Q as layoutProps,
+  me as layoutToRenderer,
   _e as layouts,
-  me as mapControls,
-  fe as priorityRanks,
-  he as toRenderers
+  he as mapControls,
+  ge as priorityRanks,
+  ve as toRenderers
 };

package/dist/{magic-string.es-DFyz70Kz.js → magic-string.es-BxFAQdj-.js}

@@ -1,4 +1,4 @@
-import { B as ht } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-BmCXzwjJ.js";
+import { y as ht } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-3BaA3fxx.js";
 var q = { exports: {} };
 (function(E, t) {
   (function(e, n) {

package/dist/src/JsonFormsDialog.vue.d.ts

@@ -7,7 +7,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     data: any;
     renderers: NamedRenderer[];
 }>, {
-    updateData: (path: string, value: any) => void | undefined;
+    updateData: (path: string, value: any) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     updateData: (path: string) => void;
     trigger: (id: any) => void;

package/dist/src/higherOrderComponents/control/controlToRenderer.d.ts

@@ -3,4 +3,4 @@ import { VueControl } from './types';
 /**
  * The last transformation step, since JSONForms expects renderers with core params.
  */
-export declare const controlToRenderer: (component: VueControl<any>) => ParameterizedComponent<RendererParams>;
+export declare const controlToRenderer: (component: VueControl<any>, asyncSetup?: () => Promise<void>) => ParameterizedComponent<RendererParams>;

package/dist/src/higherOrderComponents/control/index.d.ts

@@ -1,7 +1,6 @@
 import { default as LabeledControl } from './LabeledControl.vue';
 export type * from './types';
 export * from './addLabel';
-export * from './handleVisibility';
 export * from './controlToRenderer';
 export * from './util';
 export { LabeledControl };

package/dist/src/higherOrderComponents/control/types.d.ts

@@ -31,6 +31,7 @@ export type PropsToComponent<P extends Record<string, any>> = ParameterizedCompo
 export type VueControl<D> = PropsToComponent<VueControlProps<D>>;
 export type VueControlRenderer = NamedTester & {
     control: VueControl<any>;
+    __asyncSetup?: () => Promise<void>;
 };
 export type ExtractVueControlData<T extends VueControl<any>> = T extends VueControl<infer P> ? P : never;
 export type ExtractData<T extends VueControlRenderer> = ExtractVueControlData<T["control"]>;

package/dist/src/higherOrderComponents/index.d.ts

@@ -1,3 +1,4 @@
 export type * from './types';
 export * from './control';
 export * from './layout';
+export * from './utils';

package/dist/src/higherOrderComponents/layout/index.d.ts

@@ -1,4 +1,3 @@
 export type * from './types';
-export * from './handleVisibility';
 export * from './layoutToRenderer';
 export * from './util';

package/dist/src/higherOrderComponents/layout/layoutToRenderer.d.ts

@@ -3,4 +3,4 @@ import { VueLayout } from './types';
 /**
  * The last transformation step, since JSONForms expects renderers with core params.
  */
-export declare const layoutToRenderer: (component: VueLayout) => ParameterizedComponent<RendererParams>;
+export declare const layoutToRenderer: (component: VueLayout, asyncSetup?: () => Promise<void>) => ParameterizedComponent<RendererParams>;

package/dist/src/higherOrderComponents/layout/types.d.ts

@@ -25,4 +25,5 @@ export type VueLayout = ParameterizedComponent<{
 }>;
 export type VueLayoutRenderer = NamedTester & {
     layout: VueLayout;
+    __asyncSetup?: () => Promise<void>;
 };

package/dist/src/higherOrderComponents/utils.d.ts

@@ -0,0 +1,2 @@
+import { Component } from 'vue';
+export declare const getAsyncSetupMethod: (component: Component) => () => Promise<void>;

package/dist/{svgWithTitle-zrGi2kyc.js → svgWithTitle-CnaxBHlP.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 "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-BmCXzwjJ.js";
+import { _ } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-3BaA3fxx.js";
 const p = /* @__PURE__ */ r({
   __name: "LoadingIcon",
   setup(t) {

package/dist/testing.js

@@ -3,9 +3,9 @@ var zd = (e, t, n) => t in e ? Wd(e, t, { enumerable: !0, configurable: !0, writ
 var K = (e, t, n) => zd(e, typeof t != "symbol" ? t + "" : t, n);
 import * as rf from "vue";
 import { initDirectivesForSSR as Ud, nextTick as Ls, defineComponent as oi, computed as Cr, h as wn, shallowReactive as Kd, reactive as Gd, ref as Hd, createApp as Xd, transformVNodeArgs as Yd, setDevtoolsHook as Jd, Transition as Qd, BaseTransition as Zd, TransitionGroup as e_, isRef as t_ } from "vue";
-import { j as n_ } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-BmCXzwjJ.js";
-import { i as r_ } from "./isSymbol-DLKDpjGl.js";
-import { b as i_ } from "./_baseIteratee-BgB8cpN8.js";
+import { e as n_ } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-3BaA3fxx.js";
+import { i as r_ } from "./isSymbol-DBYB6PEp.js";
+import { b as i_ } from "./_baseIteratee-bVzVDPMQ.js";
 function s_(e, t) {
   return e > t;
 }
@@ -8781,7 +8781,7 @@ function u0(e, t = {}) {
   )), e.stacks = r, r;
 }
 async function f0(e, t) {
-  const n = (await import("./magic-string.es-DFyz70Kz.js")).default, r = new Set(t.map((i) => i.file));
+  const n = (await import("./magic-string.es-BxFAQdj-.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), a = await e.readSnapshotFile(i), o = new n(a);

package/dist/{toString-C9vll-oa.js → toString-FiiQWhxG.js}

@@ -1,5 +1,5 @@
-import { S as s } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-BmCXzwjJ.js";
-import { i as y } from "./isSymbol-DLKDpjGl.js";
+import { S as s } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-3BaA3fxx.js";
+import { i as y } from "./isSymbol-DBYB6PEp.js";
 function g(r, t) {
   for (var n = -1, i = r == null ? 0 : r.length, o = Array(i); ++n < i; )
     o[n] = t(r[n], n, r);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knime/jsonforms",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "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 @@
     "tabbable": "6.2.0",
     "uuid": "10.0.0",
     "date-fns": "2.30.0",
-    "@knime/components": "1.15.1",
-    "@knime/rich-text-editor": "1.3.8",
+    "@knime/components": "1.15.2",
+    "@knime/rich-text-editor": "1.3.9",
     "@knime/styles": "1.2.0",
     "@knime/utils": "1.2.4",
     "@knime/ui-extension-service": "1.2.1"

package/dist/isSymbol-DLKDpjGl.js

@@ -1,8 +0,0 @@
-import { y as s, z as t } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-BmCXzwjJ.js";
-var b = "[object Symbol]";
-function i(o) {
-  return typeof o == "symbol" || s(o) && t(o) == b;
-}
-export {
-  i
-};

package/dist/src/higherOrderComponents/control/handleVisibility.d.ts

@@ -1,2 +0,0 @@
-import { VueControl } from './types';
-export declare const handleControlVisibility: <D>(component: VueControl<D>) => VueControl<D>;

package/dist/src/higherOrderComponents/layout/handleVisibility.d.ts

@@ -1,2 +0,0 @@
-import { VueLayout } from './types';
-export declare const handleLayoutVisibility: (component: VueLayout) => VueLayout;