@piveau/dpi 0.2.0-alpha.4 → 0.2.0-alpha.41

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

@@ -0,0 +1,166 @@
+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 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 },
+    showDeleteButton: { type: Boolean, default: !1 },
+    changeLicenseText: { type: String, default: "" },
+    changeLicenseDropdownText: { type: String, default: "" },
+    asCard: { type: Boolean, default: !1 }
+  },
+  emits: ["addChangeLicense", "deleteButtonClicked"],
+  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 {
+        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 a = r;
+    let v = s(!1);
+    const l = s(a.changeLicenseText);
+    s([]);
+    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,
+        i.value,
+        a.distributionId
+      ), setTimeout(() => {
+        u(n, !1);
+      }, 0);
+    }, C = (n) => {
+      let t = h.value.find(
+        (e) => e["@value"] === n
+      );
+      i.value = n, l.value = "", z(
+        "addChangeLicense",
+        l.value,
+        i.value,
+        a.distributionId,
+        t.uri
+      ), setTimeout(() => {
+        u(n, !0);
+      }, 0);
+    };
+    y(
+      () => a.changeLicenseDropdownText,
+      (n) => {
+        i.value = n;
+      }
+    ), y(
+      () => a.changeLicenseText,
+      (n) => {
+        l.value = n;
+      }
+    );
+    const k = () => {
+      i.value = "", setTimeout(() => {
+        u();
+      }, 0);
+    }, B = () => {
+      l.value = "", setTimeout(() => {
+        u();
+      }, 0);
+    };
+    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,
+          datePicker: !1,
+          infoIcon: !1,
+          placeholder: "Bitte Namensnennungstext eingeben...",
+          preIcon: !1,
+          inputFieldSize: "large",
+          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));
+  }
+}, ne = /* @__PURE__ */ A($, [["__scopeId", "data-v-65faf32f"]]);
+export {
+  ne as default
+};

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

@@ -0,0 +1,146 @@
+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 { 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";
+/* empty css                */
+import U from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const q = { class: "dpiV3_LinkAndMetadata" }, H = {
+  key: 0,
+  class: "dpiV3_errorMessage"
+}, W = { class: "copy-mini-regular" }, G = {
+  key: 1,
+  class: "dpiV3_errorMessage"
+}, L = { class: "copy-mini-regular" }, $ = {
+  __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: "" },
+    distIndex: { type: Number, required: !1 }
+  },
+  emits: ["addChecksum", "deleteButtonClicked"],
+  setup(r, { expose: D, emit: T }) {
+    const c = n([]), { formValues: m } = z(), o = n(null), u = n(null);
+    P(async () => {
+      const t = A().appContext.app.config.globalProperties.$env;
+      try {
+        const e = await M(t.api.baseUrl);
+        c.value = e.map((p) => ({
+          "@value": p.value,
+          label: p.label,
+          selected: !1,
+          uri: p.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() !== "";
+      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(
+        "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(
+        "addChecksum",
+        i.value,
+        a.value,
+        s.distributionId,
+        k
+      );
+    };
+    g(
+      () => s.checksumDropdownText,
+      (l) => {
+        a.value = l;
+      }
+    ), g(
+      () => s.checksumText,
+      (l) => {
+        i.value = l;
+      }
+    );
+    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 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: {
+          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: !r.showDeleteButton
+        },
+        data: c.value,
+        onDeleteDropdownField: _
+      }, null, 8, ["modelValue", "inputFieldProps", "data"]),
+      o.value ? (v(), f("div", G, [
+        d(b(w), {
+          size: 16,
+          weight: "fill"
+        }),
+        V("span", L, I(o.value), 1)
+      ])) : x("", !0)
+    ]));
+  }
+}, ee = /* @__PURE__ */ U($, [["__scopeId", "data-v-a8f1bd35"]]);
+export {
+  ee as default
+};

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

@@ -0,0 +1,194 @@
+import { ref as h, reactive as L, computed as N, onMounted as P, createElementBlock as u, openBlock as r, normalizeClass as S, createCommentVNode as b, createBlock as q, Fragment as W, renderList as H, createElementVNode as R, createVNode as f, unref as l, isRef as O } from "vue";
+import I from "../ButtonV3.vue.js";
+import j from "../ModalSimpleV3.vue.js";
+import w from "../InputField.vue.js";
+import { PhWarning as Z } from "@phosphor-icons/vue";
+/* empty css                  */
+import G from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const J = { class: "dpiV3_LinkAndMetadata" }, K = {
+  key: 0,
+  class: "dpiV3_errorMessage"
+}, Q = {
+  key: 1,
+  class: "copy-mini-regular dpiV3_text_error"
+}, X = {
+  key: 0,
+  class: "dpiV3_tempAddMore"
+}, Y = {
+  __name: "ConformsToV3",
+  props: {
+    conformsToItems: { type: Array, required: !0 },
+    distributionId: { type: Number, required: !0 },
+    asCard: { type: Boolean, required: !1, default: !1 },
+    showDeleteButton: { type: Boolean, required: !1, default: !1 }
+  },
+  emits: ["update", "validationChange"],
+  setup(d, { expose: k, emit: _ }) {
+    let s = h({});
+    const a = d, c = _, y = h(!1), V = h(null), i = L({}), v = L({});
+    let m = h(!1);
+    const T = N(() => Object.values(i).some((e) => e === !0)), z = () => {
+      c("validationChange", T.value);
+    };
+    P(() => {
+      console.log(
+        "Component Mounted: conformsToItems received for distributionId:",
+        a.distributionId
+      ), console.log("conformsToItems:", a.conformsToItems), a.conformsToItems.length === 0 && (console.log("No conformsToItems found, initializing first documentation."), c("update", [
+        {
+          id: 1,
+          "dcat:downloadURL": "",
+          "dct:title": ""
+        }
+      ]));
+    });
+    const p = (e) => {
+      if (!e || e.trim() === "") return !1;
+      const t = e.trim();
+      return /\.[a-zA-Z]{2,}$/.test(t);
+    }, g = (e) => {
+      const t = a.conformsToItems.find((o) => o.id === e);
+      if (t) {
+        const o = t["dct:title"] && t["dct:title"].trim() !== "", n = t["dcat:downloadURL"] ? t["dcat:downloadURL"].trim() : "";
+        o ? n ? p(n) ? i[e] = null : i[e] = "Bitte geben Sie eine gültige URL ein (z.B. https://example.com)" : i[e] = "URL ist erforderlich" : n && !p(n) ? i[e] = "Bitte geben Sie eine gültige URL ein (z.B. https://example.com)" : i[e] = null;
+      }
+    }, U = () => {
+      let e = !1;
+      return a.conformsToItems.forEach((t) => {
+        const o = t["dct:title"] && t["dct:title"].trim() !== "", n = t["dcat:downloadURL"] ? t["dcat:downloadURL"].trim() : "";
+        o ? n ? p(n) || (i[t.id] = "Bitte geben Sie eine gültige URL ein (z.B. example.com)", e = !0) : (i[t.id] = "URL ist erforderlich", e = !0) : n && !p(n) && (i[t.id] = "Bitte geben Sie eine gültige URL ein (z.B. example.com)", e = !0);
+      }), e;
+    }, A = (e) => {
+      switch (e) {
+        case "delete":
+          D();
+          break;
+      }
+    }, E = () => {
+      if (U())
+        return;
+      const t = {
+        id: (a.conformsToItems.length ? Math.max(...a.conformsToItems.map((o) => o.id)) : 0) + 1,
+        "dcat:downloadURL": "",
+        "dct:title": ""
+      };
+      c("update", [...a.conformsToItems, t]);
+    }, M = (e) => {
+      v[e] && clearTimeout(v[e]), v[e] = setTimeout(() => {
+        g(e);
+      }, 800);
+    }, B = (e, t, o) => {
+      var x;
+      (x = e == null ? void 0 : e.target) == null || x.value;
+      const n = a.conformsToItems.map(
+        (C) => C.id === o ? { ...C, [t]: e.target.value } : C
+      );
+      c("update", n), M(o);
+    }, $ = (e) => {
+      s.value = {
+        button: "Löschen",
+        header: "Standard löschen",
+        text: "Sind Sie sicher, dass Sie diesen Standard löschen wollen?",
+        action: "delete",
+        optionalString_1: e["dct:title"],
+        optionalString_2: e["dcat:downloadURL"]
+      }, m.value = !0, V.value = e;
+    }, D = () => {
+      const e = a.conformsToItems.filter(
+        (t) => t.id !== V.value.id
+      );
+      delete i[V.value.id], c("update", e), z();
+    }, F = (e) => {
+      e["dct:title"] = "", g(e.id);
+    };
+    return k({
+      validateAllItems: U,
+      hasValidationErrors: T
+    }), (e, t) => (r(), u("div", {
+      class: S(["dpiV3_documentationsWrap", { dpiV3_docAllAsCard: d.asCard }])
+    }, [
+      (r(!0), u(W, null, H(d.conformsToItems, (o) => (r(), u("div", {
+        key: o.id,
+        class: S(["dpiV3AutoCompleteWrap", { dpiV3_docAsCard: d.asCard }])
+      }, [
+        R("div", J, [
+          f(w, {
+            onInput: (n) => B(n, "dcat:downloadURL", o.id),
+            onBlur: (n) => g(o.id),
+            addOnText: !1,
+            datePicker: !1,
+            infoIcon: !1,
+            placeholder: "Bitte URL eingeben...",
+            preIcon: !1,
+            inputFieldSize: "large",
+            initialHintText: !1,
+            label: "URL",
+            showEndIcon: !1,
+            modelValue: o["dcat:downloadURL"],
+            "onUpdate:modelValue": (n) => o["dcat:downloadURL"] = n
+          }, null, 8, ["onInput", "onBlur", "modelValue", "onUpdate:modelValue"]),
+          i[o.id] ? (r(), u("div", K, [
+            f(l(Z), {
+              size: 16,
+              weight: "fill"
+            }),
+            t[2] || (t[2] = R("span", { class: "copy-mini-regular" }, "Bitte geben Sie eine gültige URL ein.", -1))
+          ])) : b("", !0),
+          f(w, {
+            onInput: (n) => B(n, "dct:title", o.id),
+            onBlur: (n) => g(o.id),
+            addOnText: !1,
+            datePicker: !1,
+            infoIcon: !1,
+            placeholder: "Bitte Titel eingeben...",
+            preIcon: !1,
+            inputFieldSize: "large",
+            initialHintText: !1,
+            label: e.$t(
+              "message.dataupload.datasets.dcat:distribution.distribution-title.label"
+            ),
+            showEndIcon: !1,
+            modelValue: o["dct:title"],
+            "onUpdate:modelValue": (n) => o["dct:title"] = n,
+            defaultInput: !d.showDeleteButton,
+            onDeleteButtonClicked: (n) => F(o)
+          }, null, 8, ["onInput", "onBlur", "label", "modelValue", "onUpdate:modelValue", "defaultInput", "onDeleteButtonClicked"]),
+          y.value && d.conformsToItems.length === 1 ? (r(), u("p", Q, " Mindestens eine URL muss vorhanden sein. ")) : b("", !0)
+        ]),
+        f(I, {
+          class: "dpiV3_tempAddMore",
+          buttonText: e.$t(
+            "message.dataupload.datasets.dcat:distribution.advanced.documentation.delete"
+          ),
+          size: "small",
+          iconStart: "trash",
+          variant: "tertiary",
+          onClick: (n) => $(o)
+        }, null, 8, ["buttonText", "onClick"])
+      ], 2))), 128)),
+      d.asCard ? b("", !0) : (r(), u("div", X, [
+        f(I, {
+          buttonText: "Weitere Standards hinzufügen",
+          size: "small",
+          iconStart: "plus",
+          variant: "tertiary",
+          onClick: E
+        })
+      ])),
+      l(m) ? (r(), q(j, {
+        key: 1,
+        buttons: l(s).button,
+        headerText: l(s).header,
+        text: l(s).text,
+        onClose: t[0] || (t[0] = (o) => O(m) ? m.value = !1 : m = !1),
+        action: l(s).action,
+        onActionHandling: t[1] || (t[1] = (o) => A(o)),
+        optionalString_1: l(s).optionalString_1,
+        optionalString_2: l(s).optionalString_2
+      }, null, 8, ["buttons", "headerText", "text", "action", "optionalString_1", "optionalString_2"])) : b("", !0)
+    ], 2));
+  }
+}, de = /* @__PURE__ */ G(Y, [["__scopeId", "data-v-501b6eb9"]]);
+export {
+  de as default
+};