@piveau/dpi 0.2.0-alpha.47 → 0.2.0-alpha.49

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

@@ -0,0 +1,77 @@
+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 },
+    showDeleteButton: { type: Boolean, default: !1 },
+    accessRightsProp: { type: String, default: "" }
+  },
+  emits: ["addAccessRights", "deleteButtonClicked"],
+  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 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, 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 {
+  D as default
+};

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

@@ -1,9 +1,9 @@
-import { ref as h, reactive as T, onMounted as z, createElementBlock as c, openBlock as r, normalizeClass as b, createCommentVNode as g, createBlock as D, Fragment as M, renderList as E, createElementVNode as L, createVNode as u, unref as d, toDisplayString as N, isRef as P } from "vue";
-import q from "../TextAreaV3.vue.js";
-import S from "../ButtonV3.vue.js";
-import W from "../ModalSimpleV3.vue.js";
-import w from "../InputField.vue.js";
-import { PhWarning as $ } from "@phosphor-icons/vue";
+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 H from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
 const O = { class: "dpiV3_LinkAndMetadata" }, Z = {
@@ -24,11 +24,11 @@ const O = { class: "dpiV3_LinkAndMetadata" }, Z = {
     showDeleteButton: { type: Boolean, required: !1, default: !1 }
   },
   emits: ["update"],
-  setup(a, { expose: _, emit: A }) {
-    let s = h({});
-    const o = a, m = A, R = h(!1), V = h(null), l = T({});
-    let p = h(!1);
-    z(() => {
+  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,
@@ -42,29 +42,29 @@ const O = { class: "dpiV3_LinkAndMetadata" }, Z = {
       if (!t || t.trim() === "") return !1;
       const i = t.trim();
       return /\.[a-zA-Z]{2,}$/.test(i);
-    }, v = (t) => {
+    }, b = (t) => {
       const i = t["dct:title"] && t["dct:title"].trim() !== "", e = t["dct:description"] && t["dct:description"].trim() !== "";
       return i || e;
-    }, I = (t) => {
+    }, k = (t) => {
       const i = o.accessServices.find((e) => e.id === t);
       if (i) {
         const e = i["dcat:downloadURL"] ? i["dcat:downloadURL"].trim() : "";
-        v(i) ? e ? f(e) ? l[t] = null : l[t] = "Bitte geben Sie eine gültige URL ein (z.B. example.com)" : l[t] = "Bitte geben Sie eine gültige URL ein." : e && !f(e) ? l[t] = "Bitte geben Sie eine gültige URL ein (z.B. example.com)" : l[t] = null;
+        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;
       }
-    }, x = () => {
+    }, B = () => {
       let t = !1;
       return o.accessServices.forEach((i) => {
         const e = i["dcat:downloadURL"] ? i["dcat:downloadURL"].trim() : "";
-        v(i) ? e ? f(e) || (l[i.id] = "Bitte geben Sie eine gültige URL ein (z.B. example.com)", t = !0) : (l[i.id] = "URL ist erforderlich", t = !0) : e && !f(e) && (l[i.id] = "Bitte geben Sie eine gültige URL ein (z.B. example.com)", t = !0);
+        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;
-    }, k = (t) => {
+    }, C = (t) => {
       switch (t) {
         case "delete":
-          F();
+          y();
           break;
       }
-    }, y = () => {
-      if (x())
+    }, D = () => {
+      if (B())
         return;
       const i = {
         id: (o.accessServices.length ? Math.max(...o.accessServices.map((e) => e.id)) : 0) + 1,
@@ -75,12 +75,12 @@ const O = { class: "dpiV3_LinkAndMetadata" }, Z = {
       m("update", [...o.accessServices, i]);
     }, U = (t, i, e) => {
       const n = o.accessServices.map(
-        (B) => B.id === e ? { ...B, [i]: t.target.value } : B
+        (v) => v.id === e ? { ...v, [i]: t.target.value } : v
       );
       m("update", n), setTimeout(() => {
-        I(e);
+        k(e);
       }, 0);
-    }, C = (t) => {
+    }, I = (t) => {
       s.value = {
         button: "Löschen",
         header: "Datenservice löschen",
@@ -89,23 +89,23 @@ const O = { class: "dpiV3_LinkAndMetadata" }, Z = {
         optionalString_1: t["dct:title"],
         optionalString_2: t["dcat:downloadURL"]
       }, p.value = !0, V.value = t;
-    }, F = () => {
+    }, y = () => {
       const t = o.accessServices.filter(
         (i) => i.id !== V.value.id
       );
       delete l[V.value.id], m("update", t);
     };
     return _({
-      validateAllItems: x
+      validateAllItems: B
     }), (t, i) => (r(), c("div", {
-      class: b(["dpiV3_documentationsWrap", { dpiV3_docAllAsCard: a.asCard }])
+      class: L(["dpiV3_documentationsWrap", { dpiV3_docAllAsCard: d.asCard }])
     }, [
-      (r(!0), c(M, null, E(a.accessServices, (e) => (r(), c("div", {
+      (r(!0), c(M, null, E(d.accessServices, (e) => (r(), c("div", {
         key: e.id,
-        class: b(["dpiV3AutoCompleteWrap", { dpiV3_docAsCard: a.asCard }])
+        class: L(["dpiV3AutoCompleteWrap", { dpiV3_docAsCard: d.asCard }])
       }, [
-        L("div", O, [
-          u(w, {
+        w("div", O, [
+          u(S, {
             onInput: (n) => U(n, "dcat:downloadURL", e.id),
             addOnText: !1,
             datePicker: !1,
@@ -120,17 +120,18 @@ const O = { class: "dpiV3_LinkAndMetadata" }, Z = {
             "onUpdate:modelValue": (n) => e["dcat:downloadURL"] = n
           }, null, 8, ["onInput", "modelValue", "onUpdate:modelValue"]),
           l[e.id] ? (r(), c("div", Z, [
-            u(d($), {
+            u(a(W), {
               size: 16,
               weight: "fill"
             }),
-            L("span", j, N(l[e.id]), 1)
-          ])) : g("", !0),
-          u(w, {
+            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",
@@ -139,51 +140,52 @@ const O = { class: "dpiV3_LinkAndMetadata" }, Z = {
             showEndIcon: !1,
             modelValue: e["dct:title"],
             "onUpdate:modelValue": (n) => e["dct:title"] = n,
-            defaultInput: !a.showDeleteButton
-          }, null, 8, ["onInput", "modelValue", "onUpdate:modelValue", "defaultInput"]),
-          u(q, {
+            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": (n) => e["dct:description"] = n,
-            showDeleteButton: a.showDeleteButton
-          }, null, 8, ["onInput", "modelValue", "onUpdate:modelValue", "showDeleteButton"]),
-          R.value && a.accessServices.length === 1 ? (r(), c("p", G, " Mindestens eine URL muss vorhanden sein. ")) : g("", !0)
+            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(S, {
+        u(x, {
           class: "dpiV3_tempAddMore",
           buttonText: "Löschen",
           size: "small",
           iconStart: "trash",
           variant: "tertiary",
-          onClick: (n) => C(e)
+          onClick: (n) => I(e)
         }, null, 8, ["onClick"])
       ], 2))), 128)),
-      a.asCard ? g("", !0) : (r(), c("div", J, [
-        u(S, {
+      d.asCard ? h("", !0) : (r(), c("div", J, [
+        u(x, {
           buttonText: "Weiteren Service hinzufügen",
           size: "small",
           iconStart: "plus",
           variant: "tertiary",
-          onClick: y
+          onClick: D
         })
       ])),
-      d(p) ? (r(), D(W, {
+      a(p) ? (r(), z(q, {
         key: 1,
-        buttons: d(s).button,
-        headerText: d(s).header,
-        text: d(s).text,
-        onClose: i[0] || (i[0] = (e) => P(p) ? p.value = !1 : p = !1),
-        action: d(s).action,
-        onActionHandling: i[1] || (i[1] = (e) => k(e)),
-        optionalString_1: d(s).optionalString_1,
-        optionalString_2: d(s).optionalString_2
-      }, null, 8, ["buttons", "headerText", "text", "action", "optionalString_1", "optionalString_2"])) : g("", !0)
+        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));
   }
-}, oe = /* @__PURE__ */ H(K, [["__scopeId", "data-v-9f224f36"]]);
+}, oe = /* @__PURE__ */ H(K, [["__scopeId", "data-v-c7145fc8"]]);
 export {
   oe as default
 };

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

@@ -1,18 +1,18 @@
-import { ref as n, onMounted as P, getCurrentInstance as A, watch as g, createElementBlock as f, openBlock as v, createVNode as d, createCommentVNode as x, normalizeClass as E, createElementVNode as V, unref as b, toDisplayString as I } from "vue";
+import { ref as r, onMounted as P, getCurrentInstance as E, watch as C, createElementBlock as v, openBlock as h, normalizeClass as k, createElementVNode as g, createCommentVNode as b, createVNode as d, unref as I, toDisplayString as w } from "vue";
 import { useFormValues as z } from "../../../composables/useDpiFormValues.js";
 import { getChecksumAlgorithms as M } from "../../services/dpiV3_apis.js";
 import N from "../Dropdown.vue.js";
-import O from "../InputField.vue.js";
-import { PhWarning as w } from "@phosphor-icons/vue";
+import q from "../InputField.vue.js";
+import { PhWarning as y } from "@phosphor-icons/vue";
 /* empty css                */
-import U from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const q = { class: "dpiV3_LinkAndMetadata" }, H = {
+import O from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const U = {
   key: 0,
   class: "dpiV3_errorMessage"
-}, W = { class: "copy-mini-regular" }, G = {
-  key: 1,
+}, W = { class: "copy-mini-regular" }, H = {
+  key: 0,
   class: "dpiV3_errorMessage"
-}, L = { class: "copy-mini-regular" }, $ = {
+}, G = { class: "copy-mini-regular" }, L = {
   __name: "ChecksumV3",
   props: {
     distributionId: { type: Number, required: !1 },
@@ -20,59 +20,60 @@ const q = { class: "dpiV3_LinkAndMetadata" }, H = {
     checksumText: { type: String, default: "" },
     checksumDropdownText: { type: String, default: "" },
     uri: { type: String, default: "" },
-    distIndex: { type: Number, required: !1 }
+    distIndex: { type: Number, required: !1 },
+    asCard: { type: Boolean, required: !1, default: !1 }
   },
   emits: ["addChecksum", "deleteButtonClicked"],
-  setup(r, { expose: D, emit: T }) {
-    const c = n([]), { formValues: m } = z(), o = n(null), u = n(null);
+  setup(n, { expose: T, emit: D }) {
+    const c = r([]), { formValues: m } = z(), o = r(null), u = r(null);
     P(async () => {
-      const t = A().appContext.app.config.globalProperties.$env;
+      const l = E().appContext.app.config.globalProperties.$env;
       try {
-        const e = await M(t.api.baseUrl);
-        c.value = e.map((p) => ({
-          "@value": p.value,
-          label: p.label,
+        const e = await M(l.api.baseUrl);
+        c.value = e.map((f) => ({
+          "@value": f.value,
+          label: f.label,
           selected: !1,
-          uri: p.resource
+          uri: f.resource
         }));
       } catch (e) {
         console.error("Failed to load checksum algorithms:", e);
       }
     });
-    const s = r, i = n(s.checksumText);
-    n([]);
-    const a = n(s.checksumDropdownText), h = T;
-    let k = "";
-    const y = () => {
-      const l = i.value && i.value.trim() !== "", t = a.value && a.value.trim() !== "";
+    const s = n, i = r(s.checksumText);
+    r([]);
+    const a = r(s.checksumDropdownText), V = D;
+    let x = "";
+    const p = () => {
+      const t = i.value && i.value.trim() !== "", l = a.value && a.value.trim() !== "";
       let e = !1;
-      return l || t ? (l ? u.value = null : (u.value = "Prüfsumme ist erforderlich", e = !0), t ? o.value = null : (o.value = "Algorithmus ist erforderlich", e = !0)) : (u.value = null, o.value = null), !e;
-    }, C = () => !y(), F = (l) => {
-      i.value = l.target.value, h(
+      return t || l ? (t ? u.value = null : (u.value = "Prüfsumme ist erforderlich", e = !0), l ? o.value = null : (o.value = "Algorithmus ist erforderlich", e = !0)) : (u.value = null, o.value = null), !e;
+    }, F = () => !p(), S = (t) => {
+      i.value = t.target.value, V(
         "addChecksum",
         i.value,
         a.value,
         s.distributionId
-      );
-    }, S = (l) => {
-      var t;
-      a.value = l, k = ((t = c.value.find((e) => e["@value"] === l)) == null ? void 0 : t.uri) || "", h(
+      ), p();
+    }, A = (t) => {
+      var l;
+      a.value = t, x = ((l = c.value.find((e) => e["@value"] === t)) == null ? void 0 : l.uri) || "", V(
         "addChecksum",
         i.value,
         a.value,
         s.distributionId,
-        k
-      );
+        x
+      ), p();
     };
-    g(
+    C(
       () => s.checksumDropdownText,
-      (l) => {
-        a.value = l;
+      (t) => {
+        a.value = t;
       }
-    ), g(
+    ), C(
       () => s.checksumText,
-      (l) => {
-        i.value = l;
+      (t) => {
+        i.value = t;
       }
     );
     const _ = () => {
@@ -80,67 +81,73 @@ const q = { class: "dpiV3_LinkAndMetadata" }, H = {
     }, B = () => {
       m.value.DistributionSimple["dcat:distribution"][s.distIndex].checksum.title = "", i.value = "", u.value = null;
     };
-    return D({
-      validateAllItems: C
-    }), (l, t) => (v(), f("div", q, [
-      d(O, {
-        onInput: t[0] || (t[0] = (e) => F(e)),
-        modelValue: i.value,
-        "onUpdate:modelValue": t[1] || (t[1] = (e) => i.value = e),
-        addOnText: !1,
-        datePicker: !1,
-        infoIcon: !1,
-        placeholder: "Bitte Prüfsumme eingeben...",
-        preIcon: !1,
-        inputFieldSize: "large",
-        initialHintText: !1,
-        label: "Prüfsumme",
-        showEndIcon: !1,
-        defaultInput: !r.showDeleteButton,
-        onDeleteButtonClicked: B,
-        class: E({ dpiV3_Space3: r.showDeleteButton })
-      }, null, 8, ["modelValue", "defaultInput", "class"]),
-      u.value ? (v(), f("div", H, [
-        d(b(w), {
-          size: 16,
-          weight: "fill"
-        }),
-        V("span", W, I(u.value), 1)
-      ])) : x("", !0),
-      d(N, {
-        "onUpdate:modelValue": [
-          t[2] || (t[2] = (e) => S(e)),
-          t[3] || (t[3] = (e) => a.value = e)
-        ],
-        dropdownWidth: "large",
-        type: "inputField",
-        modelValue: a.value,
-        inputFieldProps: {
+    return T({
+      validateAllItems: F
+    }), (t, l) => (h(), v("div", {
+      class: k(["dpiV3_LinkAndMetadata", { dpiV3_docAllAsCard: n.asCard }])
+    }, [
+      g("div", {
+        class: k(["dpiV3AutoCompleteWrap", { dpiV3_docAsCard: n.asCard }])
+      }, [
+        d(q, {
+          onInput: l[0] || (l[0] = (e) => S(e)),
+          modelValue: i.value,
+          "onUpdate:modelValue": l[1] || (l[1] = (e) => i.value = e),
           addOnText: !1,
-          initialHintText: !1,
           datePicker: !1,
           infoIcon: !1,
+          placeholder: "Bitte Prüfsumme eingeben...",
           preIcon: !1,
-          label: "Algorithmus",
-          dropdown_dpiV3: !0,
-          placeholder: "Geben Sie den Algorithmus ein...",
           inputFieldSize: "large",
+          initialHintText: !1,
+          label: "Prüfsumme",
+          showEndIcon: !1,
+          defaultInput: !0,
+          onDeleteButtonClicked: B,
+          class: k({ dpiV3_Space3: n.showDeleteButton })
+        }, null, 8, ["modelValue", "class"]),
+        u.value ? (h(), v("div", U, [
+          d(I(y), {
+            size: 16,
+            weight: "fill"
+          }),
+          g("span", W, w(u.value), 1)
+        ])) : b("", !0),
+        d(N, {
+          "onUpdate:modelValue": [
+            l[2] || (l[2] = (e) => A(e)),
+            l[3] || (l[3] = (e) => a.value = e)
+          ],
+          dropdownWidth: "large",
+          type: "inputField",
           modelValue: a.value,
-          defaultInput: !r.showDeleteButton
-        },
-        data: c.value,
-        onDeleteDropdownField: _
-      }, null, 8, ["modelValue", "inputFieldProps", "data"]),
-      o.value ? (v(), f("div", G, [
-        d(b(w), {
+          inputFieldProps: {
+            addOnText: !1,
+            initialHintText: !1,
+            datePicker: !1,
+            infoIcon: !1,
+            preIcon: !1,
+            label: "Algorithmus",
+            dropdown_dpiV3: !0,
+            placeholder: "Geben Sie den Algorithmus ein...",
+            inputFieldSize: "large",
+            modelValue: a.value,
+            defaultInput: !0
+          },
+          data: c.value,
+          onDeleteDropdownField: _
+        }, null, 8, ["modelValue", "inputFieldProps", "data"])
+      ], 2),
+      o.value ? (h(), v("div", H, [
+        d(I(y), {
           size: 16,
           weight: "fill"
         }),
-        V("span", L, I(o.value), 1)
-      ])) : x("", !0)
-    ]));
+        g("span", G, w(o.value), 1)
+      ])) : b("", !0)
+    ], 2));
   }
-}, ee = /* @__PURE__ */ U($, [["__scopeId", "data-v-a8f1bd35"]]);
+}, Z = /* @__PURE__ */ O(L, [["__scopeId", "data-v-a3888031"]]);
 export {
-  ee as default
+  Z as default
 };