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

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
 };

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

@@ -1,116 +1,153 @@
-import { ref as s, onMounted as w, getCurrentInstance as x, watch as p, createElementBlock as I, openBlock as T, Fragment as V, createVNode as m, normalizeClass as C } from "vue";
-import { getChecksumAlgorithms as b } from "../../services/dpiV3_apis.js";
-import D from "../Dropdown.vue.js";
-import F from "../InputField.vue.js";
+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 q from "../InputField.vue.js";
+import { PhWarning as y } from "@phosphor-icons/vue";
 /* empty css                */
-import B from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const y = {
+import O from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const U = {
+  key: 0,
+  class: "dpiV3_errorMessage"
+}, W = { class: "copy-mini-regular" }, H = {
+  key: 0,
+  class: "dpiV3_errorMessage"
+}, G = { class: "copy-mini-regular" }, L = {
   __name: "ChecksumV3",
   props: {
     distributionId: { type: Number, required: !1 },
     showDeleteButton: { type: Boolean, default: !1 },
     checksumText: { type: String, default: "" },
     checksumDropdownText: { type: String, default: "" },
-    uri: { type: String, default: "" }
+    uri: { type: String, default: "" },
+    distIndex: { type: Number, required: !1 },
+    asCard: { type: Boolean, required: !1, default: !1 }
   },
   emits: ["addChecksum", "deleteButtonClicked"],
-  setup(u, { emit: f }) {
-    const d = s([]);
-    w(async () => {
-      const e = x().appContext.app.config.globalProperties.$env;
+  setup(n, { expose: T, emit: D }) {
+    const c = r([]), { formValues: m } = z(), o = r(null), u = r(null);
+    P(async () => {
+      const l = E().appContext.app.config.globalProperties.$env;
       try {
-        const t = await b(e.api.baseUrl);
-        d.value = t.map((i) => ({
-          "@value": i.value,
-          label: i.label,
+        const e = await M(l.api.baseUrl);
+        c.value = e.map((f) => ({
+          "@value": f.value,
+          label: f.label,
           selected: !1,
-          uri: i.resource
+          uri: f.resource
         }));
-      } catch (t) {
-        console.error("Failed to load checksum algorithms:", t);
+      } catch (e) {
+        console.error("Failed to load checksum algorithms:", e);
       }
     });
-    const n = u, a = s(n.checksumText);
-    s([]);
-    const o = s(n.checksumDropdownText), r = f;
-    let c = "";
-    const h = (l) => {
-      a.value = l.target.value, r(
+    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 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,
-        o.value,
-        n.distributionId
-      );
-    }, k = (l) => {
-      o.value = l, c = d.value.find((e) => e["@value"] === l).uri || "", r(
+        s.distributionId
+      ), 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,
-        o.value,
-        n.distributionId,
-        c
-      );
+        s.distributionId,
+        x
+      ), p();
     };
-    p(
-      () => n.checksumDropdownText,
-      (l) => {
-        o.value = l;
+    C(
+      () => s.checksumDropdownText,
+      (t) => {
+        a.value = t;
       }
-    ), p(
-      () => n.checksumText,
-      (l) => {
-        a.value = l;
+    ), C(
+      () => s.checksumText,
+      (t) => {
+        i.value = t;
       }
     );
-    const v = () => {
-      console.log("delete clicked"), o.value = "";
-    }, g = () => {
-      a.value = "";
+    const _ = () => {
+      m.value.DistributionSimple["dcat:distribution"][s.distIndex].checksum.uri = "", m.value.DistributionSimple["dcat:distribution"][s.distIndex].checksum["spdx:checksum"] = "", a.value = "", o.value = null;
+    }, B = () => {
+      m.value.DistributionSimple["dcat:distribution"][s.distIndex].checksum.title = "", i.value = "", u.value = null;
     };
-    return (l, e) => (T(), I(V, null, [
-      m(F, {
-        onInput: e[0] || (e[0] = (t) => h(t)),
-        modelValue: a.value,
-        "onUpdate:modelValue": e[1] || (e[1] = (t) => a.value = t),
-        addOnText: !1,
-        datePicker: !1,
-        infoIcon: !1,
-        placeholder: "Bitte Prüfsumme eingeben...",
-        preIcon: !1,
-        inputFieldSize: "large",
-        initialHintText: !1,
-        label: "Prüfsumme",
-        showEndIcon: !1,
-        defaultInput: !u.showDeleteButton,
-        onDeleteButtonClicked: g,
-        class: C({ dpiV3_Space3: u.showDeleteButton })
-      }, null, 8, ["modelValue", "defaultInput", "class"]),
-      m(D, {
-        "onUpdate:modelValue": [
-          e[2] || (e[2] = (t) => k(t)),
-          e[3] || (e[3] = (t) => o.value = t)
-        ],
-        dropdownWidth: "large",
-        type: "inputField",
-        modelValue: o.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",
-          modelValue: o.value,
-          defaultInput: !u.showDeleteButton
-        },
-        data: d.value,
-        onDeleteDropdownField: v
-      }, null, 8, ["modelValue", "inputFieldProps", "data"])
-    ], 64));
+          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,
+          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"
+        }),
+        g("span", G, w(o.value), 1)
+      ])) : b("", !0)
+    ], 2));
   }
-}, E = /* @__PURE__ */ B(y, [["__scopeId", "data-v-057ec666"]]);
+}, Z = /* @__PURE__ */ O(L, [["__scopeId", "data-v-a3888031"]]);
 export {
-  E as default
+  Z as default
 };