@piveau/dpi 0.2.0-alpha.6 → 0.2.0-alpha.60

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/OptionalInformation/AccessRightsV3.vue.js

@@ -1,6 +1,9 @@
-import { ref as u, watch as r, createBlock as p, openBlock as f } from "vue";
-import g from "../InputField.vue.js";
-const I = {
+import { ref as c, onMounted as m, getCurrentInstance as h, watch as v, createBlock as b, openBlock as R, unref as u } from "vue";
+import { getAccessRights as I } from "../../services/dpiV3_apis.js";
+import V from "../Dropdown.vue.js";
+import { useI18n as w } from "vue-i18n";
+import { useFormValues as F } from "../../../composables/useDpiFormValues.js";
+const D = {
   __name: "AccessRightsV3",
   props: {
     distributionId: { type: Number, required: !1 },
@@ -8,34 +11,67 @@ const I = {
     accessRightsProp: { type: String, default: "" }
   },
   emits: ["addAccessRights", "deleteButtonClicked"],
-  setup(n, { emit: d }) {
-    const t = n, s = u(t.accessRightsProp), o = d, a = (l, e) => {
-      o("addAccessRights", l.target.value, t.distributionId);
-    };
-    r(() => t.accessRightsProp, (l) => {
-      s.value = l;
+  setup(n, { emit: p }) {
+    const { t: d } = w(), { formValues: y } = F(), s = c([]);
+    m(async () => {
+      const t = h().appContext.app.config.globalProperties.$env;
+      try {
+        const e = await I(t.api.baseUrl);
+        console.log(e), s.value = e.map((a) => ({
+          "@value": a.pref_label.de,
+          label: a.pref_label.de,
+          uri: a.resource
+        }));
+      } catch (e) {
+        console.error("Failed to load planned availability data", e);
+      }
     });
-    const c = () => {
-      console.log("delete clicked"), o("deleteButtonClicked", t.distributionId);
+    const o = n, i = c(o.accessRightsProp), r = p, f = (l, t) => {
+      let e = {
+        uri: s.value.find((a) => a["@value"] === l).uri || "",
+        label: s.value.find((a) => a["@value"] === l).label || ""
+      };
+      r("addAccessRights", e, o.distributionId);
+    };
+    v(
+      () => o.accessRightsProp,
+      (l) => {
+        i.value = l;
+      }
+    );
+    const g = () => {
+      console.log("delete clicked"), r("deleteButtonClicked", o.distributionId);
     };
-    return (l, e) => (f(), p(g, {
-      onInput: e[0] || (e[0] = (i) => a(i)),
-      modelValue: s.value,
-      "onUpdate:modelValue": e[1] || (e[1] = (i) => s.value = i),
-      addOnText: !1,
-      datePicker: !1,
-      infoIcon: !1,
-      placeholder: "Bitte Grad der Zugänglichkeit eingeben...",
-      preIcon: !1,
-      inputFieldSize: "large",
-      initialHintText: !1,
-      label: "Grad der Zugänglichkeit (URL)",
-      showEndIcon: !1,
-      defaultInput: !n.showDeleteButton,
-      onDeleteButtonClicked: c
-    }, null, 8, ["modelValue", "defaultInput"]));
+    return (l, t) => (R(), b(V, {
+      "onUpdate:modelValue": [
+        t[0] || (t[0] = (e) => f(e)),
+        t[1] || (t[1] = (e) => i.value = e)
+      ],
+      dropdownWidth: "large",
+      type: "inputField",
+      modelValue: i.value,
+      inputFieldProps: {
+        addOnText: !1,
+        initialHintText: !1,
+        datePicker: !1,
+        infoIcon: !1,
+        preIcon: !1,
+        label: u(d)(
+          "message.dataupload.datasets.dcat:distribution.advanced.dct:accessRights"
+        ) + " (optional)",
+        dropdown_dpiV3: !0,
+        placeholder: u(d)(
+          "message.dataupload.datasets.dcat:distribution.advanced.dct:accessRights"
+        ) + " hinzufügen",
+        inputFieldSize: "large",
+        modelValue: i.value,
+        defaultInput: !n.showDeleteButton
+      },
+      data: s.value,
+      onDeleteDropdownField: g
+    }, null, 8, ["modelValue", "inputFieldProps", "data"]));
   }
 };
 export {
-  I as default
+  D as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/OptionalInformation/AccessServiceV3.vue.js

@@ -1,17 +1,21 @@
-import { ref as m, onMounted as C, createElementBlock as c, openBlock as s, normalizeClass as S, createCommentVNode as h, createBlock as U, Fragment as k, renderList as L, createElementVNode as y, createVNode as u, unref as d, isRef as T } from "vue";
-import D from "../TextAreaV3.vue.js";
-import b from "../ButtonV3.vue.js";
-import R from "../ModalSimpleV3.vue.js";
-import I from "../InputField.vue.js";
+import { ref as g, reactive as F, onMounted as T, createElementBlock as c, openBlock as r, normalizeClass as L, createCommentVNode as h, createBlock as z, Fragment as M, renderList as E, createElementVNode as w, createVNode as u, unref as a, toDisplayString as P, isRef as $ } from "vue";
+import N from "../TextAreaV3.vue.js";
+import x from "../ButtonV3.vue.js";
+import q from "../ModalSimpleV3.vue.js";
+import S from "../InputField.vue.js";
+import { PhWarning as W } from "@phosphor-icons/vue";
 /* empty css                     */
-import M from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const z = { class: "dpiV3_LinkAndMetadata" }, E = {
+import H from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const O = { class: "dpiV3_LinkAndMetadata" }, Z = {
   key: 0,
+  class: "dpiV3_errorMessage"
+}, j = { class: "copy-mini-regular" }, G = {
+  key: 1,
   class: "copy-mini-regular dpiV3_text_error"
-}, N = {
+}, J = {
   key: 0,
   class: "dpiV3_tempAddMore"
-}, q = {
+}, K = {
   __name: "AccessServiceV3",
   props: {
     accessServices: { type: Array, required: !0 },
@@ -20,12 +24,12 @@ const z = { class: "dpiV3_LinkAndMetadata" }, E = {
     showDeleteButton: { type: Boolean, required: !1, default: !1 }
   },
   emits: ["update"],
-  setup(a, { emit: x }) {
-    let l = m({});
-    const i = a, p = x, g = m(!1), V = m(null);
-    let r = m(!1);
-    C(() => {
-      console.log("Component Mounted: accessServices received for distributionId:", i.distributionId), console.log("accessServices:", i.accessServices), i.accessServices.length === 0 && (console.log("No accessServices found, initializing first service."), p("update", [
+  setup(d, { expose: _, emit: A }) {
+    let s = g({});
+    const o = d, m = A, R = g(!1), V = g(null), l = F({});
+    let p = g(!1);
+    T(() => {
+      console.log("Component Mounted: accessServices received for distributionId:", o.distributionId), console.log("accessServices:", o.accessServices), o.accessServices.length === 0 && (console.log("No accessServices found, initializing first service."), m("update", [
         {
           id: 1,
           "dcat:downloadURL": "",
@@ -34,54 +38,75 @@ const z = { class: "dpiV3_LinkAndMetadata" }, E = {
         }
       ]));
     });
-    const A = (n) => {
-      switch (n) {
+    const f = (t) => {
+      if (!t || t.trim() === "") return !1;
+      const i = t.trim();
+      return /\.[a-zA-Z]{2,}$/.test(i);
+    }, b = (t) => {
+      const i = t["dct:title"] && t["dct:title"].trim() !== "", e = t["dct:description"] && t["dct:description"].trim() !== "";
+      return i || e;
+    }, k = (t) => {
+      const i = o.accessServices.find((e) => e.id === t);
+      if (i) {
+        const e = i["dcat:downloadURL"] ? i["dcat:downloadURL"].trim() : "";
+        b(i) ? e && f(e) ? l[t] = null : l[t] = "Bitte geben Sie eine gültige URL ein." : e && !f(e) ? l[t] = "Bitte geben Sie eine gültige URL ein." : l[t] = null;
+      }
+    }, B = () => {
+      let t = !1;
+      return o.accessServices.forEach((i) => {
+        const e = i["dcat:downloadURL"] ? i["dcat:downloadURL"].trim() : "";
+        b(i) ? e ? f(e) || (l[i.id] = "Bitte geben Sie eine gültige URL ein.", t = !0) : (l[i.id] = "Please enter a valid URL.", t = !0) : e && !f(e) && (l[i.id] = "Bitte geben Sie eine gültige URL ein.", t = !0);
+      }), t;
+    }, C = (t) => {
+      switch (t) {
         case "delete":
-          _();
+          y();
           break;
       }
-    }, B = () => {
-      const o = {
-        id: (i.accessServices.length ? Math.max(...i.accessServices.map((e) => e.id)) : 0) + 1,
+    }, D = () => {
+      if (B())
+        return;
+      const i = {
+        id: (o.accessServices.length ? Math.max(...o.accessServices.map((e) => e.id)) : 0) + 1,
         "dcat:downloadURL": "",
         "dct:title": "",
         "dct:description": ""
       };
-      p("update", [...i.accessServices, o]);
-    }, f = (n, o, e) => {
-      const t = i.accessServices.map(
-        (v) => v.id === e ? { ...v, [o]: n.target.value } : v
+      m("update", [...o.accessServices, i]);
+    }, U = (t, i, e) => {
+      const n = o.accessServices.map(
+        (v) => v.id === e ? { ...v, [i]: t.target.value } : v
       );
-      p("update", t);
-    }, w = (n) => {
-      l.value = {
+      m("update", n), setTimeout(() => {
+        k(e);
+      }, 0);
+    }, I = (t) => {
+      s.value = {
         button: "Löschen",
         header: "Datenservice löschen",
         text: "Sind Sie sicher, dass Sie den Service löschen wollen?",
         action: "delete",
-        optionalString_1: n["dct:title"],
-        optionalString_2: n["dcat:downloadURL"]
-      }, r.value = !0, V.value = n;
-    }, _ = () => {
-      if (i.accessServices.length === 1) {
-        g.value = !0;
-        return;
-      }
-      const n = i.accessServices.filter(
-        (o) => o.id !== V.value.id
+        optionalString_1: t["dct:title"],
+        optionalString_2: t["dcat:downloadURL"]
+      }, p.value = !0, V.value = t;
+    }, y = () => {
+      const t = o.accessServices.filter(
+        (i) => i.id !== V.value.id
       );
-      p("update", n);
+      delete l[V.value.id], m("update", t);
     };
-    return (n, o) => (s(), c("div", {
-      class: S(["dpiV3_documentationsWrap", { dpiV3_docAllAsCard: a.asCard }])
+    return _({
+      validateAllItems: B
+    }), (t, i) => (r(), c("div", {
+      class: L(["dpiV3_documentationsWrap", { dpiV3_docAllAsCard: d.asCard }])
     }, [
-      (s(!0), c(k, null, L(a.accessServices, (e) => (s(), c("div", {
+      (r(!0), c(M, null, E(d.accessServices, (e) => (r(), c("div", {
         key: e.id,
-        class: S(["dpiV3AutoCompleteWrap", { dpiV3_docAsCard: a.asCard }])
+        class: L(["dpiV3AutoCompleteWrap", { dpiV3_docAsCard: d.asCard }])
       }, [
-        y("div", z, [
-          u(I, {
-            onInput: (t) => f(t, "dcat:downloadURL", e.id),
+        w("div", O, [
+          u(S, {
+            onInput: (n) => U(n, "dcat:downloadURL", e.id),
             addOnText: !1,
             datePicker: !1,
             infoIcon: !1,
@@ -92,13 +117,21 @@ const z = { class: "dpiV3_LinkAndMetadata" }, E = {
             label: "URL",
             showEndIcon: !1,
             modelValue: e["dcat:downloadURL"],
-            "onUpdate:modelValue": (t) => e["dcat:downloadURL"] = t
+            "onUpdate:modelValue": (n) => e["dcat:downloadURL"] = n
           }, null, 8, ["onInput", "modelValue", "onUpdate:modelValue"]),
-          u(I, {
-            onInput: (t) => f(t, "dct:title", e.id),
+          l[e.id] ? (r(), c("div", Z, [
+            u(a(W), {
+              size: 16,
+              weight: "fill"
+            }),
+            w("span", j, P(l[e.id]), 1)
+          ])) : h("", !0),
+          u(S, {
+            onInput: (n) => U(n, "dct:title", e.id),
             addOnText: !1,
             datePicker: !1,
             infoIcon: !1,
+            onDeleteButtonClicked: (n) => e["dct:title"] = "",
             placeholder: "Bitte Titel eingeben...",
             preIcon: !1,
             inputFieldSize: "large",
@@ -106,52 +139,53 @@ const z = { class: "dpiV3_LinkAndMetadata" }, E = {
             label: "Titel (optional)",
             showEndIcon: !1,
             modelValue: e["dct:title"],
-            "onUpdate:modelValue": (t) => e["dct:title"] = t,
-            defaultInput: !a.showDeleteButton
-          }, null, 8, ["onInput", "modelValue", "onUpdate:modelValue", "defaultInput"]),
-          u(D, {
-            onInput: (t) => f(t, "dct:description", e.id),
+            "onUpdate:modelValue": (n) => e["dct:title"] = n,
+            defaultInput: !d.showDeleteButton
+          }, null, 8, ["onInput", "onDeleteButtonClicked", "modelValue", "onUpdate:modelValue", "defaultInput"]),
+          u(N, {
+            onInput: (n) => U(n, "dct:description", e.id),
             hint: !1,
+            onDeleteClicked: (n) => e["dct:description"] = "",
             label: "Beschreibung (optional)",
             placeholder: "Bitte Beschreibung eingeben...",
             modelValue: e["dct:description"],
-            "onUpdate:modelValue": (t) => e["dct:description"] = t,
-            showDeleteButton: a.showDeleteButton
-          }, null, 8, ["onInput", "modelValue", "onUpdate:modelValue", "showDeleteButton"]),
-          g.value && a.accessServices.length === 1 ? (s(), c("p", E, " Mindestens eine URL muss vorhanden sein. ")) : h("", !0)
+            "onUpdate:modelValue": (n) => e["dct:description"] = n,
+            showDeleteButton: d.showDeleteButton
+          }, null, 8, ["onInput", "onDeleteClicked", "modelValue", "onUpdate:modelValue", "showDeleteButton"]),
+          R.value && d.accessServices.length === 1 ? (r(), c("p", G, " Mindestens eine URL muss vorhanden sein. ")) : h("", !0)
         ]),
-        u(b, {
+        u(x, {
           class: "dpiV3_tempAddMore",
           buttonText: "Löschen",
           size: "small",
           iconStart: "trash",
           variant: "tertiary",
-          onClick: (t) => w(e)
+          onClick: (n) => I(e)
         }, null, 8, ["onClick"])
       ], 2))), 128)),
-      a.asCard ? h("", !0) : (s(), c("div", N, [
-        u(b, {
+      d.asCard ? h("", !0) : (r(), c("div", J, [
+        u(x, {
           buttonText: "Weiteren Service hinzufügen",
           size: "small",
           iconStart: "plus",
           variant: "tertiary",
-          onClick: B
+          onClick: D
         })
       ])),
-      d(r) ? (s(), U(R, {
+      a(p) ? (r(), z(q, {
         key: 1,
-        buttons: d(l).button,
-        headerText: d(l).header,
-        text: d(l).text,
-        onClose: o[0] || (o[0] = (e) => T(r) ? r.value = !1 : r = !1),
-        action: d(l).action,
-        onActionHandling: o[1] || (o[1] = (e) => A(e)),
-        optionalString_1: d(l).optionalString_1,
-        optionalString_2: d(l).optionalString_2
+        buttons: a(s).button,
+        headerText: a(s).header,
+        text: a(s).text,
+        onClose: i[0] || (i[0] = (e) => $(p) ? p.value = !1 : p = !1),
+        action: a(s).action,
+        onActionHandling: i[1] || (i[1] = (e) => C(e)),
+        optionalString_1: a(s).optionalString_1,
+        optionalString_2: a(s).optionalString_2
       }, null, 8, ["buttons", "headerText", "text", "action", "optionalString_1", "optionalString_2"])) : h("", !0)
     ], 2));
   }
-}, G = /* @__PURE__ */ M(q, [["__scopeId", "data-v-5b5b9169"]]);
+}, oe = /* @__PURE__ */ H(K, [["__scopeId", "data-v-c7145fc8"]]);
 export {
-  G as default
+  oe as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/OptionalInformation/AvailabilityV3.vue.js

@@ -1,4 +1,4 @@
-import { onMounted as f, getCurrentInstance as m, ref as s, watch as y, createBlock as g, openBlock as x, unref as p } from "vue";
+import { onMounted as f, getCurrentInstance as m, ref as u, watch as y, createBlock as g, openBlock as x, unref as p } from "vue";
 import { getPlannedAvailability as I } from "../../services/dpiV3_apis.js";
 import w from "../Dropdown.vue.js";
 import { useI18n as B } from "vue-i18n";
@@ -16,31 +16,31 @@ const h = {
       const a = m().appContext.app.config.globalProperties.$env;
       try {
         const e = await I(a.api.baseUrl);
-        i.value = e.map((l) => ({
-          "@value": l.value,
-          label: l.label,
-          uri: l.uri
+        console.log(e), i.value = e.map((t) => ({
+          "@value": t.label,
+          label: t.label,
+          uri: t.uri
         })), console.log(i.value);
       } catch (e) {
         console.error("Failed to load planned availability data", e);
       }
     });
-    const o = d, i = s([]), n = s(o.availabilityText);
+    const o = d, i = u([]), n = u(o.availabilityText);
     i.value.uri;
-    const u = c, v = (t) => {
-      let a = i.value.find((l) => l["@value"] === t).uri || "", e = i.value.find((l) => l["@value"] === t).label || "";
-      console.log(e), u("addAvailability", t, o.distributionId, a, e);
+    const s = c, v = (l) => {
+      let a = i.value.find((t) => t["@value"] === l).uri || "", e = i.value.find((t) => t["@value"] === l).label || "";
+      console.log(e), s("addAvailability", l, o.distributionId, a, e);
     };
     y(
       () => o.availabilityText,
-      (t) => {
-        n.value = t;
+      (l) => {
+        n.value = l;
       }
     );
     const b = () => {
-      u("deleteButtonClicked", o.distributionId);
+      s("deleteButtonClicked", o.distributionId);
     };
-    return (t, a) => (x(), g(w, {
+    return (l, a) => (x(), g(w, {
       "onUpdate:modelValue": [
         a[0] || (a[0] = (e) => v(e)),
         a[1] || (a[1] = (e) => n.value = e)