@knime/jsonforms 2.1.1 → 3.0.0

package/dist/ResourceControlBase-CX97xRiy.js

@@ -0,0 +1,70 @@
+import { defineComponent as f, computed as o, openBlock as a, createElementBlock as n, withDirectives as V, createVNode as s, unref as l, createCommentVNode as T } from "vue";
+import { KdsNumberInput as g, KdsDonutChart as B, vKdsTooltip as C } from "@knime/kds-components";
+import { _ as D } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-Ccuf283K.js";
+const I = { class: "input-wrapper" }, w = {
+  key: 0,
+  class: "chart"
+}, F = /* @__PURE__ */ f({
+  __name: "ResourceControlBase",
+  props: {
+    donutTitle: {},
+    donutDescription: {},
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(t) {
+    const e = t, c = o(
+      () => e.control.uischema.options?.modelMax ?? !1
+    ), u = o(
+      // if currentUsage is supplied the donut chart should use that since the data will model something else (e.g. the maximum usage)
+      () => e.control.uischema.options?.currentUsage ?? e.control.data
+    ), i = o(
+      () => e.control.schema.secondaryValue ?? 0
+    ), r = o(
+      () => c.value ? e.control.data : e.control.uischema.options?.donutMax ?? e.control.schema.maximum ?? 1 / 0
+    ), m = o(
+      () => e.control.uischema.options?.disabledTooltip || ""
+    ), d = o(
+      () => e.disabled ? m.value : ""
+    ), p = o(() => e.control.uischema.options?.animate ?? !0), v = o(
+      () => e.control.uischema.options?.showDonut ?? !0
+    ), h = o(() => e.control.schema.minimum ?? 0), x = o(() => e.control.schema.maximum ?? 1 / 0), b = o(() => e.control.uischema.options?.step ?? 1), y = o(() => e.control.uischema.options?.unit ?? "");
+    return (M, R) => (a(), n("div", null, [
+      V((a(), n("div", I, [
+        s(l(g), {
+          ariaLabel: t.control.label,
+          "model-value": t.control.data,
+          min: h.value,
+          max: x.value,
+          step: b.value,
+          unit: y.value,
+          disabled: t.disabled,
+          error: t.error,
+          "sub-text": t.subText,
+          "onUpdate:modelValue": t.changeValue
+        }, null, 8, ["ariaLabel", "model-value", "min", "max", "step", "unit", "disabled", "error", "sub-text", "onUpdate:modelValue"]),
+        v.value ? (a(), n("div", w, [
+          s(l(B), {
+            value: u.value,
+            "secondary-value": i.value,
+            "max-value": r.value,
+            animate: p.value,
+            label: t.donutTitle,
+            "sub-text": t.donutDescription
+          }, null, 8, ["value", "secondary-value", "max-value", "animate", "label", "sub-text"])
+        ])) : T("", !0)
+      ])), [
+        [l(C), d.value]
+      ])
+    ]));
+  }
+}), N = /* @__PURE__ */ D(F, [["__scopeId", "data-v-3a916a8e"]]);
+export {
+  N as R
+};

package/dist/RichTextControl-BrVmkMgh.js

@@ -0,0 +1,60 @@
+import { defineComponent as d, ref as s, computed as u, openBlock as c, createBlock as m, unref as b } from "vue";
+import { kdsDefaultLinkToolOptions as o, KdsRichTextInput as h } from "@knime/kds-rich-text-editor";
+import { _ as p } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-Ccuf283K.js";
+const x = /* @__PURE__ */ d({
+  __name: "RichTextControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(t) {
+    const r = t, a = s(null), i = () => (a.value?.focus(), !0), l = (e) => e.startsWith('$$["') && e.endsWith('"]'), n = u(
+      () => r.control.uischema.options?.useFlowVarTemplates ? {
+        urlValidator: (e) => l(e) || o.urlValidator(e),
+        sanitizeUrlText: (e) => l(e) ? e : o.sanitizeUrlText(e)
+      } : o
+    );
+    return (e, f) => (c(), m(b(h), {
+      id: t.labelForId,
+      ref_key: "editor",
+      ref: a,
+      class: "editor",
+      "aria-label": t.control.label,
+      "min-height": 320,
+      "model-value": t.control.data,
+      editable: !t.disabled,
+      disabled: t.disabled,
+      error: t.error,
+      "sub-text": t.subText,
+      "base-extensions": {
+        bold: !0,
+        italic: !0,
+        underline: !0,
+        textAlign: !0,
+        bulletList: !0,
+        orderedList: !0,
+        heading: !0,
+        blockquote: !0,
+        code: !0,
+        codeBlock: !0,
+        horizontalRule: !0,
+        strike: !0,
+        paragraphTextStyle: !0,
+        link: !0
+      },
+      "link-tool-options": n.value,
+      "custom-escape-handler": i,
+      "character-limit": { maxCharacters: 5e4, display: "atLimit" },
+      "onUpdate:modelValue": t.changeValue
+    }, null, 8, ["id", "aria-label", "model-value", "editable", "disabled", "error", "sub-text", "link-tool-options", "onUpdate:modelValue"]));
+  }
+}), g = /* @__PURE__ */ p(x, [["__scopeId", "data-v-0d780c9f"]]);
+export {
+  g as default
+};

package/dist/{SectionHeading-bAxFt0K8.js → SectionHeading-YAJTwOE4.js}

@@ -1,5 +1,5 @@
 import { defineComponent as f, useTemplateRef as p, ref as m, watch as h, onBeforeUnmount as v, openBlock as _, createElementBlock as g, Fragment as S, createElementVNode as o, mergeProps as b, toDisplayString as y, renderSlot as k } from "vue";
-import { _ as w } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-D7lL4y23.js";
+import { _ as w } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-Ccuf283K.js";
 const E = { class: "section-header-layout-container" }, T = { class: "section-header-buttons" }, x = /* @__PURE__ */ f({
   __name: "SectionHeading",
   props: {

package/dist/SectionLayout-BYOxuxY2.js

@@ -0,0 +1,47 @@
+import { defineComponent as i, ref as m, openBlock as l, createElementBlock as c, createVNode as n, withCtx as r, renderSlot as d, createBlock as f, unref as h } from "vue";
+import { DispatchRenderer as y } from "@jsonforms/vue";
+import { V as v } from "./VerticalLayoutBase-BEDnWcoh.js";
+import { S as b } from "./SectionHeading-YAJTwOE4.js";
+import { _ as x } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-Ccuf283K.js";
+const S = /* @__PURE__ */ i({
+  __name: "SectionLayout",
+  props: {
+    layout: {}
+  },
+  setup(e) {
+    const a = m(!1);
+    return (s, t) => (l(), c("div", {
+      class: "section",
+      onMouseover: t[0] || (t[0] = (o) => a.value = !0),
+      onMouseleave: t[1] || (t[1] = (o) => a.value = !1)
+    }, [
+      n(b, {
+        "title-text": e.layout.uischema.label ?? ""
+      }, {
+        "right-buttons": r(() => [
+          d(s.$slots, "buttons", { hover: a.value }, void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["title-text"]),
+      n(v, {
+        elements: e.layout.uischema.elements
+      }, {
+        default: r(({ element: o, index: u }) => [
+          (l(), f(h(y), {
+            key: `${e.layout.path}-${u}`,
+            schema: e.layout.schema,
+            uischema: o,
+            path: e.layout.path,
+            enabled: e.layout.enabled,
+            renderers: e.layout.renderers,
+            cells: e.layout.cells
+          }, null, 8, ["schema", "uischema", "path", "enabled", "renderers", "cells"]))
+        ]),
+        _: 1
+      }, 8, ["elements"])
+    ], 32));
+  }
+}), V = /* @__PURE__ */ x(S, [["__scopeId", "data-v-33f353d4"]]);
+export {
+  V as default
+};

package/dist/SettingsSubPanel-DgISjowU.js

@@ -0,0 +1,5 @@
+import { _ as a, x as s } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-Ccuf283K.js";
+const _ = /* @__PURE__ */ a(s, [["__scopeId", "data-v-bcab65d0"]]);
+export {
+  _ as S
+};

package/dist/SettingsSubPanelLayout-BQJCnTqx.js

@@ -0,0 +1,69 @@
+import { defineComponent as v, computed as s, ref as h, openBlock as r, createElementBlock as y, createVNode as o, withCtx as l, createBlock as k, unref as i, createElementVNode as p, renderSlot as S } from "vue";
+import { DispatchRenderer as x } from "@jsonforms/vue";
+import { KdsButton as g } from "@knime/kds-components";
+import { V as B } from "./VerticalLayoutBase-BEDnWcoh.js";
+import { S as L } from "./SectionHeading-YAJTwOE4.js";
+import { S as $ } from "./SettingsSubPanel-DgISjowU.js";
+import { _ as w } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-Ccuf283K.js";
+const C = { class: "flex-row" }, V = /* @__PURE__ */ v({
+  __name: "SettingsSubPanelLayout",
+  props: {
+    layout: {}
+  },
+  setup(e) {
+    const c = e, u = s(() => c.layout.uischema.options ?? {}), m = s(() => u.value.setText ?? "Set"), d = s(
+      () => u.value.backButtonLabel ?? "Back to node configuration"
+    ), n = h(!1);
+    return (b, a) => (r(), y("div", {
+      onMouseover: a[0] || (a[0] = (t) => n.value = !0),
+      onMouseleave: a[1] || (a[1] = (t) => n.value = !1)
+    }, [
+      o($, {
+        "show-back-arrow": "",
+        "back-button-label": d.value
+      }, {
+        "expand-button": l(({ expand: t }) => [
+          o(L, {
+            "title-text": e.layout.uischema.label ?? ""
+          }, {
+            "right-buttons": l(() => [
+              p("div", C, [
+                S(b.$slots, "buttons", { hover: n.value }, void 0, !0),
+                o(i(g), {
+                  variant: "transparent",
+                  size: "small",
+                  label: m.value,
+                  "trailing-icon": "chevron-right",
+                  onClick: t
+                }, null, 8, ["label", "onClick"])
+              ])
+            ]),
+            _: 2
+          }, 1032, ["title-text"])
+        ]),
+        default: l(() => [
+          o(B, {
+            elements: e.layout.uischema.elements
+          }, {
+            default: l(({ element: t, index: f }) => [
+              (r(), k(i(x), {
+                key: `${e.layout.path}-${f}`,
+                schema: e.layout.schema,
+                uischema: t,
+                path: e.layout.path,
+                enabled: e.layout.enabled,
+                renderers: e.layout.renderers,
+                cells: e.layout.cells
+              }, null, 8, ["schema", "uischema", "path", "enabled", "renderers", "cells"]))
+            ]),
+            _: 1
+          }, 8, ["elements"])
+        ]),
+        _: 3
+      }, 8, ["back-button-label"])
+    ], 32));
+  }
+}), H = /* @__PURE__ */ w(V, [["__scopeId", "data-v-dc2400b4"]]);
+export {
+  H as default
+};

package/dist/{SimpleButtonControl-Bht3vfB_.js → SimpleButtonControl-GTX19t2_.js}

@@ -1,6 +1,7 @@
-import { defineComponent as h, computed as e, ref as c, watch as F, openBlock as y, createElementBlock as B, createVNode as C, unref as _, renderSlot as k } from "vue";
-import { u as I, D as O, E as S, _ as $ } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-D7lL4y23.js";
-const x = /* @__PURE__ */ h({
+import { defineComponent as h, computed as e, ref as c, watch as B, openBlock as F, createElementBlock as y, createVNode as C, unref as k, renderSlot as I } from "vue";
+import { KdsButton as O } from "@knime/kds-components";
+import { u as S, v as _, _ as x } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-Ccuf283K.js";
+const V = /* @__PURE__ */ h({
   __name: "SimpleButtonControl",
   props: {
     control: {},
@@ -17,22 +18,22 @@ const x = /* @__PURE__ */ h({
       () => o.control.uischema
     ), u = r && r.includes("runFinished");
     if (u) {
-      const s = I(l, "runFinished", null);
-      F(s, () => {
+      const s = S(l, "runFinished", null);
+      B(s, () => {
         t.value = !1;
       });
     }
     const p = e(() => d.value || t.value), v = e(() => l.value.options.triggerId), m = e(
       () => l.value.options.icon
-    ), b = O("trigger"), f = async () => {
+    ), b = _("trigger"), f = async () => {
       u && (t.value = !0), await b({ id: v.value });
     }, i = c(!1);
-    return (s, n) => (y(), B("div", {
+    return (s, n) => (F(), y("div", {
       class: "simple-button-input",
       onMouseenter: n[0] || (n[0] = (g) => i.value = !0),
       onMouseleave: n[1] || (n[1] = (g) => i.value = !1)
     }, [
-      C(_(S), {
+      C(k(O), {
         variant: "outlined",
         size: "small",
         disabled: p.value,
@@ -40,10 +41,10 @@ const x = /* @__PURE__ */ h({
         "leading-icon": m.value,
         onClick: f
       }, null, 8, ["disabled", "label", "leading-icon"]),
-      k(s.$slots, "buttons", { hover: i.value }, void 0, !0)
+      I(s.$slots, "buttons", { hover: i.value }, void 0, !0)
     ], 32));
   }
-}), E = /* @__PURE__ */ $(x, [["__scopeId", "data-v-c79c6b71"]]);
+}), R = /* @__PURE__ */ x(V, [["__scopeId", "data-v-c79c6b71"]]);
 export {
-  E as default
+  R as default
 };