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

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

@@ -1,16 +1,16 @@
-import { ref as m, onMounted as w, createElementBlock as c, openBlock as d, normalizeClass as g, createCommentVNode as f, createBlock as R, Fragment as L, renderList as U, createElementVNode as A, createVNode as y, unref as s, isRef as S } from "vue";
-import h from "../ButtonV3.vue.js";
-import P from "../ModalSimpleV3.vue.js";
-import M 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 T from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const B = { class: "dpiV3_LinkAndMetadata" }, z = {
+import S from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const T = { class: "dpiV3_LinkAndMetadata" }, F = {
   key: 0,
   class: "copy-mini-regular dpiV3_text_error"
-}, E = {
-  key: 0,
-  class: "dpiV3_tempAddMore"
 }, N = {
+  key: 1,
+  class: "copy-mini-regular dpiV3_text_error"
+}, q = {
   __name: "PolicyV3",
   props: {
     policyItems: { type: Array, required: !0 },
@@ -18,66 +18,63 @@ const B = { class: "dpiV3_LinkAndMetadata" }, z = {
     asCard: { type: Boolean, required: !1, default: !1 }
   },
   emits: ["update"],
-  setup(n, { emit: V }) {
-    let i = m({});
-    const a = n, u = V, I = m(!1), v = m(null);
-    let r = m(!1);
-    w(() => {
+  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:",
-        a.distributionId
-      ), a.policyItems.length === 0 && u("update", [
+        s.distributionId
+      ), s.policyItems.length === 0 && f("update", [
         {
           id: 1,
           "dcat:downloadURL": ""
         }
       ]);
     });
-    const x = (t) => {
-      switch (t) {
+    const U = (o) => {
+      switch (o) {
         case "delete":
-          _();
+          b();
           break;
       }
-    }, k = () => {
-      const o = {
-        id: (a.policyItems.length ? Math.max(...a.policyItems.map((e) => e.id)) : 0) + 1,
-        "dcat:downloadURL": ""
+    };
+    I({ validateAllItems: () => {
+      const o = (e) => {
+        if (!e || e.trim() === "") return !1;
+        const t = e.trim();
+        return /\.[a-zA-Z]{2,}$/.test(t);
       };
-      u("update", [...a.policyItems, o]);
-    }, b = (t, o, e) => {
-      const l = a.policyItems.map(
-        (p) => p.id === e ? { ...p, [o]: t.target.value } : p
-      );
-      u("update", l);
-    }, C = (t) => {
-      i.value = {
-        button: "Löschen",
-        header: "Regelwerk löschen",
-        text: "Sind Sie sicher, dass Sie dieses Regelwerk löschen wollen?",
-        action: "delete",
-        optionalString_1: t["dcat:downloadURL"]
-      }, r.value = !0, v.value = t;
-    }, _ = () => {
-      if (a.policyItems.length === 1) {
-        I.value = !0;
+      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[0] === 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 t = a.policyItems.filter(
-        (o) => o.id !== v.value.id
+      const o = s.policyItems.filter(
+        (e) => e.id !== g.value.id
       );
-      u("update", t);
+      f("update", o);
     };
-    return (t, o) => (d(), c("div", {
-      class: g(["dpiV3_documentationsWrap", { dpiV3_docAllAsCard: n.asCard }])
+    return (o, e) => (l(), c("div", {
+      class: y(["dpiV3_documentationsWrap", { dpiV3_docAllAsCard: d.asCard }])
     }, [
-      (d(!0), c(L, null, U(n.policyItems, (e) => (d(), c("div", {
-        key: e.id,
-        class: g(["dpiV3AutoCompleteWrap", { dpiV3_docAsCard: n.asCard }])
+      (l(!0), c(A, null, C(d.policyItems, (t) => (l(), c("div", {
+        key: t.id,
+        class: y(["dpiV3AutoCompleteWrap", { dpiV3_docAsCard: d.asCard }])
       }, [
-        A("div", B, [
-          y(M, {
-            onInput: (l) => b(l, "dcat:downloadURL", e.id),
+        k("div", T, [
+          w(D, {
+            onInput: (a) => L(a, "dcat:downloadURL", t.id),
             addOnText: !1,
             datePicker: !1,
             infoIcon: !1,
@@ -87,44 +84,26 @@ const B = { class: "dpiV3_LinkAndMetadata" }, z = {
             initialHintText: !1,
             label: "URL",
             showEndIcon: !1,
-            modelValue: e["dcat:downloadURL"],
-            "onUpdate:modelValue": (l) => e["dcat:downloadURL"] = l
+            modelValue: t["dcat:downloadURL"],
+            "onUpdate:modelValue": (a) => t["dcat:downloadURL"] = a
           }, null, 8, ["onInput", "modelValue", "onUpdate:modelValue"]),
-          I.value && n.policyItems.length === 1 ? (d(), c("p", z, " Mindestens eine URL muss vorhanden sein. ")) : f("", !0)
-        ]),
-        y(h, {
-          class: "dpiV3_tempAddMore",
-          buttonText: t.$t(
-            "message.dataupload.datasets.dcat:distribution.advanced.documentation.delete"
-          ),
-          size: "small",
-          iconStart: "trash",
-          variant: "tertiary",
-          onClick: (l) => C(e)
-        }, null, 8, ["buttonText", "onClick"])
+          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.asCard ? f("", !0) : (d(), c("div", E, [
-        y(h, {
-          buttonText: "Weiteres Regelwerk hinzufügen",
-          size: "small",
-          iconStart: "plus",
-          variant: "tertiary",
-          onClick: k
-        })
-      ])),
-      s(r) ? (d(), R(P, {
-        key: 1,
-        buttons: s(i).button,
-        headerText: s(i).header,
-        text: s(i).text,
-        onClose: o[0] || (o[0] = (e) => S(r) ? r.value = !1 : r = !1),
-        action: s(i).action,
-        onActionHandling: o[1] || (o[1] = (e) => x(e)),
-        optionalString_1: s(i).optionalString_1
-      }, null, 8, ["buttons", "headerText", "text", "action", "optionalString_1"])) : f("", !0)
+      n(m) ? (l(), h(E, {
+        key: 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));
   }
-}, O = /* @__PURE__ */ T(N, [["__scopeId", "data-v-0c42c576"]]);
+}, G = /* @__PURE__ */ S(q, [["__scopeId", "data-v-55082169"]]);
 export {
-  O 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/AreYouSureToSkipCard.vue.js

@@ -0,0 +1,31 @@
+import { defineComponent as o, createBlock as i, openBlock as a, withCtx as e, createElementVNode as t, toDisplayString as d, createTextVNode as s, createVNode as l, unref as p } from "vue";
+import { PhLightbulb as c } from "@phosphor-icons/vue";
+import u from "../Card.vue.js";
+const m = { class: "application-information" }, b = /* @__PURE__ */ o({
+  __name: "AreYouSureToSkipCard",
+  props: {
+    resourceLabel: {}
+  },
+  setup(f) {
+    return (n, r) => (a(), i(u, { variant: "default" }, {
+      icon: e(() => [
+        l(p(c), {
+          size: 32,
+          color: "#009fe3"
+        })
+      ]),
+      title: e(() => r[0] || (r[0] = [
+        s(" Vorsicht! ", -1)
+      ])),
+      default: e(() => [
+        t("div", m, [
+          t("p", null, " Sind Sie sicher, dass Sie die Angabe der verwendeten " + d(n.resourceLabel) + " überspringen wollen? Jedem Schritt muss mindestens eine Software, ein Datensatz oder eine Hardware zugeordnet werden, die verwendet wurden. ", 1)
+        ])
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  b as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./AreYouSureToSkipCard.vue.js";
+export {
+  f as default
+};

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

@@ -1,74 +1,7 @@
-import { defineComponent as w, watch as y, createElementBlock as k, openBlock as B, createElementVNode as i, createVNode as l, mergeProps as _, unref as d, 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 * as D from "zod";
-import I from "../Autocomplete/AutocompleteVocab.vue.js";
-import N from "../ButtonV3.vue.js";
-import R from "./RichOption.vue.js";
-const W = { class: "dpi-project-process-step V3-typography" }, K = { class: "step-section" }, O = { class: "step-section-actions" }, H = /* @__PURE__ */ w({
-  __name: "DatasetForm",
-  props: {
-    exclude: { default: () => [] }
-  },
-  emits: ["submit"],
-  setup(v, { emit: z }) {
-    const S = v, g = z, V = D.object({ id: D.string() }), { defineField: x } = E({
-      validationSchema: C(V),
-      initialValues: { id: "" },
-      name: "datasetForm"
-    }), [s, F] = x("id");
-    return y(s, (m) => {
-      const n = String(m || "").trim();
-      n && g("submit", { id: n });
-    }), (m, n) => (B(), k("div", W, [
-      i("section", K, [
-        n[1] || (n[1] = i("h5", null, "Wählen Sie einen bestehenden Datensatz", -1)),
-        n[2] || (n[2] = i("p", null, "Falls der Datensatz schon in unserem System existiert, können Sie ihn hier auswählen.", -1)),
-        l(I, _({
-          modelValue: d(s),
-          "onUpdate:modelValue": n[0] || (n[0] = (e) => j(s) ? s.value = e : null)
-        }, d(F), {
-          "base-url": "https://twin.bydata.de/api/hub/search",
-          resource: "dataset",
-          label: "",
-          placeholder: "Wählen Sie einen Datensatz.",
-          name: "dataset",
-          "setup-fn": (e) => {
-            var t, r, o, u, p, c, f, h, b;
-            return {
-              id: e == null ? void 0 : e.id,
-              name: ((t = e == null ? void 0 : e.title) == null ? void 0 : t.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) || ((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) || ((b = e == null ? void 0 : e.publisher) == null ? void 0 : b.name),
-              unavailable: S.exclude.includes(e == null ? void 0 : e.id)
-            };
-          }
-        }), {
-          option: A(({ option: e, active: t, selected: r, disabled: o }) => [
-            l(R, {
-              name: e.name,
-              manufacturer: e.manufacturer,
-              description: e.description,
-              active: t,
-              selected: r,
-              disabled: o
-            }, null, 8, ["name", "manufacturer", "description", "active", "selected", "disabled"])
-          ]),
-          _: 1
-        }, 16, ["modelValue", "setup-fn"]),
-        n[3] || (n[3] = i("h5", null, "oder", -1)),
-        n[4] || (n[4] = i("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)),
-        i("div", O, [
-          l(N, {
-            "button-text": "Zur Datensatzanlage",
-            size: "medium",
-            variant: "secondary"
-          })
-        ])
-      ])
-    ]));
-  }
-});
+import o from "./DatasetForm.vue2.js";
+/* empty css                 */
+import t from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2fd1fa41"]]);
 export {
-  H as default
+  m as default
 };

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

@@ -1,4 +1,103 @@
-import f from "./DatasetForm.vue.js";
+import { defineComponent as T, watch as j, computed as d, createElementBlock as A, openBlock as C, createElementVNode as t, createVNode as u, mergeProps as E, unref as v, isRef as N, withCtx as g, toDisplayString as P } from "vue";
+import { toTypedSchema as U } 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 W } from "vee-validate";
+import { useRouter as H } from "vue-router";
+import { useStore as K } from "vuex";
+import * as S from "zod";
+import L from "../Autocomplete/AutocompleteVocab.vue.js";
+import O from "../ButtonV3.vue.js";
+import Z from "./RichOption.vue.js";
+const q = { class: "dpi-project-process-step V3-typography" }, G = { class: "step-section" }, J = { class: "step-section-actions" }, M = ["href"], se = /* @__PURE__ */ T({
+  __name: "DatasetForm",
+  props: {
+    exclude: { default: () => [] }
+  },
+  emits: ["submit"],
+  setup(a, { emit: y }) {
+    const z = a, k = y, V = S.object({ id: S.string() }), { defineField: w } = W({
+      validationSchema: U(V),
+      initialValues: { id: "" },
+      name: "datasetForm"
+    }), [s, x] = w("id");
+    j(s, (o) => {
+      const n = String(o || "").trim();
+      n && (k("submit", { id: n }), s.value = void 0);
+    });
+    const F = H(), _ = d(
+      () => F.resolve({ name: "DataProviderInterface-Input", params: { property: "datasets" } }).href
+    ), I = K(), B = d(() => {
+      var o, n;
+      return ((n = (o = I.getters) == null ? void 0 : o["auth/getUserData"]) == null ? void 0 : n.authToken) || "";
+    });
+    return (o, n) => (C(), A("div", q, [
+      t("section", G, [
+        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)),
+        u(L, E({
+          modelValue: v(s),
+          "onUpdate:modelValue": n[0] || (n[0] = (e) => N(s) ? s.value = e : null)
+        }, v(x), {
+          "base-url": "https://twin.bydata.de/api/hub/search",
+          resource: "dataset",
+          label: "",
+          placeholder: "Wählen Sie einen Datensatz.",
+          name: "dataset",
+          "setup-fn": (e) => {
+            var i, l, m, c, p, f, h, b, D;
+            let r = (e == null ? void 0 : e.modified) || (e == null ? void 0 : e.issued);
+            try {
+              r = r ? new Date(r).toLocaleDateString() : "";
+            } catch (R) {
+              console.error(R), r = "";
+            }
+            return {
+              id: e == null ? void 0 : e.id,
+              name: ((i = e == null ? void 0 : e.title) == null ? void 0 : i.de) || ((l = e == null ? void 0 : e.title) == null ? void 0 : l.en) || (e == null ? void 0 : e.id),
+              description: ((m = e == null ? void 0 : e.description) == null ? void 0 : m.de) || ((c = e == null ? void 0 : e.description) == null ? void 0 : c.en),
+              manufacturer: ((f = (p = e == null ? void 0 : e.publisher) == null ? void 0 : p.name) == null ? void 0 : f.de) || ((b = (h = e == null ? void 0 : e.publisher) == null ? void 0 : h.name) == null ? void 0 : b.en) || ((D = e == null ? void 0 : e.publisher) == null ? void 0 : D.name),
+              unavailable: z.exclude.includes(e == null ? void 0 : e.id),
+              date: r
+            };
+          },
+          "auth-token": B.value
+        }), {
+          option: g(({ option: e, active: r, selected: i, disabled: l }) => [
+            u(Z, {
+              name: e.name,
+              manufacturer: e.manufacturer,
+              description: e.description,
+              active: r,
+              selected: i,
+              disabled: l,
+              date: e.date
+            }, {
+              meta: g(() => [
+                t("p", null, P(e.manufacturer), 1)
+              ]),
+              _: 2
+            }, 1032, ["name", "manufacturer", "description", "active", "selected", "disabled", "date"])
+          ]),
+          _: 1
+        }, 16, ["modelValue", "setup-fn", "auth-token"]),
+        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", J, [
+          t("a", {
+            href: _.value,
+            target: "_blank",
+            rel: "noopener noreferrer"
+          }, [
+            u(O, {
+              "button-text": "Zur Datensatzanlage",
+              size: "medium",
+              variant: "secondary"
+            })
+          ], 8, M)
+        ])
+      ])
+    ]));
+  }
+});
 export {
-  f as default
+  se as default
 };

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

@@ -1,7 +1,7 @@
 import t from "./DatasetStep.vue2.js";
 /* empty css                 */
 import o from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-026ff163"]]);
+const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-80ef235f"]]);
 export {
-  r as default
+  p as default
 };