@piveau/dpi 0.2.0-alpha.5 → 0.2.0-alpha.51

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

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

@@ -1,16 +1,20 @@
-import { ref as m, onMounted as U, createElementBlock as u, openBlock as s, normalizeClass as V, createCommentVNode as I, createBlock as y, Fragment as L, renderList as A, createElementVNode as R, createVNode as p, unref as i, isRef as M } from "vue";
-import b from "../ButtonV3.vue.js";
-import z from "../ModalSimpleV3.vue.js";
-import x from "../InputField.vue.js";
+import { ref as h, reactive as L, computed as N, onMounted as P, createElementBlock as u, openBlock as r, normalizeClass as x, 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 D from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const $ = { class: "dpiV3_LinkAndMetadata" }, E = {
+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"
-}, F = {
+}, X = {
   key: 0,
   class: "dpiV3_tempAddMore"
-}, N = {
+}, Y = {
   __name: "ConformsToV3",
   props: {
     conformsToItems: { type: Array, required: !0 },
@@ -18,12 +22,15 @@ const $ = { class: "dpiV3_LinkAndMetadata" }, E = {
     asCard: { type: Boolean, required: !1, default: !1 },
     showDeleteButton: { type: Boolean, required: !1, default: !1 }
   },
-  emits: ["update"],
-  setup(l, { emit: S }) {
-    let d = m({});
-    const a = l, c = S, g = m(!1), C = m(null);
-    let r = m(!1);
-    U(() => {
+  emits: ["update", "validationChange"],
+  setup(d, { expose: k, emit: _ }) {
+    let s = h({});
+    const a = d, c = _, y = h(!1), V = h(null), o = L({}), v = L({});
+    let m = h(!1);
+    const T = N(() => Object.values(o).some((e) => e === !0)), A = () => {
+      c("validationChange", T.value);
+    };
+    P(() => {
       console.log(
         "Component Mounted: conformsToItems received for distributionId:",
         a.distributionId
@@ -35,57 +42,79 @@ const $ = { class: "dpiV3_LinkAndMetadata" }, E = {
         }
       ]));
     });
-    const v = (e) => {
+    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((n) => n.id === e);
+      if (t) {
+        const n = t["dct:title"] && t["dct:title"].trim() !== "", i = t["dcat:downloadURL"] ? t["dcat:downloadURL"].trim() : "";
+        n ? i ? p(i) ? o[e] = null : o[e] = "Bitte geben Sie eine gültige URL ein (z.B. https://example.com)" : o[e] = "Bitte geben Sie eine gültige URL ein." : i && !p(i) ? o[e] = "Bitte geben Sie eine gültige URL ein (z.B. https://example.com)" : o[e] = null;
+      }
+    }, U = () => {
+      let e = !1;
+      return a.conformsToItems.forEach((t) => {
+        const n = t["dct:title"] && t["dct:title"].trim() !== "", i = t["dcat:downloadURL"] ? t["dcat:downloadURL"].trim() : "";
+        n ? i && p(i) || (o[t.id] = "Bitte geben Sie eine gültige URL ein.", e = !0) : i && !p(i) && (o[t.id] = "Bitte geben Sie eine gültige URL ein.", e = !0);
+      }), e;
+    }, z = (e) => {
       switch (e) {
         case "delete":
-          w();
+          D();
           break;
       }
-    }, k = () => {
-      const n = {
-        id: (a.conformsToItems.length ? Math.max(...a.conformsToItems.map((t) => t.id)) : 0) + 1,
+    }, E = () => {
+      if (U())
+        return;
+      const t = {
+        id: (a.conformsToItems.length ? Math.max(...a.conformsToItems.map((n) => n.id)) : 0) + 1,
         "dcat:downloadURL": "",
         "dct:title": ""
       };
-      c("update", [...a.conformsToItems, n]);
-    }, T = (e, n, t) => {
-      var h;
-      (h = e == null ? void 0 : e.target) == null || h.value;
-      const o = a.conformsToItems.map(
-        (f) => f.id === t ? { ...f, [n]: e.target.value } : f
+      c("update", [...a.conformsToItems, t]);
+    }, M = (e) => {
+      v[e] && clearTimeout(v[e]), v[e] = setTimeout(() => {
+        g(e);
+      }, 800);
+    }, B = (e, t, n) => {
+      var S;
+      (S = e == null ? void 0 : e.target) == null || S.value;
+      const i = a.conformsToItems.map(
+        (C) => C.id === n ? { ...C, [t]: e.target.value } : C
       );
-      c("update", o);
-    }, _ = (e) => {
-      d.value = {
+      c("update", i), M(n);
+    }, $ = (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"]
-      }, r.value = !0, C.value = e;
-    }, w = () => {
-      if (a.conformsToItems.length === 1) {
-        g.value = !0;
-        return;
-      }
+      }, m.value = !0, V.value = e;
+    }, D = () => {
       const e = a.conformsToItems.filter(
-        (n) => n.id !== C.value.id
+        (t) => t.id !== V.value.id
       );
-      c("update", e);
-    }, B = (e) => {
-      e["dct:title"] = "";
+      delete o[V.value.id], c("update", e), A();
+    }, F = (e) => {
+      e["dct:title"] = "", g(e.id);
     };
-    return (e, n) => (s(), u("div", {
-      class: V(["dpiV3_documentationsWrap", { dpiV3_docAllAsCard: l.asCard }])
+    return k({
+      validateAllItems: U,
+      hasValidationErrors: T
+    }), (e, t) => (r(), u("div", {
+      class: x(["dpiV3_documentationsWrap", { dpiV3_docAllAsCard: d.asCard }])
     }, [
-      (s(!0), u(L, null, A(l.conformsToItems, (t) => (s(), u("div", {
-        key: t.id,
-        class: V(["dpiV3AutoCompleteWrap", { dpiV3_docAsCard: l.asCard }])
+      (r(!0), u(W, null, H(d.conformsToItems, (n) => (r(), u("div", {
+        key: n.id,
+        class: x(["dpiV3AutoCompleteWrap", { dpiV3_docAsCard: d.asCard }])
       }, [
-        R("div", $, [
-          p(x, {
-            onInput: (o) => T(o, "dcat:downloadURL", t.id),
+        R("div", J, [
+          f(w, {
+            onInput: (i) => B(i, "dcat:downloadURL", n.id),
+            onBlur: (i) => g(n.id),
             addOnText: !1,
             datePicker: !1,
             infoIcon: !1,
@@ -95,11 +124,19 @@ const $ = { class: "dpiV3_LinkAndMetadata" }, E = {
             initialHintText: !1,
             label: "URL",
             showEndIcon: !1,
-            modelValue: t["dcat:downloadURL"],
-            "onUpdate:modelValue": (o) => t["dcat:downloadURL"] = o
-          }, null, 8, ["onInput", "modelValue", "onUpdate:modelValue"]),
-          p(x, {
-            onInput: (o) => T(o, "dct:title", t.id),
+            modelValue: n["dcat:downloadURL"],
+            "onUpdate:modelValue": (i) => n["dcat:downloadURL"] = i
+          }, null, 8, ["onInput", "onBlur", "modelValue", "onUpdate:modelValue"]),
+          o[n.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: (i) => B(i, "dct:title", n.id),
+            onBlur: (i) => g(n.id),
             addOnText: !1,
             datePicker: !1,
             infoIcon: !1,
@@ -111,14 +148,14 @@ const $ = { class: "dpiV3_LinkAndMetadata" }, E = {
               "message.dataupload.datasets.dcat:distribution.distribution-title.label"
             ),
             showEndIcon: !1,
-            modelValue: t["dct:title"],
-            "onUpdate:modelValue": (o) => t["dct:title"] = o,
-            defaultInput: !l.showDeleteButton,
-            onDeleteButtonClicked: (o) => B(t)
-          }, null, 8, ["onInput", "label", "modelValue", "onUpdate:modelValue", "defaultInput", "onDeleteButtonClicked"]),
-          g.value && l.conformsToItems.length === 1 ? (s(), u("p", E, " Mindestens eine URL muss vorhanden sein. ")) : I("", !0)
+            modelValue: n["dct:title"],
+            "onUpdate:modelValue": (i) => n["dct:title"] = i,
+            defaultInput: !d.showDeleteButton,
+            onDeleteButtonClicked: (i) => F(n)
+          }, 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)
         ]),
-        p(b, {
+        f(I, {
           class: "dpiV3_tempAddMore",
           buttonText: e.$t(
             "message.dataupload.datasets.dcat:distribution.advanced.documentation.delete"
@@ -126,32 +163,32 @@ const $ = { class: "dpiV3_LinkAndMetadata" }, E = {
           size: "small",
           iconStart: "trash",
           variant: "tertiary",
-          onClick: (o) => _(t)
+          onClick: (i) => $(n)
         }, null, 8, ["buttonText", "onClick"])
       ], 2))), 128)),
-      l.asCard ? I("", !0) : (s(), u("div", F, [
-        p(b, {
+      d.asCard ? b("", !0) : (r(), u("div", X, [
+        f(I, {
           buttonText: "Weitere Standards hinzufügen",
           size: "small",
           iconStart: "plus",
           variant: "tertiary",
-          onClick: k
+          onClick: E
         })
       ])),
-      i(r) ? (s(), y(z, {
+      l(m) ? (r(), q(j, {
         key: 1,
-        buttons: i(d).button,
-        headerText: i(d).header,
-        text: i(d).text,
-        onClose: n[0] || (n[0] = (t) => M(r) ? r.value = !1 : r = !1),
-        action: i(d).action,
-        onActionHandling: n[1] || (n[1] = (t) => v(t)),
-        optionalString_1: i(d).optionalString_1,
-        optionalString_2: i(d).optionalString_2
-      }, null, 8, ["buttons", "headerText", "text", "action", "optionalString_1", "optionalString_2"])) : I("", !0)
+        buttons: l(s).button,
+        headerText: l(s).header,
+        text: l(s).text,
+        onClose: t[0] || (t[0] = (n) => O(m) ? m.value = !1 : m = !1),
+        action: l(s).action,
+        onActionHandling: t[1] || (t[1] = (n) => z(n)),
+        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));
   }
-}, G = /* @__PURE__ */ D(N, [["__scopeId", "data-v-aab2720a"]]);
+}, de = /* @__PURE__ */ G(Y, [["__scopeId", "data-v-2c476ce8"]]);
 export {
-  G as default
+  de as default
 };