@piveau/dpi 0.2.0-alpha.19 → 0.2.0-alpha.20

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

@@ -1,7 +1,7 @@
 import t from "./OptionalDataStep.vue2.js";
 /* empty css                      */
 import o from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-ce7812db"]]);
+const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-6f7ed213"]]);
 export {
   e as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/OptionalDataStep/OptionalDataStep.vue2.js

@@ -16,7 +16,7 @@ const q = { class: "dpiV3_page V3-typography" }, O = {
   class: "funny-section"
 }, R = { class: "partner-cards-container" }, H = { class: "action-container" }, J = { class: "funny-section" }, Q = { class: "start-and-end" }, X = { class: "funny-section" }, Y = { class: "funny-section required-skills" }, ee = {
   key: 0,
-  class: "d-flex"
+  style: { display: "flex", "flex-wrap": "wrap" }
 }, te = ["id", "value"], ne = ["for"], ie = { class: "action-container" }, le = {
   id: "partners-section",
   class: "funny-section"

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 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";
 /* 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(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(() => {
+      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);
+    }, v = (t) => {
+      const i = t["dct:title"] && t["dct:title"].trim() !== "", e = t["dct:description"] && t["dct:description"].trim() !== "";
+      return i || e;
+    }, I = (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;
+      }
+    }, x = () => {
+      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);
+      }), t;
+    }, k = (t) => {
+      switch (t) {
         case "delete":
-          _();
+          F();
           break;
       }
-    }, B = () => {
-      const o = {
-        id: (i.accessServices.length ? Math.max(...i.accessServices.map((e) => e.id)) : 0) + 1,
+    }, y = () => {
+      if (x())
+        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(
+        (B) => B.id === e ? { ...B, [i]: t.target.value } : B
       );
-      p("update", t);
-    }, w = (n) => {
-      l.value = {
+      m("update", n), setTimeout(() => {
+        I(e);
+      }, 0);
+    }, C = (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;
+    }, F = () => {
+      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: x
+    }), (t, i) => (r(), c("div", {
+      class: b(["dpiV3_documentationsWrap", { dpiV3_docAllAsCard: a.asCard }])
     }, [
-      (s(!0), c(k, null, L(a.accessServices, (e) => (s(), c("div", {
+      (r(!0), c(M, null, E(a.accessServices, (e) => (r(), c("div", {
         key: e.id,
-        class: S(["dpiV3AutoCompleteWrap", { dpiV3_docAsCard: a.asCard }])
+        class: b(["dpiV3AutoCompleteWrap", { dpiV3_docAsCard: a.asCard }])
       }, [
-        y("div", z, [
-          u(I, {
-            onInput: (t) => f(t, "dcat:downloadURL", e.id),
+        L("div", O, [
+          u(w, {
+            onInput: (n) => U(n, "dcat:downloadURL", e.id),
             addOnText: !1,
             datePicker: !1,
             infoIcon: !1,
@@ -92,10 +117,17 @@ 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(d($), {
+              size: 16,
+              weight: "fill"
+            }),
+            L("span", j, N(l[e.id]), 1)
+          ])) : g("", !0),
+          u(w, {
+            onInput: (n) => U(n, "dct:title", e.id),
             addOnText: !1,
             datePicker: !1,
             infoIcon: !1,
@@ -106,52 +138,52 @@ const z = { class: "dpiV3_LinkAndMetadata" }, E = {
             label: "Titel (optional)",
             showEndIcon: !1,
             modelValue: e["dct:title"],
-            "onUpdate:modelValue": (t) => e["dct:title"] = t,
+            "onUpdate:modelValue": (n) => e["dct:title"] = n,
             defaultInput: !a.showDeleteButton
           }, null, 8, ["onInput", "modelValue", "onUpdate:modelValue", "defaultInput"]),
-          u(D, {
-            onInput: (t) => f(t, "dct:description", e.id),
+          u(q, {
+            onInput: (n) => U(n, "dct:description", e.id),
             hint: !1,
             label: "Beschreibung (optional)",
             placeholder: "Bitte Beschreibung eingeben...",
             modelValue: e["dct:description"],
-            "onUpdate:modelValue": (t) => e["dct:description"] = t,
+            "onUpdate:modelValue": (n) => e["dct:description"] = n,
             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)
+          R.value && a.accessServices.length === 1 ? (r(), c("p", G, " Mindestens eine URL muss vorhanden sein. ")) : g("", !0)
         ]),
-        u(b, {
+        u(S, {
           class: "dpiV3_tempAddMore",
           buttonText: "Löschen",
           size: "small",
           iconStart: "trash",
           variant: "tertiary",
-          onClick: (t) => w(e)
+          onClick: (n) => C(e)
         }, null, 8, ["onClick"])
       ], 2))), 128)),
-      a.asCard ? h("", !0) : (s(), c("div", N, [
-        u(b, {
+      a.asCard ? g("", !0) : (r(), c("div", J, [
+        u(S, {
           buttonText: "Weiteren Service hinzufügen",
           size: "small",
           iconStart: "plus",
           variant: "tertiary",
-          onClick: B
+          onClick: y
         })
       ])),
-      d(r) ? (s(), U(R, {
+      d(p) ? (r(), D(W, {
         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
-      }, null, 8, ["buttons", "headerText", "text", "action", "optionalString_1", "optionalString_2"])) : h("", !0)
+        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)
     ], 2));
   }
-}, G = /* @__PURE__ */ M(q, [["__scopeId", "data-v-5b5b9169"]]);
+}, oe = /* @__PURE__ */ H(K, [["__scopeId", "data-v-9f224f36"]]);
 export {
-  G as default
+  oe as default
 };

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

@@ -1,10 +1,17 @@
-import { ref as s, onMounted as b, getCurrentInstance as x, watch as c, createElementBlock as p, openBlock as f, Fragment as z, createCommentVNode as I, createVNode as g, normalizeClass as D, unref as C } from "vue";
-import { getLicenses as V } from "../../services/dpiV3_apis.js";
-import T from "../Dropdown.vue.js";
-import B from "../InputField.vue.js";
+import { ref as s, onMounted as _, getCurrentInstance as N, watch as y, createElementBlock as f, openBlock as d, Fragment as S, createCommentVNode as g, createElementVNode as b, createVNode as w, createBlock as E, normalizeClass as M, unref as m, toDisplayString as x } from "vue";
+import { getLicenses as P } from "../../services/dpiV3_apis.js";
+import O from "../Dropdown.vue.js";
+import U from "../InputField.vue.js";
+import { PhWarning as D } from "@phosphor-icons/vue";
 /* empty css                     */
-import F from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const k = { key: 0 }, y = {
+import A from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const H = { key: 0 }, W = { class: "dpiV3_LinkAndMetadata" }, q = {
+  key: 0,
+  class: "dpiV3_errorMessage"
+}, j = { class: "copy-mini-regular" }, G = {
+  key: 2,
+  class: "dpiV3_errorMessage"
+}, J = { class: "copy-mini-regular" }, $ = {
   __name: "ChangeLicenseV3",
   props: {
     distributionId: { type: Number, required: !1 },
@@ -14,100 +21,146 @@ const k = { key: 0 }, y = {
     asCard: { type: Boolean, default: !1 }
   },
   emits: ["addChangeLicense", "deleteButtonClicked"],
-  setup(o, { emit: m }) {
-    let d = s([]);
-    b(async () => {
-      const n = x().appContext.app.config.globalProperties.$env;
+  setup(r, { expose: T, emit: V }) {
+    let h = s([]);
+    const c = s(null), p = s(null);
+    _(async () => {
+      const t = N().appContext.app.config.globalProperties.$env;
       try {
-        const e = await V(n.api.baseUrl);
-        d.value = e.map((u) => ({
-          "@value": u.value,
-          label: u.label
+        a.changeLicenseText !== "" && (v.value = !0);
+        const e = await P(t.api.baseUrl);
+        h.value = e.map((o) => ({
+          uri: o.uri,
+          "@value": o.value,
+          label: o.label
         }));
       } catch (e) {
         console.error("Failed to load licenses", e);
       }
     });
-    const i = o, l = s(i.changeLicenseText);
+    const a = r;
+    let v = s(!1);
+    const l = s(a.changeLicenseText);
     s([]);
-    const a = s(i.changeLicenseDropdownText), r = m, h = (t) => {
-      l.value = t.target.value, r(
+    const i = s(a.changeLicenseDropdownText), z = V, u = (n, t) => {
+      const e = typeof i.value == "string" ? i.value.trim() : "", o = typeof l.value == "string" ? l.value.trim() : "";
+      let L = !1;
+      if (t) {
+        const F = n !== "" && (n.includes("cc-by") || n.includes("dl-by-de"));
+        v.value = F;
+      }
+      return c.value = null, p.value = null, e && (e.toLowerCase().includes("cc-by") || e.toLowerCase().includes("cc by")) && (o || (p.value = "Nennung des Datenbereitstellers ist erforderlich für diese Lizenz", L = !0)), o && !e && (c.value = "Lizenz ist erforderlich wenn Nennung des Datenbereitstellers ausgefüllt ist", L = !0), L;
+    }, I = (n) => {
+      var e;
+      const t = typeof n == "string" ? n : ((e = n == null ? void 0 : n.target) == null ? void 0 : e.value) ?? "";
+      l.value = t, z(
         "addChangeLicense",
         l.value,
-        a.value,
-        i.distributionId
+        i.value,
+        a.distributionId
+      ), setTimeout(() => {
+        u(n, !1);
+      }, 0);
+    }, C = (n) => {
+      let t = h.value.find(
+        (e) => e["@value"] === n
       );
-    }, v = (t) => {
-      a.value = t, r(
+      i.value = n, l.value = "", z(
         "addChangeLicense",
         l.value,
-        a.value,
-        i.distributionId
-      );
+        i.value,
+        a.distributionId,
+        t.uri
+      ), setTimeout(() => {
+        u(n, !0);
+      }, 0);
     };
-    c(
-      () => i.changeLicenseDropdownText,
-      (t) => {
-        a.value = t;
+    y(
+      () => a.changeLicenseDropdownText,
+      (n) => {
+        i.value = n;
       }
-    ), c(
-      () => i.changeLicenseText,
-      (t) => {
-        l.value = t;
+    ), y(
+      () => a.changeLicenseText,
+      (n) => {
+        l.value = n;
       }
     );
-    const L = () => {
-      a.value = "";
-    }, w = () => {
-      l.value = "";
+    const k = () => {
+      i.value = "", setTimeout(() => {
+        u();
+      }, 0);
+    }, B = () => {
+      l.value = "", setTimeout(() => {
+        u();
+      }, 0);
     };
-    return (t, n) => (f(), p(z, null, [
-      o.asCard ? I("", !0) : (f(), p("p", k, " Die von Ihnen gewählte Lizenz bestimmt, wie andere Ihre Daten verwenden und teilen können. Je einfacher die Lizenz, desto besser. Um eine Wiederverwendung zu erleichtern, ist die Auswahl eines bereits verbreiteten Lizenzstandards zu empfehlen. ")),
-      g(T, {
-        "onUpdate:modelValue": [
-          n[0] || (n[0] = (e) => v(e)),
-          n[1] || (n[1] = (e) => a.value = e)
-        ],
-        dropdownWidth: "large",
-        type: "inputField",
-        modelValue: a.value,
-        inputFieldProps: {
+    return T({
+      validate: u
+    }), (n, t) => (d(), f(S, null, [
+      r.asCard ? g("", !0) : (d(), f("p", H, " Die von Ihnen gewählte Lizenz bestimmt, wie andere Ihre Daten verwenden und teilen können. Je einfacher die Lizenz, desto besser. Um eine Wiederverwendung zu erleichtern, ist die Auswahl eines bereits verbreiteten Lizenzstandards zu empfehlen. ")),
+      b("div", W, [
+        w(O, {
+          "onUpdate:modelValue": [
+            t[0] || (t[0] = (e) => C(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: "Lizenz nur für diesen Link",
+            dropdown_dpiV3: !0,
+            placeholder: "Geben Sie die Lizenz ein...",
+            inputFieldSize: "large",
+            modelValue: i.value,
+            defaultInput: !r.showDeleteButton
+          },
+          data: m(h),
+          onDeleteDropdownField: k,
+          class: M({ dpiV3_Space3: r.showDeleteButton })
+        }, null, 8, ["modelValue", "inputFieldProps", "data", "class"]),
+        c.value ? (d(), f("div", q, [
+          w(m(D), {
+            size: 16,
+            weight: "fill"
+          }),
+          b("span", j, x(c.value), 1)
+        ])) : g("", !0),
+        m(v) ? (d(), E(U, {
+          key: 1,
+          onInput: t[2] || (t[2] = (e) => I(e)),
+          modelValue: l.value,
+          "onUpdate:modelValue": t[3] || (t[3] = (e) => l.value = e),
           addOnText: !1,
-          initialHintText: !1,
           datePicker: !1,
           infoIcon: !1,
+          placeholder: "Bitte Namensnennungstext eingeben...",
           preIcon: !1,
-          label: "Lizenz nur für diesen Link",
-          dropdown_dpiV3: !0,
-          placeholder: "Geben Sie die Lizenz ein...",
           inputFieldSize: "large",
-          modelValue: a.value,
-          defaultInput: !o.showDeleteButton
-        },
-        data: C(d),
-        onDeleteDropdownField: L,
-        class: D({ dpiV3_Space3: o.showDeleteButton })
-      }, null, 8, ["modelValue", "inputFieldProps", "data", "class"]),
-      g(B, {
-        onInput: n[2] || (n[2] = (e) => h(e)),
-        modelValue: l.value,
-        "onUpdate:modelValue": n[3] || (n[3] = (e) => l.value = e),
-        addOnText: !1,
-        datePicker: !1,
-        infoIcon: !1,
-        placeholder: "Bitte Namensnennungstext eingeben...",
-        preIcon: !1,
-        inputFieldSize: "large",
-        initialHintText: !0,
-        label: "Nennung des Datenbereitstellers",
-        showEndIcon: !1,
-        defaultInput: !o.showDeleteButton,
-        onDeleteButtonClicked: w,
-        supportingHintMessage: "Dieser Namensnennungstext stellt sicher, dass die Lizenzbedingungen eingehalten werden."
-      }, null, 8, ["modelValue", "defaultInput"])
+          initialHintText: !0,
+          label: "Nennung des Datenbereitstellers",
+          showEndIcon: !1,
+          defaultInput: !r.showDeleteButton,
+          onDeleteButtonClicked: B,
+          supportingHintMessage: "Dieser Namensnennungstext stellt sicher, dass die Lizenzbedingungen eingehalten werden."
+        }, null, 8, ["modelValue", "defaultInput"])) : g("", !0),
+        p.value ? (d(), f("div", G, [
+          w(m(D), {
+            size: 16,
+            weight: "fill"
+          }),
+          b("span", J, x(p.value), 1)
+        ])) : g("", !0)
+      ])
     ], 64));
   }
-}, O = /* @__PURE__ */ F(y, [["__scopeId", "data-v-1896a82d"]]);
+}, ne = /* @__PURE__ */ A($, [["__scopeId", "data-v-65faf32f"]]);
 export {
-  O as default
+  ne as default
 };