@knime/jsonforms 0.1.4

package/README.md

@@ -0,0 +1,125 @@
+# ![Image](https://www.knime.com/files/knime_logo_github_40x40_4layers.png) KNIME JSONForms integration
+
+# TODO: this is a copy from core-ui, needs to be adjusted yet 🚨🚨
+
+This repository contains the frontend components of the KNIME JSONForms integration that is based on [Vue].
+It are built as a [Vue library] and used in KNIME Analytics Platform and/or KNIME Hub.
+
+## Development
+
+### Prerequisites
+
+- Install [Node.js][node], see version in [package.json](package.json).
+
+Newer versions may also work, but have not been tested.
+
+### Install dependencies
+
+```sh
+npm install
+```
+
+and then use the following commands. For detailed explanations see [Vue CLI docs]:
+
+### Git hooks
+
+When committing your changes, a couple of commit hooks will run via [husky].
+
+- `pre-commit` hook to lint and format the changes in your stage zone (via [lintstaged])
+- `prepare-commit-msg` hook to format your commit message to conform with the required format by KNIME. In order for this to work you must set environment variables with your Atlassian email and API token. Refer to `@knime/eslint-config/scripts/README.md` for more information.
+
+### Testing
+
+#### Running unit tests
+
+This project contains unit tests written with [vitest]. They are run with
+
+```sh
+npm run test
+```
+
+or one can run unit- and integration-tests individually by
+
+```sh
+npm run test:unit
+npm run test:integration
+```
+
+You can generate a coverage report with
+
+```sh
+npm run coverage
+```
+
+The output can be found in the `coverage` folder. It contains a browseable html report as well as raw coverage data in
+[LCOV] and [Clover] format, which can be used in analysis software (SonarQube, Jenkins, …).
+
+### Running security audit
+
+npm provides a check against known security issues of used dependencies. Run it by calling
+
+```sh
+npm run audit
+```
+
+### Logging
+
+You can log using the global `consola` variable (which the embedding application needs to provide).
+
+See https://github.com/nuxt/consola for details.
+
+## Building
+
+To build all views and dialogs, use the following command:
+
+```sh
+npm run build
+```
+
+To build a single item, use e.g. the following command:
+
+```sh
+npm run build:TableView
+```
+
+Results are saved to `/dist`.
+
+This project can also be built via a maven build wrapper
+
+```sh
+mvn clean install
+```
+
+## Embedding the views in apps
+
+The views can be used in Vue/Nuxt apps like a regular Vue component, e.g. loaded asynchronously.
+
+### Requirements
+
+The views expect that the embedding app provides the following:
+
+- Vue and Consola compatible to the versions defined in [`package.json`](package.json)
+- global `window.consola` instance for logging
+- CSS variables as defined in the `@knime/styles` project.
+  They are not included in the build in order to avoid duplication.
+
+### Usage example
+
+```
+<TableView>
+```
+
+# Join the Community!
+
+- [KNIME Forum](https://forum.knime.com/)
+
+[Vue]: https://vuejs.org/
+[node]: https://knime-com.atlassian.net/wiki/spaces/SPECS/pages/905281540/Node.js+Installation
+[Java]: https://www.oracle.com/technetwork/java/javase/downloads/index.html
+[Vue CLI docs]: https://cli.vuejs.org/guide/
+[Vue libraries]: https://cli.vuejs.org/guide/build-targets.html#library
+[vitest]: https://vitest.dev/
+[LCOV]: https://github.com/linux-test-project/lcov
+[Clover]: http://openclover.org/
+[husky]: https://www.npmjs.com/package/husky
+[lintstaged]: https://github.com/okonet/lint-staged

package/dist/AnyOfTwinlist-GJ6LGkM1.js

@@ -0,0 +1,17 @@
+import { defineComponent as n, openBlock as s, createBlock as t, mergeProps as a } from "vue";
+import { r as i, o as m } from "./index-ZDm2GXeD.js";
+import f from "./SimpleTwinlistControl-ByOlLGIN.js";
+const d = /* @__PURE__ */ n({
+  __name: "AnyOfTwinlist",
+  props: i(),
+  setup(_) {
+    const p = (e) => {
+      var r, o;
+      return (o = (r = e == null ? void 0 : e.schema) == null ? void 0 : r.anyOf) == null ? void 0 : o.map(m);
+    };
+    return (e, r) => (s(), t(f, a(e.$props, { "options-generator": p }), null, 16));
+  }
+});
+export {
+  d as default
+};

package/dist/ArrayLayout-CbpSgf0X.js

@@ -0,0 +1,487 @@
+import { openBlock as c, createElementBlock as h, createElementVNode as p, defineComponent as N, computed as b, createVNode as f, unref as E, toDisplayString as W, createCommentVNode as A, provide as L, onMounted as j, onUnmounted as q, Fragment as R, normalizeStyle as Q, renderSlot as T, renderList as K, resolveComponent as m, createBlock as $, withCtx as w, ref as F, watch as U, nextTick as z, normalizeClass as X, mergeProps as V, createTextVNode as Y } from "vue";
+import { p as M, g as Z, _ as k, q as I, t as ee, v as te, w as oe, x, y as ne, z as re, A as se, F as ae, G as ie, s as le, B as de, l as ce, r as ue, H as me, J as pe, K as he, M as ve, N as ye, O as fe, P as ge, Q as we } from "./index-ZDm2GXeD.js";
+import { A as _e, a as Ae } from "./arrow-up-Dsq3EgtE.js";
+const Ie = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "#000",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 32 32"
+}, Ce = /* @__PURE__ */ p("path", { d: "m26 7-3 22.5H9L6 7M4 7h24M12 7V2.5h8V7" }, null, -1), Te = [
+  Ce
+];
+function $e(e, t) {
+  return c(), h("svg", Ie, [...Te]);
+}
+const De = { render: $e }, Ee = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "#000",
+  viewBox: "0 0 32 32"
+}, be = /* @__PURE__ */ p("circle", {
+  cx: "16",
+  cy: "16",
+  r: "12.92"
+}, null, -1), Be = /* @__PURE__ */ p("line", {
+  x1: "8.499",
+  x2: "24.48",
+  y1: "15.934",
+  y2: "15.934"
+}, null, -1), Le = /* @__PURE__ */ p("line", {
+  x1: "15.99",
+  x2: "15.99",
+  y1: "23.991",
+  y2: "8.009"
+}, null, -1), ke = [
+  be,
+  Be,
+  Le
+];
+function Se(e, t) {
+  return c(), h("svg", Ee, [...ke]);
+}
+const Pe = { render: Se }, Re = { class: "vertical" }, Fe = { key: 0 }, Ue = /* @__PURE__ */ N({
+  __name: "ArrayLayoutItemLabel",
+  props: {
+    titleConfig: {},
+    subTitleProvider: {},
+    index: {}
+  },
+  setup(e) {
+    const t = e, o = t.titleConfig, r = o.type === "provided" ? M(o.provider, "") : b(() => `${o.title} ${t.index + 1}`), d = M(t.subTitleProvider, "");
+    return (n, l) => (c(), h("div", Re, [
+      f(E(Z), {
+        text: E(r),
+        compact: ""
+      }, null, 8, ["text"]),
+      E(d) ? (c(), h("span", Fe, W(E(d)), 1)) : A("", !0)
+    ]));
+  }
+}), Me = /* @__PURE__ */ k(Ue, [["__scopeId", "data-v-288d00d0"]]), Ne = (e, t) => {
+  const o = "addStateProviderListener", r = I(o);
+  L(o, ({ id: n, indexIds: l = [], indices: s = [] }, i) => r(
+    {
+      id: n,
+      indexIds: [e, ...l],
+      indices: [t, ...s]
+    },
+    i
+  ));
+}, Oe = (e) => {
+  const t = "trigger", o = I(t);
+  L(t, ({
+    id: s,
+    indexIds: i = []
+  }) => o({
+    id: s,
+    indexIds: [e, ...i]
+  }));
+  const d = "isTriggerActive", n = I(d);
+  L(d, ({ id: s, indexIds: i = [] }) => n({
+    id: s,
+    indexIds: [e, ...i]
+  }));
+}, Ve = { class: "item-header" }, We = { class: "elements" }, Ke = {
+  key: 1,
+  class: "element"
+}, ze = { class: "form-component" }, xe = { class: "compensate-label" }, Je = /* @__PURE__ */ N({
+  __name: "ArrayLayoutItem",
+  props: {
+    elements: {},
+    elementCheckboxScope: {},
+    arrayElementTitle: { type: [Boolean, Object] },
+    subTitleProvider: {},
+    index: {},
+    path: {},
+    hasBeenAdded: { type: Boolean },
+    id: {},
+    idsRecord: {}
+  },
+  setup(e) {
+    const t = e;
+    t.hasBeenAdded && ee(), Ne(t.id, t.index), Oe(t.id);
+    const o = te(t.idsRecord, t.id);
+    L(
+      "createArrayAtPath",
+      (n) => oe(o, n)
+    );
+    const r = b(() => x(t.path, `${t.index}`)), d = I("sendAlert");
+    return j(() => {
+      !t.arrayElementTitle && t.elements.length > 1 && d({
+        message: "For displaying more than one row of widgets within an array layout element, the configuration must provide a title for an element.",
+        type: ne.ERROR
+      });
+    }), q(() => {
+      re(t.idsRecord, t.id);
+    }), (n, l) => n.arrayElementTitle ? (c(), h(R, { key: 0 }, [
+      p("div", Ve, [
+        p("div", {
+          class: "left",
+          style: Q({ alignItems: n.subTitleProvider ? "normal" : "baseline" })
+        }, [
+          n.elementCheckboxScope ? T(n.$slots, "renderer", {
+            key: 0,
+            path: r.value,
+            element: {
+              type: "Control",
+              scope: n.elementCheckboxScope,
+              options: {
+                format: E(se)
+              }
+            }
+          }, void 0, !0) : A("", !0),
+          f(Me, {
+            "title-config": n.arrayElementTitle,
+            "sub-title-provider": n.subTitleProvider,
+            index: n.index
+          }, null, 8, ["title-config", "sub-title-provider", "index"])
+        ], 4),
+        T(n.$slots, "controls", {}, void 0, !0)
+      ]),
+      p("div", We, [
+        (c(!0), h(R, null, K(n.elements, ([s, i]) => T(n.$slots, "renderer", {
+          key: `${r.value}-${s}`,
+          path: r.value,
+          element: i
+        }, void 0, !0)), 128))
+      ])
+    ], 64)) : (c(), h("div", Ke, [
+      p("div", ze, [
+        T(n.$slots, "renderer", {
+          element: n.elements[0][1],
+          path: r.value
+        }, void 0, !0)
+      ]),
+      p("div", xe, [
+        T(n.$slots, "controls", {}, void 0, !0)
+      ])
+    ]));
+  }
+}), Ge = /* @__PURE__ */ k(Je, [["__scopeId", "data-v-37591509"]]), He = {
+  name: "ArrayLayoutItemControls",
+  components: {
+    TrashIcon: De,
+    FunctionButton: ae,
+    ArrowUpIcon: _e,
+    ArrowDownIcon: Ae
+  },
+  props: {
+    isFirst: {
+      type: Boolean,
+      default: !1
+    },
+    isLast: {
+      type: Boolean,
+      default: !1
+    },
+    showSortControls: {
+      type: Boolean,
+      default: !1
+    },
+    showDeleteButton: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["moveUp", "moveDown", "delete"]
+}, je = { class: "item-controls" };
+function qe(e, t, o, r, d, n) {
+  const l = m("ArrowUpIcon"), s = m("FunctionButton"), i = m("ArrowDownIcon"), v = m("TrashIcon");
+  return c(), h("div", je, [
+    T(e.$slots, "before", {}, void 0, !0),
+    o.showSortControls ? (c(), $(s, {
+      key: 0,
+      disabled: o.isFirst,
+      title: "Move up",
+      onClick: t[0] || (t[0] = (g) => e.$emit("moveUp"))
+    }, {
+      default: w(() => [
+        f(l)
+      ]),
+      _: 1
+    }, 8, ["disabled"])) : A("", !0),
+    o.showSortControls ? (c(), $(s, {
+      key: 1,
+      disabled: o.isLast,
+      title: "Move down",
+      onClick: t[1] || (t[1] = (g) => e.$emit("moveDown"))
+    }, {
+      default: w(() => [
+        f(i)
+      ]),
+      _: 1
+    }, 8, ["disabled"])) : A("", !0),
+    o.showDeleteButton ? (c(), $(s, {
+      key: 2,
+      class: "trashButton",
+      title: "Remove",
+      onClick: t[2] || (t[2] = (g) => e.$emit("delete"))
+    }, {
+      default: w(() => [
+        f(v, { class: "trash" })
+      ]),
+      _: 1
+    })) : A("", !0)
+  ]);
+}
+const Qe = /* @__PURE__ */ k(He, [["render", qe], ["__scopeId", "data-v-f4f565bd"]]), Xe = 200, Ye = (e) => e.reduce((t, o) => t + o, ""), Ze = (e, t) => {
+  const o = F(/* @__PURE__ */ new Map()), r = F(!1), d = I("isTriggerActive"), n = () => {
+    let l = !1;
+    d({ id: ie }).then((s) => {
+      l = !0, s.state === "SUCCESS" && (o.value = s.result.reduce((i, { indices: v, isActive: g }) => (i.set(v[0], g), i), /* @__PURE__ */ new Map()), r.value = !1);
+    }), setTimeout(() => {
+      l || (r.value = !0);
+    }, Xe), r.value = !1;
+  };
+  return U(
+    () => Ye(t.value),
+    () => {
+      e && (t.value.every((s) => o.value.has(s)) && o.value.size === t.value.length || z(n));
+    },
+    { immediate: !0 }
+  ), { isEdited: o, isEditedIsLoading: r };
+}, et = N({
+  name: "ArrayLayout",
+  components: {
+    DispatchRenderer: le,
+    Button: de,
+    PlusIcon: Pe,
+    DialogComponentWrapper: ce,
+    ArrayLayoutItemControls: Qe,
+    ArrayLayoutItem: Ge
+  },
+  props: {
+    ...ue()
+  },
+  setup(e) {
+    var O;
+    const { handleChange: t, control: o } = me(
+      e
+    ), r = b(() => {
+      var a;
+      return ((a = o.value.data) == null ? void 0 : a.length) ?? 0;
+    }), d = F(r.value), n = M(
+      (O = o.value.uischema.options) == null ? void 0 : O.elementDefaultValueProvider,
+      null
+    );
+    pe({
+      dataPath: o.value.path,
+      value: r,
+      valueComparator: {
+        setSettings: (a) => {
+          d.value = a;
+        },
+        isModified: (a) => d.value !== a
+      }
+    });
+    const l = b(
+      () => o.value.data.map(
+        (a) => a._id ? a : {
+          ...a,
+          _id: he()
+        }
+      )
+    ), s = I("createArrayAtPath")(
+      ve(o.value.uischema.scope)
+    ), i = b(() => l.value.map(({ _id: a }) => a)), v = (a) => a.reduce((y, _) => y + _, "");
+    U(
+      () => i.value,
+      (a, y) => {
+        y && v(a) === v(y) || (a.forEach((_, H) => ye(_, H)), y == null || y.filter((_) => !a.includes(_)).forEach((_) => fe(_)));
+      },
+      { immediate: !0 }
+    );
+    const { isEdited: g, isEditedIsLoading: S } = Ze(
+      o.value.uischema.options.withEditAndReset,
+      i
+    );
+    U(
+      () => v(i.value),
+      () => t(o.value.path, l.value),
+      { immediate: !0 }
+    );
+    const {
+      addItem: D,
+      moveDown: u,
+      moveUp: C,
+      removeItems: P,
+      control: J
+    } = ge(e), G = I("updateData"), B = (a) => async (...y) => {
+      a(...y)(), await z(), G(o.value.path);
+    };
+    return {
+      addItem: B(D),
+      moveDown: B(u),
+      moveUp: B(C),
+      removeItems: B(P),
+      control: J,
+      numElements: r,
+      cleanArrayLength: d,
+      signedData: l,
+      idsRecord: s,
+      providedElementDefaultValue: n,
+      isEdited: g,
+      isEditedIsLoading: S
+    };
+  },
+  data() {
+    return {
+      arrayElementTitleKey: "arrayElementTitle",
+      editResetButtonFormat: we,
+      elementCountBeforeAddingOne: -1
+    };
+  },
+  computed: {
+    showSortControls() {
+      return this.control.uischema.options.showSortButtons;
+    },
+    showEditAndResetControls() {
+      return this.control.uischema.options.withEditAndReset;
+    },
+    elementCheckboxScope() {
+      return this.control.uischema.options.elementCheckboxScope;
+    },
+    showAddAndDeleteButtons() {
+      return !this.control.uischema.options.hasFixedSize;
+    },
+    elements() {
+      return this.control.uischema.options.detail ? Object.entries(this.control.uischema.options.detail) : [];
+    },
+    arrayElementTitle() {
+      var o, r;
+      const e = (o = this.control.uischema.options) == null ? void 0 : o.elementTitleProvider;
+      if (e)
+        return {
+          type: "provided",
+          provider: e
+        };
+      const t = (r = this.control.uischema.options) == null ? void 0 : r[this.arrayElementTitleKey];
+      return t ? {
+        type: "enumerated",
+        title: t
+      } : !1;
+    },
+    subTitleProvider() {
+      var e;
+      return (e = this.control.uischema.options) == null ? void 0 : e.elementSubTitleProvider;
+    },
+    useCardLayout() {
+      return this.arrayElementTitle !== !1;
+    }
+  },
+  methods: {
+    createDefaultValue(e) {
+      if (this.providedElementDefaultValue !== null)
+        return this.providedElementDefaultValue;
+      const t = {};
+      return Object.keys(e.properties).forEach((o) => {
+        t[o] = e.properties[o].default;
+      }), t;
+    },
+    addDefaultItem() {
+      this.elementCountBeforeAddingOne = this.numElements, this.addItem(
+        this.control.path,
+        this.createDefaultValue(
+          this.control.schema
+        )
+      );
+    },
+    moveItemUp(e) {
+      this.moveUp(this.control.path, e);
+    },
+    moveItemDown(e) {
+      this.moveDown(this.control.path, e);
+    },
+    deleteItem(e) {
+      this.removeItems(x(this.control.path, ""), [e]);
+    }
+  }
+}), tt = { class: "array" };
+function ot(e, t, o, r, d, n) {
+  const l = m("DispatchRenderer"), s = m("ArrayLayoutItemControls"), i = m("ArrayLayoutItem"), v = m("PlusIcon"), g = m("Button"), S = m("DialogComponentWrapper");
+  return c(), $(S, { control: e.control }, {
+    default: w(() => [
+      p("div", tt, [
+        (c(!0), h(R, null, K(e.signedData, (D, u) => (c(), h("div", {
+          key: `${e.control.path}-${D._id}`,
+          class: X(["item", { card: e.useCardLayout }])
+        }, [
+          f(i, {
+            id: D._id,
+            "ids-record": e.idsRecord,
+            elements: e.elements,
+            "array-element-title": e.arrayElementTitle,
+            "sub-title-provider": e.subTitleProvider,
+            path: e.control.path,
+            index: u,
+            "has-been-added": u === e.elementCountBeforeAddingOne,
+            "element-checkbox-scope": e.elementCheckboxScope
+          }, {
+            renderer: w(({ element: C, path: P }) => [
+              f(l, V({ ref_for: !0 }, e.control, {
+                uischema: C,
+                path: P
+              }), null, 16, ["uischema", "path"])
+            ]),
+            controls: w(() => [
+              f(s, {
+                "is-first": u === 0,
+                "is-last": u === e.control.data.length - 1,
+                "show-sort-controls": e.showSortControls,
+                "show-delete-button": e.showAddAndDeleteButtons,
+                onMoveUp: (C) => e.moveItemUp(u),
+                onMoveDown: (C) => e.moveItemDown(u),
+                onDelete: (C) => e.deleteItem(u)
+              }, {
+                before: w(() => [
+                  e.showEditAndResetControls ? (c(), $(l, V({
+                    key: 0,
+                    ref_for: !0
+                  }, e.control, {
+                    schema: {
+                      type: "object",
+                      properties: {
+                        _edit: {
+                          type: "boolean"
+                        }
+                      }
+                    },
+                    uischema: {
+                      scope: "#/properties/_edit",
+                      options: {
+                        format: e.editResetButtonFormat
+                      }
+                    },
+                    path: `${e.control.path}.${u}`,
+                    "initial-is-edited": e.isEdited.get(D._id) ? "" : void 0,
+                    "is-loading": e.isEditedIsLoading ? "" : void 0
+                  }), null, 16, ["uischema", "path", "initial-is-edited", "is-loading"])) : A("", !0)
+                ]),
+                _: 2
+              }, 1032, ["is-first", "is-last", "show-sort-controls", "show-delete-button", "onMoveUp", "onMoveDown", "onDelete"])
+            ]),
+            _: 2
+          }, 1032, ["id", "ids-record", "elements", "array-element-title", "sub-title-provider", "path", "index", "has-been-added", "element-checkbox-scope"])
+        ], 2))), 128)),
+        e.showAddAndDeleteButtons ? (c(), $(g, {
+          key: 0,
+          class: "add-item-button",
+          "with-border": "",
+          compact: "",
+          onClick: e.addDefaultItem
+        }, {
+          default: w(() => [
+            f(v),
+            Y(" " + W(e.control.uischema.options.addButtonText || "New"), 1)
+          ]),
+          _: 1
+        }, 8, ["onClick"])) : A("", !0)
+      ])
+    ]),
+    _: 1
+  }, 8, ["control"]);
+}
+const at = /* @__PURE__ */ k(et, [["render", ot], ["__scopeId", "data-v-cbb885fd"]]);
+export {
+  at as default
+};