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

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

@@ -1,12 +1,16 @@
-import { ref as c, onMounted as C, createElementBlock as u, openBlock as r, normalizeClass as y, createBlock as b, createCommentVNode as I, Fragment as h, renderList as k, createElementVNode as L, createVNode as U, unref as n, isRef as A } from "vue";
-import R from "../ModalSimpleV3.vue.js";
-import P from "../InputField.vue.js";
+import { ref as i, onMounted as R, createElementBlock as c, openBlock as l, normalizeClass as y, createBlock as h, createCommentVNode as p, Fragment as A, renderList as C, createElementVNode as k, createVNode as w, toDisplayString as P, unref as n, isRef as B } from "vue";
+import E from "../ModalSimpleV3.vue.js";
+import D from "../InputField.vue.js";
+import { useFormValues as M } from "../../../composables/useDpiFormValues.js";
 /* empty css              */
-import w from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const B = { class: "dpiV3_LinkAndMetadata" }, M = {
+import S from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const T = { class: "dpiV3_LinkAndMetadata" }, F = {
   key: 0,
   class: "copy-mini-regular dpiV3_text_error"
-}, T = {
+}, N = {
+  key: 1,
+  class: "copy-mini-regular dpiV3_text_error"
+}, q = {
   __name: "PolicyV3",
   props: {
     policyItems: { type: Array, required: !0 },
@@ -14,52 +18,63 @@ const B = { class: "dpiV3_LinkAndMetadata" }, M = {
     asCard: { type: Boolean, required: !1, default: !1 }
   },
   emits: ["update"],
-  setup(a, { emit: V }) {
-    let l = c({});
-    const i = a, m = V, f = c(!1), g = c(null);
-    let s = c(!1);
-    C(() => {
+  setup(d, { expose: I, emit: V }) {
+    const { formValues: _ } = M();
+    let r = i({});
+    const u = i({}), s = d, f = V, v = i(!1), g = i(null);
+    let m = i(!1);
+    R(() => {
       console.log(
         "Component Mounted: policyItems received for distributionId:",
-        i.distributionId
-      ), i.policyItems.length === 0 && m("update", [
+        s.distributionId
+      ), s.policyItems.length === 0 && f("update", [
         {
           id: 1,
           "dcat:downloadURL": ""
         }
       ]);
     });
-    const v = (o) => {
+    const U = (o) => {
       switch (o) {
         case "delete":
-          x();
+          b();
           break;
       }
-    }, _ = (o, t, e) => {
-      const d = i.policyItems.map(
-        (p) => p.id === e ? { ...p, [t]: o.target.value } : p
-      );
-      m("update", d);
-    }, x = () => {
-      if (i.policyItems.length === 1) {
-        f.value = !0;
+    };
+    I({ validateAllItems: () => {
+      const o = (e) => {
+        if (!e || e.trim() === "") return !1;
+        const t = e.trim();
+        return /\.[a-zA-Z]{2,}$/.test(t);
+      };
+      s.policyItems.forEach((e) => {
+        const t = e["dcat:downloadURL"] ? e["dcat:downloadURL"].trim() : "";
+        t && !o(t) ? u.value[e.id] = "Bitte geben Sie eine gültige URL ein." : delete u.value[e.id];
+      });
+    } });
+    const L = (o, e, t) => {
+      let a = i(_.value.DistributionSimple["dcat:distribution"].find((x) => x.id === t));
+      a.value.policyItems === void 0 && (a.value.policyItems = [{ "dcat:downloadURL": "" }]), a.value.policyItems[0]["dcat:downloadURL"] = o.target.value;
+    }, b = () => {
+      if (s.policyItems.length === 1) {
+        v.value = !0;
         return;
       }
-      const o = i.policyItems.filter(
-        (t) => t.id !== g.value.id
+      const o = s.policyItems.filter(
+        (e) => e.id !== g.value.id
       );
-      m("update", o);
+      f("update", o);
     };
-    return (o, t) => (r(), u("div", {
-      class: y(["dpiV3_documentationsWrap", { dpiV3_docAllAsCard: a.asCard }])
+    return (o, e) => (l(), c("div", {
+      class: y(["dpiV3_documentationsWrap", { dpiV3_docAllAsCard: d.asCard }])
     }, [
-      (r(!0), u(h, null, k(a.policyItems, (e) => (r(), u("div", {
-        key: e.id,
-        class: y(["dpiV3AutoCompleteWrap", { dpiV3_docAsCard: a.asCard }])
+      (l(!0), c(A, null, C(d.policyItems, (t) => (l(), c("div", {
+        key: t.id,
+        class: y(["dpiV3AutoCompleteWrap", { dpiV3_docAsCard: d.asCard }])
       }, [
-        L("div", B, [
-          U(P, {
-            onInput: (d) => _(d, "dcat:downloadURL", e.id),
+        k("div", T, [
+          w(D, {
+            onInput: (a) => L(a, "dcat:downloadURL", t.id),
             addOnText: !1,
             datePicker: !1,
             infoIcon: !1,
@@ -69,25 +84,26 @@ const B = { class: "dpiV3_LinkAndMetadata" }, M = {
             initialHintText: !1,
             label: "URL",
             showEndIcon: !1,
-            modelValue: e["dcat:downloadURL"],
-            "onUpdate:modelValue": (d) => e["dcat:downloadURL"] = d
+            modelValue: t["dcat:downloadURL"],
+            "onUpdate:modelValue": (a) => t["dcat:downloadURL"] = a
           }, null, 8, ["onInput", "modelValue", "onUpdate:modelValue"]),
-          f.value && a.policyItems.length === 1 ? (r(), u("p", M, " Mindestens eine URL muss vorhanden sein. ")) : I("", !0)
+          u.value[t.id] ? (l(), c("p", F, P(u.value[t.id]), 1)) : p("", !0),
+          v.value && d.policyItems.length === 1 ? (l(), c("p", N, " Mindestens eine URL muss vorhanden sein. ")) : p("", !0)
         ])
       ], 2))), 128)),
-      n(s) ? (r(), b(R, {
+      n(m) ? (l(), h(E, {
         key: 0,
-        buttons: n(l).button,
-        headerText: n(l).header,
-        text: n(l).text,
-        onClose: t[0] || (t[0] = (e) => A(s) ? s.value = !1 : s = !1),
-        action: n(l).action,
-        onActionHandling: t[1] || (t[1] = (e) => v(e)),
-        optionalString_1: n(l).optionalString_1
-      }, null, 8, ["buttons", "headerText", "text", "action", "optionalString_1"])) : I("", !0)
+        buttons: n(r).button,
+        headerText: n(r).header,
+        text: n(r).text,
+        onClose: e[0] || (e[0] = (t) => B(m) ? m.value = !1 : m = !1),
+        action: n(r).action,
+        onActionHandling: e[1] || (e[1] = (t) => U(t)),
+        optionalString_1: n(r).optionalString_1
+      }, null, 8, ["buttons", "headerText", "text", "action", "optionalString_1"])) : p("", !0)
     ], 2));
   }
-}, z = /* @__PURE__ */ w(T, [["__scopeId", "data-v-9c3e343e"]]);
+}, G = /* @__PURE__ */ S(q, [["__scopeId", "data-v-389f6598"]]);
 export {
-  z as default
+  G as default
 };

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

@@ -1,7 +1,7 @@
-import { ref as i, onMounted as f, getCurrentInstance as m, watch as v, createBlock as S, openBlock as b } from "vue";
-import { getDatasetStatus as x } from "../../services/dpiV3_apis.js";
-import w from "../Dropdown.vue.js";
-const V = {
+import { ref as d, onMounted as f, getCurrentInstance as v, watch as m, createBlock as S, openBlock as b } from "vue";
+import { getDatasetStatus as g } from "../../services/dpiV3_apis.js";
+import x from "../Dropdown.vue.js";
+const T = {
   __name: "StatusV3",
   props: {
     distributionId: { type: Number, required: !1 },
@@ -9,41 +9,42 @@ const V = {
     statusText: { type: String, default: "" }
   },
   emits: ["addStatus", "deleteButtonClicked"],
-  setup(n, { emit: r }) {
-    const s = i([]);
+  setup(u, { emit: i }) {
+    const l = d([]);
     f(async () => {
-      const e = m().appContext.app.config.globalProperties.$env;
+      const t = v().appContext.app.config.globalProperties.$env;
       try {
-        const t = await x(e.api.baseUrl);
-        s.value = t.map((u) => ({
-          "@value": u.label,
-          value: u.value,
+        const e = await g(t.api.baseUrl);
+        console.log(e), l.value = e.flatMap((o) => o.value === "OP_DATPRO" ? [] : o.value === "DEVELOP" ? [] : o.value === "DISCONT" ? [] : [{
+          "@value": o.label,
+          uri: o.resource,
           selected: !1
-        }));
-      } catch (t) {
-        console.error("Failed to load dataset status data:", t);
+        }]);
+      } catch (e) {
+        console.error("Failed to load dataset status data:", e);
       }
     });
-    const o = n, l = i(o.statusText), d = r, p = (a) => {
-      d("addStatus", a, o.distributionId);
+    const n = u, s = d(n.statusText), r = i, p = (a) => {
+      const t = l.value.find((e) => e["@value"] === a);
+      console.log(t, l), r("addStatus", t, n.distributionId);
     };
-    v(
-      () => o.statusText,
+    m(
+      () => n.statusText,
       (a) => {
-        l.value = a;
+        s.value = a;
       }
     );
     const c = () => {
-      d("deleteButtonClicked", o.distributionId);
+      r("deleteButtonClicked", n.distributionId);
     };
-    return (a, e) => (b(), S(w, {
+    return (a, t) => (b(), S(x, {
       "onUpdate:modelValue": [
-        e[0] || (e[0] = (t) => p(t)),
-        e[1] || (e[1] = (t) => l.value = t)
+        t[0] || (t[0] = (e) => p(e)),
+        t[1] || (t[1] = (e) => s.value = e)
       ],
       dropdownWidth: "large",
       type: "inputField",
-      modelValue: l.value,
+      modelValue: s.value,
       inputFieldProps: {
         addOnText: !1,
         initialHintText: !1,
@@ -54,14 +55,14 @@ const V = {
         dropdown_dpiV3: !0,
         placeholder: "Geben Sie den Status ein...",
         inputFieldSize: "large",
-        modelValue: l.value,
-        defaultInput: !n.showDeleteButton
+        modelValue: s.value,
+        defaultInput: !u.showDeleteButton
       },
-      data: s.value,
+      data: l.value,
       onDeleteDropdownField: c
     }, null, 8, ["modelValue", "inputFieldProps", "data"]));
   }
 };
 export {
-  V as default
+  T as default
 };

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

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

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

@@ -1,57 +1,61 @@
-import { defineComponent as w, watch as k, createElementBlock as I, openBlock as _, createElementVNode as t, createVNode as l, mergeProps as B, unref as m, isRef as R, withCtx as D } from "vue";
-import { toTypedSchema as a } from "../../../../../../../node_modules/.pnpm/@vee-validate_zod@4.15.1_vue@3.5.18_typescript@5.8.3__zod@3.25.76/node_modules/@vee-validate/zod/dist/vee-validate-zod.js";
-import { useForm as j } from "vee-validate";
+import { defineComponent as F, watch as _, computed as k, createElementBlock as I, openBlock as B, createElementVNode as t, createVNode as l, mergeProps as R, unref as b, isRef as j, withCtx as A } from "vue";
+import { toTypedSchema as C } from "../../../../../../../node_modules/.pnpm/@vee-validate_zod@4.15.1_vue@3.5.18_typescript@5.8.3__zod@3.25.76/node_modules/@vee-validate/zod/dist/vee-validate-zod.js";
+import { useForm as E } from "vee-validate";
+import { useRouter as N } from "vue-router";
 import * as v from "zod";
-import A from "../Autocomplete/AutocompleteVocab.vue.js";
-import C from "../ButtonV3.vue.js";
-import E from "./RichOption.vue.js";
-import { RouterLink as N } from "vue-router";
-const P = { class: "dpi-project-process-step V3-typography" }, W = { class: "step-section" }, K = { class: "step-section-actions" }, H = /* @__PURE__ */ w({
+import P from "../Autocomplete/AutocompleteVocab.vue.js";
+import W from "../ButtonV3.vue.js";
+import H from "./RichOption.vue.js";
+const K = { class: "dpi-project-process-step V3-typography" }, O = { class: "step-section" }, T = { class: "step-section-actions" }, U = ["href"], X = /* @__PURE__ */ F({
   __name: "DatasetForm",
   props: {
     exclude: { default: () => [] }
   },
   emits: ["submit"],
-  setup(z, { emit: S }) {
-    const g = z, V = S, x = v.object({ id: v.string() }), { defineField: y } = j({
-      validationSchema: a(x),
+  setup(D, { emit: g }) {
+    const z = D, S = g, V = v.object({ id: v.string() }), { defineField: a } = E({
+      validationSchema: C(V),
       initialValues: { id: "" },
       name: "datasetForm"
-    }), [i, F] = y("id");
-    return k(i, (u) => {
-      const n = String(u || "").trim();
-      n && V("submit", { id: n });
-    }), (u, n) => (_(), I("div", P, [
-      t("section", W, [
+    }), [r, w] = a("id");
+    _(r, (m) => {
+      const n = String(m || "").trim();
+      n && S("submit", { id: n });
+    });
+    const x = N(), y = k(
+      () => x.resolve({ name: "DataProviderInterface-Input", params: { property: "datasets" } }).href
+    );
+    return (m, n) => (B(), I("div", K, [
+      t("section", O, [
         n[1] || (n[1] = t("h5", null, "Wählen Sie einen bestehenden Datensatz", -1)),
         n[2] || (n[2] = t("p", null, "Falls der Datensatz schon in unserem System existiert, können Sie ihn hier auswählen.", -1)),
-        l(A, B({
-          modelValue: m(i),
-          "onUpdate:modelValue": n[0] || (n[0] = (e) => R(i) ? i.value = e : null)
-        }, m(F), {
+        l(P, R({
+          modelValue: b(r),
+          "onUpdate:modelValue": n[0] || (n[0] = (e) => j(r) ? r.value = e : null)
+        }, b(w), {
           "base-url": "https://twin.bydata.de/api/hub/search",
           resource: "dataset",
           label: "",
           placeholder: "Wählen Sie einen Datensatz.",
           name: "dataset",
           "setup-fn": (e) => {
-            var s, r, o, p, c, f, h, d, b;
+            var s, i, o, u, p, c, f, h, d;
             return {
               id: e == null ? void 0 : e.id,
-              name: ((s = e == null ? void 0 : e.title) == null ? void 0 : s.de) || ((r = e == null ? void 0 : e.title) == null ? void 0 : r.en) || (e == null ? void 0 : e.id),
-              description: ((o = e == null ? void 0 : e.description) == null ? void 0 : o.de) || ((p = e == null ? void 0 : e.description) == null ? void 0 : p.en),
-              manufacturer: ((f = (c = e == null ? void 0 : e.publisher) == null ? void 0 : c.name) == null ? void 0 : f.de) || ((d = (h = e == null ? void 0 : e.publisher) == null ? void 0 : h.name) == null ? void 0 : d.en) || ((b = e == null ? void 0 : e.publisher) == null ? void 0 : b.name),
-              unavailable: g.exclude.includes(e == null ? void 0 : e.id)
+              name: ((s = e == null ? void 0 : e.title) == null ? void 0 : s.de) || ((i = e == null ? void 0 : e.title) == null ? void 0 : i.en) || (e == null ? void 0 : e.id),
+              description: ((o = e == null ? void 0 : e.description) == null ? void 0 : o.de) || ((u = e == null ? void 0 : e.description) == null ? void 0 : u.en),
+              manufacturer: ((c = (p = e == null ? void 0 : e.publisher) == null ? void 0 : p.name) == null ? void 0 : c.de) || ((h = (f = e == null ? void 0 : e.publisher) == null ? void 0 : f.name) == null ? void 0 : h.en) || ((d = e == null ? void 0 : e.publisher) == null ? void 0 : d.name),
+              unavailable: z.exclude.includes(e == null ? void 0 : e.id)
             };
           }
         }), {
-          option: D(({ option: e, active: s, selected: r, disabled: o }) => [
-            l(E, {
+          option: A(({ option: e, active: s, selected: i, disabled: o }) => [
+            l(H, {
               name: e.name,
               manufacturer: e.manufacturer,
               description: e.description,
               active: s,
-              selected: r,
+              selected: i,
               disabled: o
             }, null, 8, ["name", "manufacturer", "description", "active", "selected", "disabled"])
           ]),
@@ -59,22 +63,23 @@ const P = { class: "dpi-project-process-step V3-typography" }, W = { class: "ste
         }, 16, ["modelValue", "setup-fn"]),
         n[3] || (n[3] = t("h5", null, "oder", -1)),
         n[4] || (n[4] = t("p", null, " Sollte der verwendete Datensatz noch nicht im Katalog verfügbar sein, legen Sie einen neuen Datensatz an. Der Datensatz kann zugeordnet werden, sobald er veröffentlicht ist. ", -1)),
-        t("div", K, [
-          l(m(N), { to: { name: "DataProviderInterface-Input", params: { property: "datasets" } } }, {
-            default: D(() => [
-              l(C, {
-                "button-text": "Zur Datensatzanlage",
-                size: "medium",
-                variant: "secondary"
-              })
-            ]),
-            _: 1
-          })
+        t("div", T, [
+          t("a", {
+            href: y.value,
+            target: "_blank",
+            rel: "noopener noreferrer"
+          }, [
+            l(W, {
+              "button-text": "Zur Datensatzanlage",
+              size: "medium",
+              variant: "secondary"
+            })
+          ], 8, U)
         ])
       ])
     ]));
   }
 });
 export {
-  H as default
+  X as default
 };

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

@@ -1,7 +1,7 @@
 import o from "./HardwareForm.vue2.js";
 /* empty css                  */
 import r from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-cfb3800e"]]);
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b946f96b"]]);
 export {
-  e as default
+  f as default
 };