@piveau/dpi 0.1.0-beta.10

package/dist/data-provider-interface/HappyFlowComponents/ui/TextButtonLarge.vue.js

@@ -0,0 +1,108 @@
+import { defineComponent as a, resolveComponent as d, createElementBlock as t, openBlock as r, mergeProps as p, createCommentVNode as n, createVNode as l, toDisplayString as u } from "vue";
+/* empty css                                */
+/* empty css                                 */
+import { PhTrash as f } from "@phosphor-icons/vue";
+/* empty css                     */
+import y from "../../../_virtual/_plugin-vue_export-helper.js";
+const b = a({
+  name: "TextButtonLarge",
+  components: {
+    PhTrash: f
+  },
+  props: {
+    buttonText: {
+      type: String,
+      required: !1
+    },
+    size: {
+      type: String,
+      default: "large"
+    },
+    iconStart: {
+      type: String,
+      default: null
+    },
+    iconEnd: {
+      type: String,
+      default: null
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  data() {
+    return {
+      isHovered: !1,
+      isPressed: !1
+    };
+  },
+  computed: {
+    dpiV3_buttonClass() {
+      const e = this.$attrs.class || "";
+      return [
+        "dpiV3_text-button-large",
+        { "dpiV3_text-button-disabled": this.disabled },
+        e
+      ];
+    },
+    iconSizeClass() {
+      return ["dpiV3_icon-large", this.$attrs.class || ""];
+    },
+    iconColor() {
+      return this.disabled ? "#67C5F0" : this.isPressed ? "#009FE3" : this.isHovered ? "#003F6F" : "#0172AD";
+    }
+  },
+  methods: {
+    async onPress(e) {
+      e.preventDefault(), this.isPressed = !0;
+    },
+    onKeyPress(e) {
+      (e.key === "Enter" || e.key === " " || e.key === "Spacebar") && (e.preventDefault(), this.isPressed = !0);
+    },
+    onKeyRelease(e) {
+      (e.key === "Enter" || e.key === " " || e.key === "Spacebar") && (e.preventDefault(), this.isPressed = !1, this.disabled || this.$emit("click", e));
+    }
+  }
+}), m = ["disabled"], P = {
+  key: 0,
+  class: "dpiV3_icon-large"
+}, g = { key: 1 }, C = {
+  key: 2,
+  class: "dpiV3_icon-large"
+};
+function k(e, s, h, S, V, $) {
+  const i = d("PhTrash");
+  return r(), t("button", p({
+    type: "button",
+    tabindex: "0",
+    class: [e.dpiV3_buttonClass, { "dpiV3_text-button-pressed": e.isPressed }],
+    disabled: e.disabled,
+    onMousedown: s[0] || (s[0] = (...o) => e.onPress && e.onPress(...o)),
+    onMouseup: s[1] || (s[1] = (o) => e.isPressed = !1),
+    onKeydown: s[2] || (s[2] = (...o) => e.onKeyPress && e.onKeyPress(...o)),
+    onKeyup: s[3] || (s[3] = (...o) => e.onKeyRelease && e.onKeyRelease(...o)),
+    onMouseover: s[4] || (s[4] = (o) => e.isHovered = !0),
+    onMouseleave: s[5] || (s[5] = () => {
+      e.isHovered = !1, e.isPressed = !1;
+    })
+  }, e.$attrs), [
+    e.iconStart ? (r(), t("span", P, [
+      l(i, {
+        size: 24,
+        color: e.iconColor
+      }, null, 8, ["color"])
+    ])) : n("", !0),
+    e.buttonText ? (r(), t("span", g, u(e.buttonText), 1)) : n("", !0),
+    e.iconEnd ? (r(), t("span", C, [
+      l(i, {
+        size: 24,
+        color: e.iconColor
+      }, null, 8, ["color"])
+    ])) : n("", !0)
+  ], 16, m);
+}
+const D = /* @__PURE__ */ y(b, [["render", k], ["__scopeId", "data-v-fb03843e"]]);
+export {
+  D as default
+};

package/dist/data-provider-interface/HappyFlowComponents/ui/TextButtonSmall.vue.js

@@ -0,0 +1,125 @@
+import { defineComponent as u, resolveComponent as l, createElementBlock as n, openBlock as t, mergeProps as m, createCommentVNode as r, createBlock as i, toDisplayString as f, createVNode as y } from "vue";
+/* empty css                                */
+/* empty css                                 */
+import { PhCaretLeft as P, PhCopySimple as b, PhTrash as C } from "@phosphor-icons/vue";
+/* empty css                     */
+import c from "../../../_virtual/_plugin-vue_export-helper.js";
+const h = u({
+  name: "TextButtonSmall",
+  components: {
+    PhTrash: C,
+    PhCopySimple: b,
+    PhCaretLeft: P
+  },
+  props: {
+    buttonText: {
+      type: String,
+      required: !1
+    },
+    size: {
+      type: String,
+      default: "small"
+    },
+    iconStart: {
+      type: Boolean,
+      default: null
+    },
+    iconEnd: {
+      type: Boolean,
+      default: null
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    iconName: {
+      type: String,
+      default: "trash"
+    }
+  },
+  data() {
+    return {
+      isHovered: !1,
+      isPressed: !1
+    };
+  },
+  computed: {
+    buttonClass() {
+      const e = this.$attrs.class || "";
+      return [
+        "dpiV3_text-button-small",
+        { "dpiV3_text-button-disabled": this.disabled },
+        e
+      ];
+    },
+    iconSizeClass() {
+      return ["dpiV3_icon-small", this.$attrs.class || ""];
+    },
+    iconColor() {
+      return this.disabled ? "#67C5F0" : this.isPressed ? "#009FE3" : this.isHovered ? "#003F6F" : "#0172AD";
+    }
+  },
+  methods: {
+    async onPress(e) {
+      e.preventDefault(), this.isPressed = !0;
+    },
+    onKeyPress(e) {
+      (e.key === "Enter" || e.key === " " || e.key === "Spacebar") && (e.preventDefault(), this.isPressed = !0);
+    },
+    onKeyRelease(e) {
+      (e.key === "Enter" || e.key === " " || e.key === "Spacebar") && (e.preventDefault(), this.isPressed = !1, this.disabled || this.$emit("click", e));
+    }
+  }
+}), k = ["disabled"], S = {
+  key: 0,
+  class: "dpiV3_icon-small"
+}, $ = { key: 1 }, B = {
+  key: 2,
+  class: "dpiV3_icon-small"
+};
+function K(e, s, T, V, v, z) {
+  const a = l("PhTrash"), d = l("PhCopySimple"), p = l("PhCaretLeft");
+  return t(), n("button", m({
+    type: "button",
+    tabindex: "0",
+    class: [e.buttonClass, { "dpiV3_text-button-pressed": e.isPressed }],
+    disabled: e.disabled,
+    onMousedown: s[0] || (s[0] = (...o) => e.onPress && e.onPress(...o)),
+    onMouseup: s[1] || (s[1] = (o) => e.isPressed = !1),
+    onKeydown: s[2] || (s[2] = (...o) => e.onKeyPress && e.onKeyPress(...o)),
+    onKeyup: s[3] || (s[3] = (...o) => e.onKeyRelease && e.onKeyRelease(...o)),
+    onMouseover: s[4] || (s[4] = (o) => e.isHovered = !0),
+    onMouseleave: s[5] || (s[5] = () => {
+      e.isHovered = !1, e.isPressed = !1;
+    })
+  }, e.$attrs), [
+    e.iconStart ? (t(), n("span", S, [
+      e.iconName === "trash" ? (t(), i(a, {
+        key: 0,
+        size: 24,
+        color: e.iconColor
+      }, null, 8, ["color"])) : r("", !0),
+      e.iconName === "copy" ? (t(), i(d, {
+        key: 1,
+        size: 24,
+        color: e.iconColor
+      }, null, 8, ["color"])) : r("", !0),
+      e.iconName === "caretLeft" ? (t(), i(p, {
+        key: 2,
+        size: 24,
+        color: e.iconColor
+      }, null, 8, ["color"])) : r("", !0)
+    ])) : r("", !0),
+    e.buttonText ? (t(), n("span", $, f(e.buttonText), 1)) : r("", !0),
+    e.iconEnd ? (t(), n("span", B, [
+      y(a, {
+        size: 24,
+        color: e.iconColor
+      }, null, 8, ["color"])
+    ])) : r("", !0)
+  ], 16, k);
+}
+const L = /* @__PURE__ */ c(h, [["render", K], ["__scopeId", "data-v-5d413fe3"]]);
+export {
+  L as default
+};

package/dist/data-provider-interface/HappyFlowComponents/ui/Toast.vue.js

@@ -0,0 +1,69 @@
+import { ref as i, createElementBlock as g, openBlock as v, normalizeClass as u, createElementVNode as s, toDisplayString as S, createVNode as c, unref as p } from "vue";
+import x from "../img/x-circleFill.svg.js";
+import _ from "../img/InfoFill.svg.js";
+import T from "../img/CheckCircleFill.svg.js";
+import B from "../img/WarningFill.svg.js";
+import b from "./TextButtonSmall.vue.js";
+import w from "./CrossOutButton.vue.js";
+/* empty css           */
+const E = { class: "imgTextWrap" }, K = ["src"], h = { class: "btnWrapToast" }, $ = {
+  __name: "Toast",
+  props: {
+    text: {
+      type: String,
+      required: !0
+    },
+    type: {
+      type: String,
+      required: !0
+    },
+    button: String,
+    action: String
+  },
+  setup(f) {
+    const o = i();
+    let n = i(!1), a = i(!1);
+    const e = f;
+    e.type === "info" && (o.value = _), e.type === "success" && (o.value = T), e.type === "warning" && (o.value = B), e.type === "error" && (o.value = x);
+    const l = (t) => {
+      t === "in" ? a.value = !0 : a.value = !1;
+    }, d = (t) => {
+      (t.code === "Space" || t.code === "Enter") && (n.value = !0, t.preventDefault());
+    }, m = (t) => {
+      (t.code === "Space" || t.code === "Enter") && (n.value = !1);
+    };
+    return (t, r) => (v(), g("div", {
+      class: u(["toastBody", {
+        error: e.type === "error",
+        warning: e.type === "warning",
+        info: e.type === "info",
+        success: e.type === "success"
+      }])
+    }, [
+      s("div", E, [
+        s("img", {
+          src: o.value,
+          alt: ""
+        }, null, 8, K),
+        s("span", null, S(e.text), 1)
+      ]),
+      s("div", h, [
+        c(b, {
+          buttonText: e.button,
+          style: { margin: "auto" }
+        }, null, 8, ["buttonText"]),
+        c(w, {
+          onKeydown: d,
+          onKeyup: m,
+          onFocus: r[0] || (r[0] = (y) => l("in")),
+          onBlur: r[1] || (r[1] = (y) => l()),
+          type: "inToast",
+          class: u(["crossout", { pressed: p(n), focused: p(a) }])
+        }, null, 8, ["class"])
+      ])
+    ], 2));
+  }
+};
+export {
+  $ as default
+};

package/dist/data-provider-interface/components/AutocompleteInput.vue.js

@@ -0,0 +1,279 @@
+import { getCurrentInstance as te, computed as I, ref as g, onMounted as ne, watch as W, watchEffect as ae, createElementBlock as r, openBlock as i, createCommentVNode as O, createElementVNode as s, unref as c, toDisplayString as m, withDirectives as B, isRef as $, vModelText as le, Fragment as L, renderList as T, vShow as oe, normalizeClass as se } from "vue";
+import { useStore as re } from "vuex";
+import { getTranslationFor as M } from "../../utils/helpers.js";
+import { getNode as ie } from "@formkit/core";
+import { onClickOutside as N } from "@vueuse/core";
+import { useI18n as ce } from "vue-i18n";
+import ue from "qs";
+import de from "axios";
+import { useAutocomplete as fe } from "../composables/aucotomplete.js";
+const pe = { class: "formkitProperty" }, me = {
+  key: 0,
+  class: "formkitHeader"
+}, ve = ["innerHTML"], he = { class: "formkitCmpWrap" }, ge = { class: "formkit-outer" }, ye = {
+  key: 0,
+  class: "d-flex formkit-inner"
+}, xe = { class: "autocompleteInputSingleValue" }, _e = { key: 1 }, ke = { class: "d-flex align-items-center justify-content-center formkit-inner mb-2" }, be = ["placeholder"], we = ["onClick"], Ce = {
+  key: 0,
+  class: "d-flex flex-wrap"
+}, Ie = { class: "activeResultsAutocompleteWrapper" }, Le = ["onClick"], Te = ["onClick"], Ae = { class: "w-100 mt-4" }, Se = { class: "d-flex justify-content-between align-items-center flex-wrap" }, Ve = {
+  key: 0,
+  class: "annifresultContainer"
+}, Pe = ["onClick"], Oe = { class: "d-flex" }, $e = {
+  key: 1,
+  class: "d-flex flex-wrap"
+}, Me = ["onClick"], Ne = ["innerHTML"], Be = {
+  __name: "AutocompleteInput",
+  props: {
+    context: Object
+  },
+  setup(X) {
+    let x = te().appContext.app.config.globalProperties.$env;
+    const { requestAutocompleteSuggestions: J, requestResourceName: z } = fe(), a = X;
+    re();
+    const { t: R, locale: A } = ce();
+    let v = I(() => a.context.value), u, _ = a.context.attrs.voc, G = I(() => R("message.dataupload.info.searchVocabulary")), K = I(() => R("message.dataupload.info.matchesNothingFound")), b = g({
+      value: { name: G }
+    }), f = g(), j = g(null), D = g(null), y = g({}), p = [], w = [], E = g({
+      value: !1
+    });
+    g();
+    let S = g({});
+    ne(async () => {
+      y.value = "";
+    });
+    let H = I(() => {
+      try {
+        if (a.context.attrs.class.includes("inDistribution"))
+          return !0;
+      } catch {
+      }
+    });
+    W(b, async () => {
+    }), W(S, async () => {
+    });
+    const q = async (t) => {
+      if (t != null) {
+        let n = _ === "iana-media-types" || _ === "spdx-checksum-algorithm", e;
+        return await z({ voc: _, uri: t, envs: x }).then(
+          (o) => {
+            a.context.attrs.property === "dcatde:politicalGeocodingURI" ? o != null && (e = n ? o.data.result.results.filter((l) => l.resource === t).map((l) => l.alt_label)[0].en : M(o.data.result.alt_label, A.value, [])) : o != null && (e = n ? o.data.result.results.filter((l) => l.resource === t).map((l) => l.pref_label)[0].en : M(o.data.result.pref_label, A.value, []));
+          }
+        ), e;
+      }
+    };
+    ae(async () => {
+      const t = v.value;
+      if (t.hasOwnProperty("name") && t.name === t.resource) {
+        let n;
+        a.context.attrs.multiple || (n = q(t.resource), a.context.node.input({ name: await n, resource: t.resource }));
+      }
+      if (t.length >= 1) {
+        let n = [];
+        for (let e = 0; e < t.length; e++)
+          t[e].name === t[e].resource && (n.push({ name: await q(t[e].resource), resource: t[e].resource }), a.context.node.input(n));
+      }
+    });
+    function V(t) {
+      let n = { step: "", prop: a.context.node.name }, e = JSON.parse(localStorage.getItem("dpi_datasets"));
+      for (let o = 0; o < Object.keys(e).length; o++)
+        for (let d = 0; d < Object.keys(e)[o].length; d++) {
+          let l = Object.entries(e);
+          try {
+            Object.keys(l[o][d]).filter((k) => {
+              k === a.context.node.name && (n.step = l[o][0], t === "erase" && (u = {}, e[n.step][n.prop] = u), e[n.step][n.prop] = u, localStorage.setItem("dpi_datasets", JSON.stringify(e)));
+            });
+          } catch {
+          }
+        }
+      window.removeEventListener("click", N);
+    }
+    N(j, (t) => f.value = !1), N(D, (t) => y.value = "");
+    let U = async (t, n) => {
+      let e = 10;
+      n != null && (e = e + 10);
+      let o = ue.stringify({
+        text: t,
+        limit: e
+      });
+      var d = {
+        method: "post",
+        url: _ == "eurovoc" ? x.content.dataProviderInterface.annifLinkSubject : x.content.dataProviderInterface.annifLinkTheme,
+        headers: {
+          "Content-Type": "application/x-www-form-urlencoded",
+          Accept: "application/json"
+        },
+        data: o
+      };
+      de(d).then(async (l) => {
+        for (let h = 0; h < l.data.results.length; h++)
+          w[h] = { name: l.data.results[h].label, resource: l.data.results[h].uri, activeValue: !1 };
+        let k = [];
+        v.value.length > 0 && v.value.forEach((h) => {
+          k.push({ name: h.name, resource: h.resource, activeValue: !0 });
+        }), l.data.results.length > 9 && (w[w.length + 1] = { name: "...", resource: "invalid", activeValue: !1 }), S.value = Y(k, w);
+      }).catch(function(l) {
+        console.log(l);
+      });
+    };
+    async function Q(t) {
+      t.resource === "invalid" ? C(5) : (P({ name: t.name, resource: t.resource }), C());
+    }
+    function Y(t, n) {
+      let e = t.concat(n), o = [], d = /* @__PURE__ */ new Set();
+      return e.forEach((l) => {
+        d.has(l.resource) || (d.add(l.resource), l.activeValue || o.push(l));
+      }), o;
+    }
+    const C = async (t) => {
+      let n = ie("Mandatory").value["dct:description"];
+      for (let e = 0; e < n.length; e++)
+        n[e]["@language"] === "en" && (t != null ? await U(n[e]["@value"], 5) : await U(n[e]["@value"]));
+    };
+    a.context.classes.outer += " autocompleteInput " + a.context.attrs.identifier;
+    const P = async (t) => {
+      if (y.value = "", Object.keys(t).length !== 1) {
+        if (v.value.length > 0 && (p = v.value), a.context.attrs.multiple)
+          if (p.length != 0) {
+            let n = { name: t.name, resource: t.resource }, e = p.filter((o) => o.name != t.name);
+            e.push(n), u = e, await a.context.node.input(u);
+          } else
+            p.push({ name: t.name, resource: t.resource }), u = p, await a.context.node.input(u);
+        else {
+          if (t.resource === "invalid") return;
+          t === "erase" ? (await a.context.node.input({}), V(t)) : (u = { name: t.name, resource: t.resource }, await a.context.node.input(u));
+        }
+        V();
+      }
+    }, Z = async (t) => {
+      let n = t.target.value;
+      await J({ voc: _, text: n, base: x.api.baseUrl }).then((e) => {
+        const d = e.data.result.results.filter((l) => l.id !== "OP_DATPRO").map((l) => ({
+          name: M(l.pref_label, A.value, []) + " (" + l.id + ")",
+          resource: l.resource
+        }));
+        d.length === 0 ? b.value = { value: { name: K } } : b.value = d;
+      });
+    };
+    function ee(t) {
+      a.context.node.input({}), P("erase");
+    }
+    function F(t) {
+      x.content.dataProviderInterface.annifIntegration && C(), v.value.length > 0 && (p = v.value), p.splice(p.findIndex((n) => n.name == t.name), 1), u = p, a.context.node.input(u), V();
+    }
+    return (t, n) => (i(), r("div", pe, [
+      c(H) ? (i(), r("h4", me, m(t.$t("message.dataupload.distributions." + a.context.attrs.identifier + ".label")), 1)) : O("", !0),
+      a.context.attrs.identifier != "licence" && !c(H) ? (i(), r("h4", {
+        key: 1,
+        innerHTML: t.$t("message.dataupload.datasets." + a.context.attrs.identifier + ".label")
+      }, null, 8, ve)) : O("", !0),
+      s("div", he, [
+        s("div", ge, [
+          !a.context.attrs.multiple && a.context.value.name ? (i(), r("div", ye, [
+            s("a", xe, m(a.context.value.name), 1),
+            s("div", {
+              class: "removeX",
+              onClick: ee
+            })
+          ])) : (i(), r("div", _e, [
+            s("div", ke, [
+              B(s("input", {
+                ref_key: "acInput",
+                ref: D,
+                class: "autocompleteInputfield",
+                placeholder: a.context.attrs.placeholder,
+                "onUpdate:modelValue": n[0] || (n[0] = (e) => $(y) ? y.value = e : y = e),
+                type: "text",
+                onKeyup: n[1] || (n[1] = (e) => Z(e)),
+                onClick: n[2] || (n[2] = (e) => $(f) ? f.value = !c(f) : f = !c(f))
+              }, null, 40, be), [
+                [le, c(y)]
+              ])
+            ]),
+            B(s("ul", {
+              ref_key: "dropdownList",
+              ref: j,
+              class: "autocompleteResultList"
+            }, [
+              (i(!0), r(L, null, T(c(b), (e) => (i(), r("li", {
+                key: e,
+                onClick: (o) => {
+                  P(e), $(f) ? f.value = !c(f) : f = !c(f);
+                },
+                class: "p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC"
+              }, m(e.name), 9, we))), 128))
+            ], 512), [
+              [oe, c(f)]
+            ]),
+            c(x).content.dataProviderInterface.annifIntegration && a.context.attrs.annifTheme ? (i(), r("div", Ce, [
+              (i(!0), r(L, null, T(c(v), (e) => (i(), r("div", { key: e }, [
+                s("div", Ie, [
+                  s("div", {
+                    class: "d-flex",
+                    onClick: (o) => {
+                      e.activeValue = !e.activeValue;
+                    }
+                  }, [
+                    s("span", null, m(e.name), 1),
+                    s("div", {
+                      class: "removeX",
+                      onClick: (o) => F(e)
+                    }, null, 8, Te)
+                  ], 8, Le)
+                ])
+              ]))), 128)),
+              s("div", Ae, [
+                s("div", Se, [
+                  s("h3", null, m(t.$t("message.dataupload.info.suggestions")), 1),
+                  s("span", null, m(t.$t("message.dataupload.info.suggestionText")), 1),
+                  s("button", {
+                    class: "navlikeButton",
+                    type: "button",
+                    onClick: n[3] || (n[3] = (e) => {
+                      C(), c(E).value = !0;
+                    })
+                  }, m(t.$t("message.dataupload.info.tryIt")), 1)
+                ]),
+                c(E).value ? (i(), r("div", Ve, [
+                  (i(!0), r(L, null, T(c(S), (e) => (i(), r("div", {
+                    key: e,
+                    class: "d-flex"
+                  }, [
+                    s("div", {
+                      class: se(["activeResultsAutocompleteWrapper annifResults", { loadMore: e.resource === "invalid" }]),
+                      onClick: (o) => {
+                        e.activeValue = !e.activeValue, Q(e);
+                      }
+                    }, [
+                      s("div", Oe, [
+                        s("span", null, m(e.name), 1)
+                      ])
+                    ], 10, Pe)
+                  ]))), 128))
+                ])) : O("", !0)
+              ])
+            ])) : (i(), r("div", $e, [
+              (i(!0), r(L, null, T(a.context.value, (e) => (i(), r("div", {
+                class: "activeResultsAutocompleteWrapper",
+                key: e
+              }, [
+                s("span", null, m(e.name), 1),
+                s("div", {
+                  class: "removeX",
+                  onClick: (o) => F(e)
+                }, null, 8, Me)
+              ]))), 128))
+            ])),
+            s("div", {
+              innerHTML: a.context.attrs.info,
+              class: "formkit-help"
+            }, null, 8, Ne)
+          ]))
+        ])
+      ])
+    ]));
+  }
+};
+export {
+  Be as default
+};

package/dist/data-provider-interface/components/BasicInfosPage.vue.js

@@ -0,0 +1,9 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+const n = {};
+function r(c, t) {
+  return "Grundlegende INFOS";
+}
+const s = /* @__PURE__ */ e(n, [["render", r]]);
+export {
+  s as default
+};