@piveau/piveau-hub-ui-modules 4.0.21 → 4.0.25

package/dist/data-provider-interface/components/FileUpload.vue.d.ts

@@ -1,9 +1,16 @@
+import { onClickOutside } from '@vueuse/core';
 declare const _default: import('vue').DefineComponent<{
     context: {
         type: ObjectConstructor;
         required: true;
     };
-}, {}, {
+}, {
+    drop: {
+        active: boolean;
+    };
+    onClickOutside: typeof onClickOutside;
+    triggerDropdown: (e: any) => void;
+}, {
     error: string;
     URLValue: string;
     uploadURL: boolean;
@@ -12,13 +19,15 @@ declare const _default: import('vue').DefineComponent<{
     isLoading: boolean;
     success: boolean;
     fail: boolean;
-    validExtensions: string[];
+    validExtensions: any;
 }, {
     getCatalogue(): unknown;
     getData: import('vuex').Computed;
     getUserData: import('vuex').Computed;
     getIsEditMode: import('vuex').Computed;
 }, {
+    toggleUploadUrl(): void;
+    toggleUploadFileSwitch(): void;
     validateFile(event: any): void;
     saveUrl(): Promise<void>;
     checkIfPresent(): true | undefined;

package/dist/data-provider-interface/components/FileUpload.vue.mjs

@@ -1,37 +1,13 @@
-import { reactive as x, ref as E, onMounted as O, openBlock as n, createElementBlock as r, Fragment as L, createElementVNode as a, createTextVNode as s, unref as S, createCommentVNode as c, withDirectives as b, vModelText as k, mergeProps as V, toDisplayString as U, renderList as A, pushScopeId as C, popScopeId as T } from "vue";
-import { onClickOutside as P } from "../../external/@vueuse/core/index";
-import { mapGetters as w, mapActions as G } from "vuex";
-import D from "axios";
-import q from "../utils/general-helper.mjs";
-import { getNode as B } from "@formkit/core";
+import { mapGetters as y, mapActions as E } from "vuex";
+import S from "axios";
+import O from "../utils/general-helper.mjs";
+import { getNode as V } from "@formkit/core";
+import { reactive as A, ref as C, openBlock as d, createElementBlock as c, Fragment as L, createElementVNode as a, createTextVNode as s, createCommentVNode as u, withDirectives as b, vModelText as _, mergeProps as T, toDisplayString as U, renderList as D, pushScopeId as P, popScopeId as G } from "vue";
+import { onClickOutside as k } from "../../external/@vueuse/core/index";
+import { useRuntimeEnv as q } from "../../composables/useRuntimeEnv.mjs";
 import "./FileUpload.vue2.mjs";
-import N from "../../_virtual/_plugin-vue_export-helper.mjs";
-const h = (t) => (C("data-v-72ea5545"), t = t(), T(), t), H = { class: "position-relative w-100 p-3" }, M = {
-  key: 0,
-  class: "w-100 p-3 position-relative"
-}, j = /* @__PURE__ */ h(() => /* @__PURE__ */ a("label", {
-  class: "formkit-label w-100",
-  for: "aUrlLink"
-}, "Provide an URL", -1)), W = ["data-type"], z = { class: "file-div position-relative" }, _ = /* @__PURE__ */ h(() => /* @__PURE__ */ a("label", {
-  class: "formkit-label",
-  for: "aUrlFL"
-}, "Upload a file", -1)), J = ["accept"], K = {
-  class: "upload-feedback position-absolute d-flex",
-  style: { right: "0" }
-}, Q = {
-  key: 0,
-  class: "lds-ring"
-}, X = { key: 1 }, Y = /* @__PURE__ */ h(() => /* @__PURE__ */ a("i", { class: "material-icons d-flex check-icon" }, "check_circle", -1)), Z = [
-  Y
-], ee = { key: 2 }, te = /* @__PURE__ */ h(() => /* @__PURE__ */ a("i", { class: "material-icons d-flex close-icon" }, "error", -1)), ie = [
-  te
-], le = {
-  key: 0,
-  class: "dURLText my-3"
-}, oe = ["href"], ae = {
-  key: 1,
-  class: "errorSub my-3 d-flex"
-}, se = { class: "allowedTypesWrapper" }, ne = {
+import B from "../../_virtual/_plugin-vue_export-helper.mjs";
+const N = {
   props: {
     context: {
       type: Object,
@@ -39,6 +15,7 @@ const h = (t) => (C("data-v-72ea5545"), t = t(), T(), t), H = { class: "position
     }
   },
   data() {
+    var t;
     return {
       error: "",
       URLValue: "",
@@ -48,28 +25,34 @@ const h = (t) => (C("data-v-72ea5545"), t = t(), T(), t), H = { class: "position
       isLoading: !1,
       success: !1,
       fail: !1,
-      validExtensions: this.$env.content.dataProviderInterface.uploadFileTypes
+      validExtensions: ((t = this.$env.content.dataProviderInterface.uploadFileTypes) == null ? void 0 : t.split(",")) || []
     };
   },
   computed: {
-    ...w("auth", [
+    ...y("auth", [
       "getUserData",
       "getIsEditMode"
     ]),
-    ...w("dpiStore", [
+    ...y("dpiStore", [
       "getData"
     ]),
     getCatalogue() {
-      return B("dcat:catalog").value;
+      return V("dcat:catalog").value;
     }
   },
   methods: {
-    ...G("dpiStore", [
+    ...E("dpiStore", [
       "saveLocalstorageValues"
     ]),
+    toggleUploadUrl() {
+      this.uploadURL && (this.uploadURL = !this.uploadURL);
+    },
+    toggleUploadFileSwitch() {
+      this.uploadFileSwitch && (this.uploadFileSwitch = !this.uploadFileSwitch);
+    },
     validateFile(t) {
-      const d = "." + t.target.files[0].name.split(".").pop().toLowerCase();
-      validExtensions != null ? validExtensions.length != 0 && (validExtensions.includes(d) ? this.uploadOrReplaceFile({ file: t.target.files[0] }) : console.log("Wrong filetype")) : (this.error = "", this.uploadOrReplaceFile({ file: t.target.files[0] }));
+      const o = "." + t.target.files[0].name.split(".").pop().toLowerCase();
+      this.validExtensions && this.validExtensions.length ? this.validExtensions.includes(o) ? this.uploadOrReplaceFile({ file: t.target.files[0] }) : console.log("Wrong filetype") : (this.error = "", this.uploadOrReplaceFile({ file: t.target.files[0] }));
     },
     async saveUrl() {
       this.URLValue.includes("http://") || this.URLValue.includes("https://") ? await this.context.node.input({ "@id": this.URLValue }) : await this.context.node.input({ "@id": "https://" + this.URLValue });
@@ -80,29 +63,29 @@ const h = (t) => (C("data-v-72ea5545"), t = t(), T(), t), H = { class: "position
     },
     // finds the parent input group of a given element.
     findParentInputGroupOfElement(t) {
-      let o = t;
-      for (; o; ) {
-        if (o.classList.contains("formkit-input-group-repeatable"))
-          return o;
-        o = o.parentElement;
+      let e = t;
+      for (; e; ) {
+        if (e.classList.contains("formkit-input-group-repeatable"))
+          return e;
+        e = e.parentElement;
       }
       return null;
     },
     // finds the index of the distribution access URL based on the root of this component.
     findDistributionAccessUrlIndex() {
-      const t = this.$refs.fileupload, o = this.findParentInputGroupOfElement(t);
-      if (!o)
+      const t = this.$refs.fileupload, e = this.findParentInputGroupOfElement(t);
+      if (!e)
         return null;
-      const u = o.parentElement.querySelectorAll(".formkit-input-group-repeatable");
-      return Array.from(u).indexOf(o);
+      const n = e.parentElement.querySelectorAll(".formkit-input-group-repeatable");
+      return Array.from(n).indexOf(e);
     },
     async uploadOrReplaceFile({ file: t }) {
-      var u, e, i, l, p, f, g;
-      const o = ((i = (e = (u = this.$env) == null ? void 0 : u.content) == null ? void 0 : e.dataProviderInterface) == null ? void 0 : i.enableFileUploadReplace) || !1, d = ((l = this.$route.query) == null ? void 0 : l.edit) ?? !1;
-      if (o && d) {
-        const I = (p = this.$route.query) == null ? void 0 : p.edit, R = this.findDistributionAccessUrlIndex(), m = (f = this.getData("distributions")) == null ? void 0 : f[I], v = (g = m == null ? void 0 : m["dcat:accessURL"]) == null ? void 0 : g[R], y = v == null ? void 0 : v["@id"];
-        if (y) {
-          const $ = this.$env.api.fileUploadUrl, F = q.getFileIdByAccessUrl({ accessUrl: y, fileUploadUrl: $ });
+      var n, i, r, l, p, f, g;
+      const e = ((r = (i = (n = this.$env) == null ? void 0 : n.content) == null ? void 0 : i.dataProviderInterface) == null ? void 0 : r.enableFileUploadReplace) || !1, o = ((l = this.$route.query) == null ? void 0 : l.edit) ?? !1;
+      if (e && o) {
+        const w = (p = this.$route.query) == null ? void 0 : p.edit, I = this.findDistributionAccessUrlIndex(), m = (f = this.getData("distributions")) == null ? void 0 : f[w], v = (g = m == null ? void 0 : m["dcat:accessURL"]) == null ? void 0 : g[I], x = v == null ? void 0 : v["@id"];
+        if (x) {
+          const R = this.$env.api.fileUploadUrl, F = O.getFileIdByAccessUrl({ accessUrl: x, fileUploadUrl: R });
           return await this.uploadFile(t, {
             method: "PUT",
             url: `${this.$env.api.fileUploadUrl}data/${F}?catalog=${this.getCatalogue}`
@@ -111,25 +94,25 @@ const h = (t) => (C("data-v-72ea5545"), t = t(), T(), t), H = { class: "position
       }
       return await this.uploadFile(t);
     },
-    async uploadFile(t, o = {}) {
+    async uploadFile(t, e = {}) {
       this.isLoading = !0;
-      const d = new FormData();
-      d.append("file", t);
-      const u = this.getCatalogue, e = this.getUserData.rtpToken, i = {
+      const o = new FormData();
+      o.append("file", t);
+      const n = this.getCatalogue, i = this.getUserData.rtpToken, r = {
         method: "POST",
-        url: `${this.$env.api.fileUploadUrl}data?catalog=${u}`,
-        ...o
+        url: `${this.$env.api.fileUploadUrl}data?catalog=${n}`,
+        ...e
       }, l = {
-        method: i.method,
-        url: i.url,
+        method: r.method,
+        url: r.url,
         headers: {
           "Content-Type": "multipart/form-data",
-          Authorization: `Bearer ${e}`
+          Authorization: `Bearer ${i}`
         },
-        data: d
+        data: o
       };
       try {
-        const p = await D.request(l), f = p.data.result.location.substring(p.data.result.location.indexOf("/") + 1);
+        const p = await S.request(l), f = p.data.result.location.substring(p.data.result.location.indexOf("/") + 1);
         this.context.model = `${this.$env.api.fileUploadUrl}${f}`, this.isLoading = !1, this.success = !0, await this.context.node.input({ "@id": `${this.$env.api.fileUploadUrl}${f}` });
       } catch (p) {
         this.isLoading = !1, this.fail = !0, console.error(p);
@@ -141,124 +124,157 @@ const h = (t) => (C("data-v-72ea5545"), t = t(), T(), t), H = { class: "position
       if (this.context.value["@id"])
         return this.uploadURL = !0, this.URLValue = this.context.value["@id"], !0;
     });
-  }
-}, re = /* @__PURE__ */ Object.assign(ne, {
-  __name: "FileUpload",
-  setup(t) {
-    var o = x({
+  },
+  setup() {
+    q();
+    var t = A({
       active: !1
     });
-    const d = E(null);
-    P(d, (e) => o.active = !1);
-    function u(e) {
-      o.active = !o.active;
+    const e = C(null);
+    k(e, (n) => t.active = !1);
+    function o(n) {
+      t.active = !t.active;
     }
-    return O(async () => {
-    }), (e, i) => (n(), r(L, null, [
-      a("div", H, [
-        a("input", {
-          type: "text",
-          class: "selectInputField formkit-inner",
-          readonly: "readonly",
-          onClick: i[0] || (i[0] = (l) => u()),
-          placeholder: "Choose between fileupload and providing a URL"
-        }),
+    return {
+      drop: t,
+      onClickOutside: k,
+      triggerDropdown: o
+    };
+  }
+}, h = (t) => (P("data-v-5fc0b1f6"), t = t(), G(), t), H = { class: "position-relative w-100 p-3" }, M = {
+  key: 0,
+  ref: "fLoad",
+  class: "selectListUpload"
+}, W = {
+  key: 0,
+  class: "w-100 p-3 position-relative"
+}, j = /* @__PURE__ */ h(() => /* @__PURE__ */ a("label", {
+  class: "formkit-label w-100",
+  for: "aUrlLink"
+}, "Provide an URL", -1)), z = ["data-type"], J = { class: "file-div position-relative" }, K = /* @__PURE__ */ h(() => /* @__PURE__ */ a("label", {
+  class: "formkit-label",
+  for: "aUrlFL"
+}, "Upload a file", -1)), Q = ["accept"], X = {
+  class: "upload-feedback position-absolute d-flex",
+  style: { right: "0" }
+}, Y = {
+  key: 0,
+  class: "lds-ring"
+}, Z = { key: 1 }, $ = /* @__PURE__ */ h(() => /* @__PURE__ */ a("i", { class: "material-icons d-flex check-icon" }, "check_circle", -1)), ee = [
+  $
+], te = { key: 2 }, ie = /* @__PURE__ */ h(() => /* @__PURE__ */ a("i", { class: "material-icons d-flex close-icon" }, "error", -1)), le = [
+  ie
+], oe = {
+  key: 0,
+  class: "dURLText my-3"
+}, se = ["href"], ae = {
+  key: 1,
+  class: "allowedTypesWrapper"
+}, ne = {
+  key: 0,
+  class: "errorSub my-3 d-flex"
+};
+function re(t, e, o, n, i, r) {
+  return d(), c(L, null, [
+    a("div", H, [
+      a("input", {
+        type: "text",
+        class: "selectInputField formkit-inner",
+        readonly: "readonly",
+        onClick: e[0] || (e[0] = (l) => n.triggerDropdown()),
+        placeholder: "Choose between fileupload and providing a URL"
+      }),
+      s(),
+      n.drop.active ? (d(), c("ul", M, [
+        a("li", {
+          onClick: e[1] || (e[1] = (l) => {
+            n.triggerDropdown(), i.uploadFileSwitch = !0, r.toggleUploadUrl();
+          }),
+          class: "p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC"
+        }, "Upload a file"),
         s(),
-        S(o).active ? (n(), r("ul", {
-          key: 0,
-          ref_key: "fLoad",
-          ref: d,
-          class: "selectListUpload"
-        }, [
-          a("li", {
-            onClick: i[1] || (i[1] = (l) => {
-              u(), e.uploadFileSwitch = !0, e.uploadURL && (e.uploadURL = !e.uploadURL);
-            }),
-            class: "p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC"
-          }, "Upload a file"),
-          s(),
-          a("li", {
-            onClick: i[2] || (i[2] = (l) => {
-              u(), e.uploadURL = !0, e.uploadFileSwitch && (e.uploadFileSwitch = !e.uploadFileSwitch);
-            }),
-            class: "p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC"
-          }, "Provide an URL")
-        ], 512)) : c("", !0)
+        a("li", {
+          onClick: e[2] || (e[2] = (l) => {
+            n.triggerDropdown(), i.uploadURL = !0, r.toggleUploadFileSwitch();
+          }),
+          class: "p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC"
+        }, "Provide an URL")
+      ], 512)) : u("", !0)
+    ]),
+    s(),
+    i.uploadURL && !i.uploadFileSwitch ? (d(), c("div", W, [
+      j,
+      s(),
+      b(a("input", {
+        id: "aUrlLink",
+        "onUpdate:modelValue": e[3] || (e[3] = (l) => i.URLValue = l),
+        class: "selectInputField formkit-inner",
+        type: "url",
+        name: "@id",
+        onInput: e[4] || (e[4] = (...l) => r.saveUrl && r.saveUrl(...l)),
+        validation: "alpha_spaces:latin",
+        "validation-visibility": "live"
+      }, null, 544), [
+        [_, i.URLValue]
+      ])
+    ])) : u("", !0),
+    s(),
+    i.uploadFileSwitch ? (d(), c("div", T({
+      key: 1,
+      ref: "fileupload",
+      class: ["p-3 w-100", `formkit-input-element formkit-input-element--${o.context.type}`],
+      "data-type": o.context.type
+    }, t.$attrs), [
+      b(a("input", {
+        type: "text",
+        "onUpdate:modelValue": e[5] || (e[5] = (l) => o.context.model = l),
+        onBlur: e[6] || (e[6] = (...l) => o.context.blurHandler && o.context.blurHandler(...l)),
+        hidden: ""
+      }, null, 544), [
+        [_, o.context.model]
       ]),
       s(),
-      e.uploadURL && !e.uploadFileSwitch ? (n(), r("div", M, [
-        j,
+      a("div", J, [
+        K,
         s(),
-        b(a("input", {
-          id: "aUrlLink",
-          "onUpdate:modelValue": i[3] || (i[3] = (l) => e.URLValue = l),
-          class: "selectInputField formkit-inner",
-          type: "url",
-          name: "@id",
-          onInput: i[4] || (i[4] = (...l) => e.saveUrl && e.saveUrl(...l)),
-          validation: "alpha_spaces:latin",
-          "validation-visibility": "live"
-        }, null, 544), [
-          [k, e.URLValue]
-        ])
-      ])) : c("", !0),
-      s(),
-      e.uploadFileSwitch ? (n(), r("div", V({
-        key: 1,
-        ref: "fileupload",
-        class: ["p-3 w-100", `formkit-input-element formkit-input-element--${t.context.type}`],
-        "data-type": t.context.type
-      }, e.$attrs), [
-        b(a("input", {
-          type: "text",
-          "onUpdate:modelValue": i[5] || (i[5] = (l) => t.context.model = l),
-          onBlur: i[6] || (i[6] = (...l) => t.context.blurHandler && t.context.blurHandler(...l)),
-          hidden: ""
-        }, null, 544), [
-          [k, t.context.model]
-        ]),
+        a("input", {
+          class: "mt-3",
+          type: "file",
+          id: "aUrlFL",
+          name: "fileUpload",
+          onChange: e[7] || (e[7] = (l) => r.validateFile(l)),
+          accept: i.validExtensions
+        }, null, 40, Q),
         s(),
-        a("div", z, [
-          _,
+        a("div", X, [
+          i.isLoading ? (d(), c("div", Y)) : u("", !0),
           s(),
-          a("input", {
-            class: "mt-3",
-            type: "file",
-            id: "aUrlFL",
-            name: "fileUpload",
-            onChange: i[7] || (i[7] = (l) => e.validateFile(l)),
-            accept: e.validExtensions
-          }, null, 40, J),
+          i.success ? (d(), c("div", Z, ee)) : u("", !0),
           s(),
-          a("div", K, [
-            e.isLoading ? (n(), r("div", Q)) : c("", !0),
-            s(),
-            e.success ? (n(), r("div", X, Z)) : c("", !0),
-            s(),
-            e.fail ? (n(), r("div", ee, ie)) : c("", !0)
-          ])
-        ]),
-        s(),
-        e.success ? (n(), r("p", le, [
-          s(U(e.$t("message.metadata.downloadUrl")) + ": ", 1),
-          a("a", {
-            href: t.context.model
-          }, U(t.context.model), 9, oe)
-        ])) : c("", !0),
-        s(),
-        e.success ? c("", !0) : (n(), r("p", ae, "Allowed types: ")),
-        s(),
-        a("div", se, [
-          (n(!0), r(L, null, A(e.validExtensions, (l, p) => (n(), r("span", {
-            key: l,
-            class: "mr-1 mb-1 allowedFTypes"
-          }, U(l), 1))), 128))
+          i.fail ? (d(), c("div", te, le)) : u("", !0)
         ])
-      ], 16, W)) : c("", !0)
-    ], 64));
-  }
-}), Ue = /* @__PURE__ */ N(re, [["__scopeId", "data-v-72ea5545"]]);
+      ]),
+      s(),
+      i.success ? (d(), c("p", oe, [
+        s(U(t.$t("message.metadata.downloadUrl")) + ": ", 1),
+        a("a", {
+          href: o.context.model
+        }, U(o.context.model), 9, se)
+      ])) : u("", !0),
+      s(),
+      i.validExtensions && i.validExtensions.length ? (d(), c("div", ae, [
+        i.success ? u("", !0) : (d(), c("p", ne, "Allowed types: ")),
+        s(),
+        (d(!0), c(L, null, D(i.validExtensions, (l) => (d(), c("span", {
+          key: l,
+          class: "mr-1 mb-1 allowedFTypes"
+        }, U(l), 1))), 128))
+      ])) : u("", !0)
+    ], 16, z)) : u("", !0)
+  ], 64);
+}
+const ge = /* @__PURE__ */ B(N, [["render", re], ["__scopeId", "data-v-5fc0b1f6"]]);
 export {
-  Ue as default
+  ge as default
 };
 //# sourceMappingURL=FileUpload.vue.mjs.map

package/dist/data-provider-interface/components/FileUpload.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.vue.mjs","sources":["../../../lib/data-provider-interface/components/FileUpload.vue"],"sourcesContent":["<script setup>\nimport { reactive, ref, onMounted } from 'vue';\nimport { onClickOutside } from '@vueuse/core'\nimport { getCurrentInstance } from \"vue\";\n\n\nvar drop = reactive({\n  active: false,\n})\n\nconst fLoad = ref(null);\n\nonClickOutside(fLoad, event => drop.active = false)\nfunction triggerDropdown(e) {\n  drop.active = !drop.active\n}\n\nonMounted(async () => {\n});\n\n</script>\n\n<template>\n  <div class=\"position-relative w-100 p-3 \">\n    <input type=\"text\" class=\"selectInputField formkit-inner\" readonly=\"readonly\" @click=\"triggerDropdown()\"\n      placeholder=\"Choose between fileupload and providing a URL\">\n    <ul ref=\"fLoad\" v-if=\"drop.active\" class=\"selectListUpload\">\n      <li @click=\"triggerDropdown(); uploadFileSwitch = true; if (uploadURL) { uploadURL = !uploadURL }\"\n        class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">Upload a file</li>\n      <li @click=\"triggerDropdown(); uploadURL = true; if (uploadFileSwitch) { uploadFileSwitch = !uploadFileSwitch }\"\n        class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">Provide an URL</li>\n    </ul>\n  </div>\n  <div class=\"w-100 p-3 position-relative\" v-if=\"uploadURL && !uploadFileSwitch\">\n    <label class=\" formkit-label w-100\" for=\"aUrlLink\">Provide an URL</label>\n    <input id=\"aUrlLink\" v-model=\"URLValue\" class=\"selectInputField formkit-inner\" type=\"url\" name=\"@id\"\n      @input=\"saveUrl\" validation=\"alpha_spaces:latin\" validation-visibility=\"live\">\n\n  </div>\n  <div v-if=\"uploadFileSwitch\" ref=\"fileupload\" class=\"p-3 w-100\"\n    :class=\"`formkit-input-element formkit-input-element--${context.type}`\" :data-type=\"context.type\" v-bind=\"$attrs\">\n    <input type=\"text\" v-model=\"context.model\" @blur=\"context.blurHandler\" hidden />\n    <div class=\"file-div position-relative\">\n      <label class=\"formkit-label\" for=\"aUrlFL\">Upload a file</label>\n      <input class=\"mt-3\" type=\"file\" id=\"aUrlFL\" name=\"fileUpload\" @change=\"validateFile($event)\"\n        :accept=\"validExtensions\">\n      <div class=\"upload-feedback position-absolute d-flex\" style=\"right: 0\">\n        <div v-if=\"isLoading\" class=\"lds-ring\">\n        </div>\n        <div v-if=\"success\"><i class=\"material-icons d-flex check-icon\">check_circle</i></div>\n        <div v-if=\"fail\"><i class=\"material-icons d-flex close-icon\">error</i></div>\n      </div>\n    </div>\n    <p class=\"dURLText my-3\" v-if=\"success\">{{ $t('message.metadata.downloadUrl') }}: <a :href=\"context.model\">{{\n      context.model }}</a></p>\n    <p class=\"errorSub my-3 d-flex \" v-if=\"!success\">Allowed types: </p>\n    <div class=\"allowedTypesWrapper\">\n      <span v-for=\"types, index in validExtensions\" :key=\"types\" class=\"mr-1 mb-1 allowedFTypes \">{{ types\n        }}</span>\n    </div>\n\n\n  </div>\n\n</template>\n\n<script>\n/* eslint-disable consistent-return, no-unused-vars */\nimport { mapGetters, mapActions } from 'vuex';\nimport axios from 'axios';\nimport helper from '../utils/general-helper'\nimport { getNode } from '@formkit/core'\n\nexport default {\n  props: {\n    context: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      error: '',\n      URLValue: '',\n      uploadURL: false,\n      uploadFileSwitch: false,\n      checkifSet: false,\n      isLoading: false,\n      success: false,\n      fail: false,\n      validExtensions: this.$env.content.dataProviderInterface.uploadFileTypes\n    };\n  },\n  computed: {\n\n    ...mapGetters('auth', [\n      'getUserData',\n      'getIsEditMode'\n    ]),\n    ...mapGetters('dpiStore', [\n      'getData',\n    ]),\n    getCatalogue() {\n      return getNode('dcat:catalog').value;\n    },\n  },\n  methods: {\n    ...mapActions('dpiStore', [\n      'saveLocalstorageValues',\n    ]),\n    validateFile(event) {\n\n      const file = event.target.files[0];\n\n      const fileExtension = '.' + file.name.split('.').pop().toLowerCase();\n      if (validExtensions != undefined) {\n        if (validExtensions.length != 0) {\n          if (!validExtensions.includes(fileExtension)) {\n            console.log('Wrong filetype');\n\n          } else {\n            this.uploadOrReplaceFile({ file: event.target.files[0] })\n          }\n        }\n      } else {\n        this.error = \"\"\n        this.uploadOrReplaceFile({ file: event.target.files[0] })\n      }\n    },\n    async saveUrl() {\n\n      if (this.URLValue.includes('http://') || this.URLValue.includes('https://')) {\n        await this.context.node.input({ '@id': this.URLValue })\n      }\n      else await this.context.node.input({ '@id': 'https://' + this.URLValue })\n\n    },\n    checkIfPresent() {\n      // console.log(this.context.value['@id']);\n      if (this.context.value['@id']) {\n        // console.log(this.context.value['@id']);\n        this.URLValue = this.context.value['@id']\n        return true\n      }\n      else false\n    },\n    // finds the parent input group of a given element.\n    findParentInputGroupOfElement(element) {\n      // Start with the given element.\n      let currentElement = element;\n\n      // Traverse the DOM tree upwards.\n      while (currentElement) {\n        // If the current element is an input group, return it.\n        if (currentElement.classList.contains('formkit-input-group-repeatable')) {\n          return currentElement;\n        }\n        // If not, move to the parent element.\n        currentElement = currentElement.parentElement;\n      }\n\n      // If no input group was found, return null.\n      return null;\n    },\n    // finds the index of the distribution access URL based on the root of this component.\n    findDistributionAccessUrlIndex() {\n      // todo: find a more stable way to find the index of the distribution access URL.\n      // this way uses the DOM tree, which is not stable.\n\n      // Start at the root of this component.\n      const rootElement = this.$refs.fileupload;\n\n      // Find the parent input group of the root element.\n      const parentInputGroup = this.findParentInputGroupOfElement(rootElement);\n      if (!parentInputGroup) return null;\n\n      // Get the parent element of all input groups.\n      const parentOfAllInputGroups = parentInputGroup.parentElement;\n      const allInputGroupsNodeList = parentOfAllInputGroups.querySelectorAll('.formkit-input-group-repeatable');\n      const allInputGroupsArray = Array.from(allInputGroupsNodeList);\n\n      // Find the index of the parent input group within the array of all input groups.\n      const indexOfParentInputGroup = allInputGroupsArray.indexOf(parentInputGroup);\n\n      return indexOfParentInputGroup;\n    },\n    async uploadOrReplaceFile({ file }) {\n\n      const replaceEnabled = this.$env?.content?.dataProviderInterface?.enableFileUploadReplace || false;\n      const wantsToReplace = this.$route.query?.edit ?? false;\n\n      if (replaceEnabled && wantsToReplace) {\n        const distributionIndexToReplace = this.$route.query?.edit;\n        const fileIndexToReplace = this.findDistributionAccessUrlIndex();\n\n        const targetDistribution = this.getData('distributions')?.[distributionIndexToReplace];\n        const targetFile = targetDistribution?.['dcat:accessURL']?.[fileIndexToReplace];\n        const accessUrl = targetFile?.['@id'];\n        if (accessUrl) {\n          const fileUploadUrl = this.$env.api.fileUploadUrl;\n\n          const fileId = helper.getFileIdByAccessUrl({ accessUrl, fileUploadUrl })\n\n          return await this.uploadFile(file, {\n            method: 'PUT',\n            url: `${this.$env.api.fileUploadUrl}data/${fileId}?catalog=${this.getCatalogue}`,\n          });\n        }\n\n      }\n\n      return await this.uploadFile(file);\n    },\n    async uploadFile(file, options = {}) {\n\n      this.isLoading = true;\n\n      const form = new FormData();\n      form.append('file', file);\n\n      const catalog = this.getCatalogue;\n      const token = this.getUserData.rtpToken;\n\n      const resolvedOptions = {\n        method: 'POST',\n        url: `${this.$env.api.fileUploadUrl}data?catalog=${catalog}`,\n        ...options,\n      };\n\n      const requestOptions = {\n        method: resolvedOptions.method,\n        url: resolvedOptions.url,\n        headers: {\n          'Content-Type': 'multipart/form-data',\n          Authorization: `Bearer ${token}`,\n        },\n        data: form,\n      };\n\n      try {\n\n        const result = await axios.request(requestOptions);\n        const path = result.data.result.location.substring(result.data.result.location.indexOf('/') + 1);\n        this.context.model = `${this.$env.api.fileUploadUrl}${path}`;\n        this.isLoading = false;\n        this.success = true;\n        await this.context.node.input({ '@id': `${this.$env.api.fileUploadUrl}${path}` })\n        // this.context.rootEmit('change');\n\n      } catch (err) {\n\n        this.isLoading = false;\n        this.fail = true;\n        console.error(err); // eslint-disable-line\n      }\n    },\n  },\n  mounted() {\n\n    this.$nextTick(function () {\n\n      if (this.context.value['@id']) {\n        this.uploadURL = true\n        this.URLValue = this.context.value['@id']\n        return true\n      }\n      else false\n    })\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n// @import '../../../styles/bootstrap_theme';\n// @import '../../../styles/utils/css-animations';\n.dURLText {}\n\n.file-div {\n  display: flex;\n  align-items: center;\n}\n\n.upload-feedback {\n  padding: 10px;\n}\n\n/*** MATERIAL ICONS ***/\n%modal-icon {\n  font-size: 20px;\n  cursor: default;\n}\n\n.check-icon {\n  @extend %modal-icon;\n  color: #28a745;\n}\n\n.close-icon {\n  @extend %modal-icon;\n  color: red;\n}\n\n.lds-ring {\n  display: inline-block;\n  position: relative;\n  width: 30px;\n  height: 30px;\n}\n\n.lds-ring div {\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  right: 0;\n  width: 30px;\n  height: 30px;\n  border: 8px solid lightgray;\n  border-radius: 50%;\n  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: lightgray transparent transparent transparent;\n}\n\n.lds-ring div:nth-child(1) {\n  animation-delay: -0.45s;\n}\n\n.lds-ring div:nth-child(2) {\n  animation-delay: -0.3s;\n}\n\n.lds-ring div:nth-child(3) {\n  animation-delay: -0.15s;\n}\n\n.error {\n  color: red;\n}\n\n.errorSub {\n  color: black;\n}\n\n@keyframes lds-ring {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.allowedFTypes {\n  padding: 0.5rem;\n  border-radius: 5px;\n  border: 1px solid lightgrey;\n}\n\n.allowedTypesWrapper {\n  max-width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n}\n</style>\n"],"names":["__default__","mapGetters","getNode","mapActions","event","fileExtension","element","currentElement","rootElement","parentInputGroup","allInputGroupsNodeList","file","replaceEnabled","_c","_b","_a","wantsToReplace","_d","distributionIndexToReplace","_e","fileIndexToReplace","targetDistribution","_f","targetFile","_g","accessUrl","fileUploadUrl","fileId","helper","options","form","catalog","token","resolvedOptions","requestOptions","result","axios","path","err","drop","reactive","fLoad","ref","onClickOutside","triggerDropdown","onMounted"],"mappings":"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"}
+{"version":3,"file":"FileUpload.vue.mjs","sources":["../../../lib/data-provider-interface/components/FileUpload.vue"],"sourcesContent":["<template>\n  <div class=\"position-relative w-100 p-3 \">\n    <input type=\"text\" class=\"selectInputField formkit-inner\" readonly=\"readonly\" @click=\"triggerDropdown()\"\n      placeholder=\"Choose between fileupload and providing a URL\">\n    <ul ref=\"fLoad\" v-if=\"drop.active\" class=\"selectListUpload\">\n      <li @click=\"triggerDropdown(); uploadFileSwitch = true; toggleUploadUrl()\"\n        class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">Upload a file</li>\n      <li @click=\"triggerDropdown(); uploadURL = true; toggleUploadFileSwitch()\"\n        class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">Provide an URL</li>\n    </ul>\n  </div>\n  <div class=\"w-100 p-3 position-relative\" v-if=\"uploadURL && !uploadFileSwitch\">\n    <label class=\" formkit-label w-100\" for=\"aUrlLink\">Provide an URL</label>\n    <input id=\"aUrlLink\" v-model=\"URLValue\" class=\"selectInputField formkit-inner\" type=\"url\" name=\"@id\"\n      @input=\"saveUrl\" validation=\"alpha_spaces:latin\" validation-visibility=\"live\">\n\n  </div>\n  <div v-if=\"uploadFileSwitch\" ref=\"fileupload\" class=\"p-3 w-100\"\n    :class=\"`formkit-input-element formkit-input-element--${context.type}`\" :data-type=\"context.type\" v-bind=\"$attrs\">\n    <input type=\"text\" v-model=\"context.model\" @blur=\"context.blurHandler\" hidden />\n    <div class=\"file-div position-relative\">\n      <label class=\"formkit-label\" for=\"aUrlFL\">Upload a file</label>\n      <input class=\"mt-3\" type=\"file\" id=\"aUrlFL\" name=\"fileUpload\" @change=\"validateFile($event)\"\n        :accept=\"validExtensions\">\n      <div class=\"upload-feedback position-absolute d-flex\" style=\"right: 0\">\n        <div v-if=\"isLoading\" class=\"lds-ring\">\n        </div>\n        <div v-if=\"success\"><i class=\"material-icons d-flex check-icon\">check_circle</i></div>\n        <div v-if=\"fail\"><i class=\"material-icons d-flex close-icon\">error</i></div>\n      </div>\n    </div>\n    <p class=\"dURLText my-3\" v-if=\"success\">{{ $t('message.metadata.downloadUrl') }}: <a :href=\"context.model\">{{\n      context.model }}</a></p>\n    <div v-if=\"validExtensions && validExtensions.length\" class=\"allowedTypesWrapper\">\n      <p class=\"errorSub my-3 d-flex \" v-if=\"!success\">Allowed types: </p>\n      <span v-for=\"types in validExtensions\" :key=\"types\" class=\"mr-1 mb-1 allowedFTypes \">\n        {{ types }}\n      </span>\n    </div>\n\n\n  </div>\n\n</template>\n\n<script>\n/* eslint-disable consistent-return, no-unused-vars */\nimport { mapGetters, mapActions } from 'vuex';\nimport axios from 'axios';\nimport helper from '../utils/general-helper'\nimport { getNode } from '@formkit/core'\n\nimport { reactive, ref, onMounted, computed } from 'vue';\nimport { onClickOutside } from '@vueuse/core'\nimport { getCurrentInstance } from \"vue\";\nimport {useRuntimeEnv} from \"../../composables/useRuntimeEnv.ts\";\n\nexport default {\n  props: {\n    context: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  data() {\n    return {\n      error: '',\n      URLValue: '',\n      uploadURL: false,\n      uploadFileSwitch: false,\n      checkifSet: false,\n      isLoading: false,\n      success: false,\n      fail: false,\n      validExtensions: this.$env.content.dataProviderInterface.uploadFileTypes?.split(',') || []\n    };\n  },\n  computed: {\n\n    ...mapGetters('auth', [\n      'getUserData',\n      'getIsEditMode'\n    ]),\n    ...mapGetters('dpiStore', [\n      'getData',\n    ]),\n    getCatalogue() {\n      return getNode('dcat:catalog').value;\n    }\n  },\n  methods: {\n    ...mapActions('dpiStore', [\n      'saveLocalstorageValues',\n    ]),\n    toggleUploadUrl() {\n      if (this.uploadURL) { this.uploadURL = !this.uploadURL }\n    },\n    toggleUploadFileSwitch() {\n      if (this.uploadFileSwitch) { this.uploadFileSwitch = !this.uploadFileSwitch }\n    },\n    validateFile(event) {\n      const file = event.target.files[0];\n      const fileExtension = '.' + file.name.split('.').pop().toLowerCase();\n      if (this.validExtensions && this.validExtensions.length) {\n        if (!this.validExtensions.includes(fileExtension)) {\n          console.log('Wrong filetype');\n        } else {\n          this.uploadOrReplaceFile({ file: event.target.files[0] })\n        }\n      } else {\n        this.error = \"\"\n        this.uploadOrReplaceFile({ file: event.target.files[0] })\n      }\n    },\n    async saveUrl() {\n\n      if (this.URLValue.includes('http://') || this.URLValue.includes('https://')) {\n        await this.context.node.input({ '@id': this.URLValue })\n      }\n      else await this.context.node.input({ '@id': 'https://' + this.URLValue })\n\n    },\n    checkIfPresent() {\n      // console.log(this.context.value['@id']);\n      if (this.context.value['@id']) {\n        // console.log(this.context.value['@id']);\n        this.URLValue = this.context.value['@id']\n        return true\n      }\n      else false\n    },\n    // finds the parent input group of a given element.\n    findParentInputGroupOfElement(element) {\n      // Start with the given element.\n      let currentElement = element;\n\n      // Traverse the DOM tree upwards.\n      while (currentElement) {\n        // If the current element is an input group, return it.\n        if (currentElement.classList.contains('formkit-input-group-repeatable')) {\n          return currentElement;\n        }\n        // If not, move to the parent element.\n        currentElement = currentElement.parentElement;\n      }\n\n      // If no input group was found, return null.\n      return null;\n    },\n    // finds the index of the distribution access URL based on the root of this component.\n    findDistributionAccessUrlIndex() {\n      // todo: find a more stable way to find the index of the distribution access URL.\n      // this way uses the DOM tree, which is not stable.\n\n      // Start at the root of this component.\n      const rootElement = this.$refs.fileupload;\n\n      // Find the parent input group of the root element.\n      const parentInputGroup = this.findParentInputGroupOfElement(rootElement);\n      if (!parentInputGroup) return null;\n\n      // Get the parent element of all input groups.\n      const parentOfAllInputGroups = parentInputGroup.parentElement;\n      const allInputGroupsNodeList = parentOfAllInputGroups.querySelectorAll('.formkit-input-group-repeatable');\n      const allInputGroupsArray = Array.from(allInputGroupsNodeList);\n\n      // Find the index of the parent input group within the array of all input groups.\n      const indexOfParentInputGroup = allInputGroupsArray.indexOf(parentInputGroup);\n\n      return indexOfParentInputGroup;\n    },\n    async uploadOrReplaceFile({ file }) {\n\n      const replaceEnabled = this.$env?.content?.dataProviderInterface?.enableFileUploadReplace || false;\n      const wantsToReplace = this.$route.query?.edit ?? false;\n\n      if (replaceEnabled && wantsToReplace) {\n        const distributionIndexToReplace = this.$route.query?.edit;\n        const fileIndexToReplace = this.findDistributionAccessUrlIndex();\n\n        const targetDistribution = this.getData('distributions')?.[distributionIndexToReplace];\n        const targetFile = targetDistribution?.['dcat:accessURL']?.[fileIndexToReplace];\n        const accessUrl = targetFile?.['@id'];\n        if (accessUrl) {\n          const fileUploadUrl = this.$env.api.fileUploadUrl;\n\n          const fileId = helper.getFileIdByAccessUrl({ accessUrl, fileUploadUrl })\n\n          return await this.uploadFile(file, {\n            method: 'PUT',\n            url: `${this.$env.api.fileUploadUrl}data/${fileId}?catalog=${this.getCatalogue}`,\n          });\n        }\n\n      }\n\n      return await this.uploadFile(file);\n    },\n    async uploadFile(file, options = {}) {\n\n      this.isLoading = true;\n\n      const form = new FormData();\n      form.append('file', file);\n\n      const catalog = this.getCatalogue;\n      const token = this.getUserData.rtpToken;\n\n      const resolvedOptions = {\n        method: 'POST',\n        url: `${this.$env.api.fileUploadUrl}data?catalog=${catalog}`,\n        ...options,\n      };\n\n      const requestOptions = {\n        method: resolvedOptions.method,\n        url: resolvedOptions.url,\n        headers: {\n          'Content-Type': 'multipart/form-data',\n          Authorization: `Bearer ${token}`,\n        },\n        data: form,\n      };\n\n      try {\n\n        const result = await axios.request(requestOptions);\n        const path = result.data.result.location.substring(result.data.result.location.indexOf('/') + 1);\n        this.context.model = `${this.$env.api.fileUploadUrl}${path}`;\n        this.isLoading = false;\n        this.success = true;\n        await this.context.node.input({ '@id': `${this.$env.api.fileUploadUrl}${path}` })\n        // this.context.rootEmit('change');\n\n      } catch (err) {\n\n        this.isLoading = false;\n        this.fail = true;\n        console.error(err); // eslint-disable-line\n      }\n    },\n  },\n  mounted() {\n\n    this.$nextTick(function () {\n\n      if (this.context.value['@id']) {\n        this.uploadURL = true\n        this.URLValue = this.context.value['@id']\n        return true\n      }\n      else false\n    })\n  },\n  setup() {\n\n// let instance = getCurrentInstance().appContext.app.config.globalProperties.$env\n    const env = useRuntimeEnv();\n\n    var drop = reactive({\n      active: false,\n    })\n\n    const fLoad = ref(null);\n\n    onClickOutside(fLoad, event => drop.active = false)\n    function triggerDropdown(e) {\n      drop.active = !drop.active\n    }\n\n    return {\n      drop,\n      onClickOutside,\n      triggerDropdown,\n    };\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n// @import '../../../styles/bootstrap_theme';\n// @import '../../../styles/utils/css-animations';\n.dURLText {}\n\n.file-div {\n  display: flex;\n  align-items: center;\n}\n\n.upload-feedback {\n  padding: 10px;\n}\n\n/*** MATERIAL ICONS ***/\n%modal-icon {\n  font-size: 20px;\n  cursor: default;\n}\n\n.check-icon {\n  @extend %modal-icon;\n  color: #28a745;\n}\n\n.close-icon {\n  @extend %modal-icon;\n  color: red;\n}\n\n.lds-ring {\n  display: inline-block;\n  position: relative;\n  width: 30px;\n  height: 30px;\n}\n\n.lds-ring div {\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  right: 0;\n  width: 30px;\n  height: 30px;\n  border: 8px solid lightgray;\n  border-radius: 50%;\n  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: lightgray transparent transparent transparent;\n}\n\n.lds-ring div:nth-child(1) {\n  animation-delay: -0.45s;\n}\n\n.lds-ring div:nth-child(2) {\n  animation-delay: -0.3s;\n}\n\n.lds-ring div:nth-child(3) {\n  animation-delay: -0.15s;\n}\n\n.error {\n  color: red;\n}\n\n.errorSub {\n  color: black;\n}\n\n@keyframes lds-ring {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.allowedFTypes {\n  padding: 0.5rem;\n  border-radius: 5px;\n  border: 1px solid lightgrey;\n}\n\n.allowedTypesWrapper {\n  max-width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n}\n</style>\n"],"names":["_sfc_main","_a","mapGetters","getNode","mapActions","event","fileExtension","element","currentElement","rootElement","parentInputGroup","allInputGroupsNodeList","file","replaceEnabled","_c","_b","wantsToReplace","_d","distributionIndexToReplace","_e","fileIndexToReplace","targetDistribution","_f","targetFile","_g","accessUrl","fileUploadUrl","fileId","helper","options","form","catalog","token","resolvedOptions","requestOptions","result","axios","path","err","useRuntimeEnv","drop","reactive","fLoad","ref","onClickOutside","triggerDropdown","e","_hoisted_1","_createElementVNode","_hoisted_5","_hoisted_6","_hoisted_8","_hoisted_12","_withScopeId","_hoisted_15","_hoisted_18","_openBlock","_createElementBlock","_Fragment","$setup","_createTextVNode","_hoisted_2","_cache","$event","$data","$options","_createCommentVNode","_hoisted_3","_hoisted_4","args","_mergeProps","$props","_ctx","_vModelText","_hoisted_7","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_13","_hoisted_14","_hoisted_16","_hoisted_17","_toDisplayString","_hoisted_19","_hoisted_20","_renderList","types"],"mappings":"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"}

package/dist/data-provider-interface/views/OverviewPage/Properties/SpecialProp.vue.d.ts

@@ -9,7 +9,7 @@ declare const _default: import('vue').DefineComponent<{
     showMultilingualValue(property: any, value: any): boolean | "";
     checkadms(str: any): any;
     showValue(property: any, value: any): boolean | undefined;
-    filterDateFormatEU(date: any): string;
+    filterDateFormatEU(date: any): any;
     convertTemporalResolution(data: any): string;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     property: StringConstructor;

package/dist/datasetDetails/distributions/distributionActions/DistributionDropdownDownload.vue.d.ts

@@ -13,11 +13,7 @@ declare const _default: import('vue').DefineComponent<Readonly<{
     away(): void;
     replaceHttp: typeof replaceHttp;
     setClipboard(value: any): void;
-}, {
-    directives: {
-        ClickAway: import('vue').Directive;
-    };
-}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<Readonly<{
+}, any, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<Readonly<{
     title?: any;
     message?: any;
     distribution?: any;