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

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

@@ -0,0 +1,98 @@
+import { defineComponent as B, watch as R, computed as a, createElementBlock as j, openBlock as A, createElementVNode as r, createVNode as l, mergeProps as C, unref as D, isRef as E, withCtx as v, toDisplayString as N } from "vue";
+import { toTypedSchema as P } 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 * as g from "zod";
+import K from "../Autocomplete/AutocompleteVocab.vue.js";
+import L from "../ButtonV3.vue.js";
+import O from "./RichOption.vue.js";
+const T = { class: "dpi-project-process-step V3-typography" }, U = { class: "step-section" }, Z = { class: "step-section-actions" }, q = ["href"], ee = /* @__PURE__ */ B({
+  __name: "DatasetForm",
+  props: {
+    exclude: { default: () => [] }
+  },
+  emits: ["submit"],
+  setup(S, { emit: y }) {
+    const z = S, V = y, w = g.object({ id: g.string() }), { defineField: x } = W({
+      validationSchema: P(w),
+      initialValues: { id: "" },
+      name: "datasetForm"
+    }), [s, F] = x("id");
+    R(s, (m) => {
+      const n = String(m || "").trim();
+      n && (V("submit", { id: n }), s.value = void 0);
+    });
+    const _ = H(), k = a(
+      () => _.resolve({ name: "DataProviderInterface-Input", params: { property: "datasets" } }).href
+    );
+    return (m, n) => (A(), j("div", T, [
+      r("section", U, [
+        n[1] || (n[1] = r("h5", null, "Wählen Sie einen bestehenden Datensatz", -1)),
+        n[2] || (n[2] = r("p", null, "Falls der Datensatz schon in unserem System existiert, können Sie ihn hier auswählen.", -1)),
+        l(K, C({
+          modelValue: D(s),
+          "onUpdate:modelValue": n[0] || (n[0] = (e) => E(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 i, o, u, p, c, f, h, b, d;
+            let t = (e == null ? void 0 : e.modified) || (e == null ? void 0 : e.issued);
+            try {
+              t = t ? new Date(t).toLocaleDateString() : "";
+            } catch (I) {
+              console.error(I), t = "";
+            }
+            return {
+              id: e == null ? void 0 : e.id,
+              name: ((i = e == null ? void 0 : e.title) == null ? void 0 : i.de) || ((o = e == null ? void 0 : e.title) == null ? void 0 : o.en) || (e == null ? void 0 : e.id),
+              description: ((u = e == null ? void 0 : e.description) == null ? void 0 : u.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) || ((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: t
+            };
+          }
+        }), {
+          option: v(({ option: e, active: t, selected: i, disabled: o }) => [
+            l(O, {
+              name: e.name,
+              manufacturer: e.manufacturer,
+              description: e.description,
+              active: t,
+              selected: i,
+              disabled: o,
+              date: e.date
+            }, {
+              meta: v(() => [
+                r("p", null, N(e.manufacturer), 1)
+              ]),
+              _: 2
+            }, 1032, ["name", "manufacturer", "description", "active", "selected", "disabled", "date"])
+          ]),
+          _: 1
+        }, 16, ["modelValue", "setup-fn"]),
+        n[3] || (n[3] = r("h5", null, "oder", -1)),
+        n[4] || (n[4] = r("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)),
+        r("div", Z, [
+          r("a", {
+            href: k.value,
+            target: "_blank",
+            rel: "noopener noreferrer"
+          }, [
+            l(L, {
+              "button-text": "Zur Datensatzanlage",
+              size: "medium",
+              variant: "secondary"
+            })
+          ], 8, q)
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  ee as default
+};

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

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

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

@@ -0,0 +1,170 @@
+import { defineComponent as M, ref as N, computed as d, toRef as T, createBlock as l, openBlock as r, withCtx as i, createVNode as o, createElementBlock as v, createElementVNode as D, unref as u, isRef as $, Fragment as G, renderList as O, createCommentVNode as h, createTextVNode as c, toDisplayString as _ } from "vue";
+import { FormKit as S } from "@formkit/vue";
+import { schemaDataset as E } from "@piveau/sdk-core";
+import { defineHubSearch as F, dcatApDataset as P } from "@piveau/sdk-vue";
+import U from "../../../components/StepActionsSection.vue.js";
+import W from "../ActionCard.vue.js";
+import L from "../Card.vue.js";
+import x from "../SummaryBox.vue.js";
+import K from "./AreYouSureToSkipCard.vue.js";
+import j from "./DatasetForm.vue.js";
+import q from "./ProcessStepBase.vue.js";
+/* empty css                     */
+import { useProcessStepResources as J } from "./utils.js";
+const Q = {
+  key: 0,
+  class: "software-step__card-list--empty"
+}, X = {
+  key: 1,
+  class: "software-step__card-list"
+}, Y = { class: "step-section step-section--lg" }, Z = { class: "" }, pe = /* @__PURE__ */ M({
+  __name: "DatasetStep",
+  props: {
+    stepGroup: {},
+    edit: { type: Boolean }
+  },
+  setup(b) {
+    const y = b, s = N([]), { useResources: k } = F({
+      baseUrl: "https://twin.bydata.de/api/hub/search",
+      index: "dataset",
+      indexDetails: "datasets",
+      schema: E
+    }, (a, t) => {
+      const { setup: e } = P({});
+      return e(a, {
+        ...t,
+        currentLocale: "de"
+      });
+    }), V = k(d(() => s.value.map((a) => ({
+      resourceId: a.id
+    })))), m = d(() => s.value.map((a, t) => {
+      var z;
+      const e = (z = V.value[t]) == null ? void 0 : z.resultEnhanced, n = e == null ? void 0 : e.getPublisher, f = e == null ? void 0 : e.getModified, g = `${n == null ? void 0 : n.name}, ${f}`;
+      return {
+        // The ones that come from API
+        id: (a == null ? void 0 : a.id) || (e == null ? void 0 : e.getId),
+        name: (e == null ? void 0 : e.getTitle) || a.id,
+        description: (e == null ? void 0 : e.getDescription) || "",
+        manufacturer: g
+      };
+    }));
+    function w(a) {
+      return s.value.findIndex((t) => t.id === a);
+    }
+    function R(a) {
+      const t = w(a);
+      t !== -1 && s.value.splice(t, 1);
+    }
+    function B(a) {
+      s.value.push(a);
+    }
+    const I = T(y, "edit"), { count: p, ensureHasOneResource: A } = J(y.stepGroup || "", I), C = d(() => s.value.length > 0 ? "Weiter" : "Weiter ohne Datensätze"), H = d(() => "primary");
+    return (a, t) => (r(), l(q, {
+      title: "Geben Sie Informationen zu verwendeten Datensätzen an",
+      subtitle: "Geben Sie an, welche Datensätze Sie für diesen Prozessschritt verwendet haben. Sie können entweder einen bestehenden Datensatz auswählen oder einen Datensatz neu anlegen. Wenn Sie einen Datensatz neu anlegen, haben Sie die Möglichkeit die Sichtbarkeit des Datensatzes einzuschränken.",
+      "remove-dialog-title": "Verwendeten Datensatz löschen?",
+      "remove-dialog-pre-text": "Möchten Sie den verwendeten Datensatz"
+    }, {
+      default: i(({ confirm: e }) => [
+        o(u(S), {
+          modelValue: u(p),
+          "onUpdate:modelValue": t[0] || (t[0] = (n) => $(p) ? p.value = n : null),
+          type: "hidden",
+          name: "__resourceCount",
+          hidden: "",
+          "aria-hidden": "",
+          "validation-rules": { ensureHasOneResource: u(A) },
+          validation: "+ensureHasOneResource",
+          "validation-visibility": "live",
+          "validation-messages": { ensureHasOneResource: "Sie müssen pro Schritt mindestens eine Software, einen Datensatz oder eine Hardware zuordnen, um fortfahren zu können." }
+        }, null, 8, ["modelValue", "validation-rules"]),
+        o(u(S), {
+          modelValue: s.value,
+          "onUpdate:modelValue": t[1] || (t[1] = (n) => s.value = n),
+          name: "selected",
+          type: "list",
+          hidden: "",
+          "aria-hidden": ""
+        }, null, 8, ["modelValue"]),
+        m.value.length ? (r(), v("section", X, [
+          (r(!0), v(G, null, O(m.value, (n, f) => (r(), l(W, {
+            key: f,
+            spaced: "",
+            class: "software-card",
+            "no-edit": !0,
+            onDelete: (g) => e({
+              id: n.id || "",
+              resourceType: "Datensatz",
+              resource: n.name,
+              callback: R
+            })
+          }, {
+            "standalone-name": i(() => t[3] || (t[3] = [
+              c(" Datensatz ", -1)
+            ])),
+            default: i(() => [
+              D("div", Y, [
+                o(x, { title: "Name" }, {
+                  default: i(() => [
+                    c(_(n.name), 1)
+                  ]),
+                  _: 2
+                }, 1024),
+                n.manufacturer ? (r(), l(x, {
+                  key: 0,
+                  title: "Datenbereitsteller, Aktualisiert"
+                }, {
+                  default: i(() => [
+                    c(_(n.manufacturer), 1)
+                  ]),
+                  _: 2
+                }, 1024)) : h("", !0),
+                n.description ? (r(), l(x, {
+                  key: 1,
+                  title: "Beschreibung"
+                }, {
+                  default: i(() => [
+                    c(_(n.description), 1)
+                  ]),
+                  _: 2
+                }, 1024)) : h("", !0)
+              ])
+            ]),
+            _: 2
+          }, 1032, ["onDelete"]))), 128))
+        ])) : (r(), v("section", Q, [
+          o(L, {
+            small: "",
+            class: "empty-card"
+          }, {
+            default: i(() => t[2] || (t[2] = [
+              D("p", { class: "copy-large-regular empty-card-text" }, " Aktuell haben Sie noch keinen Datensatz im Prozessschritt hinterlegt. ", -1)
+            ])),
+            _: 1,
+            __: [2]
+          })
+        ])),
+        o(j, {
+          exclude: s.value.map((n) => n.id),
+          onSubmit: B
+        }, null, 8, ["exclude"]),
+        D("section", Z, [
+          o(U, {
+            class: "software-step-actions",
+            "next-text": C.value,
+            "next-variant": H.value,
+            "show-detailed-error-summary": ""
+          }, null, 8, ["next-text", "next-variant"]),
+          m.value.length === 0 ? (r(), l(K, {
+            key: 0,
+            "resource-label": "Datensätze"
+          })) : h("", !0)
+        ])
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  pe as default
+};

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

@@ -0,0 +1,7 @@
+import o from "./FunctionalityForm.vue2.js";
+/* empty css                       */
+import t from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9d393151"]]);
+export {
+  i as default
+};

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

@@ -0,0 +1,122 @@
+import { defineComponent as C, mergeModels as _, useModel as N, computed as y, ref as v, watch as x, createElementBlock as a, openBlock as u, createCommentVNode as A, createVNode as s, createElementVNode as h, Fragment as B, renderList as E, unref as M } from "vue";
+import { toTypedSchema as R } 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 U } from "vee-validate";
+import * as c from "zod";
+import z from "../ButtonV3.vue.js";
+import O from "../Chip.vue.js";
+import T from "../InputField/InputFieldVeeValidate.vue.js";
+import $ from "../ListBox/ListboxVeeValidate.vue.js";
+const j = { class: "functionality-form" }, w = {
+  key: 0,
+  class: "functionalities-container"
+}, D = { class: "step-section-actions" }, L = "Funktionalität ist erforderlich.", K = /* @__PURE__ */ C({
+  __name: "FunctionalityForm",
+  props: /* @__PURE__ */ _({
+    options: {},
+    disabled: { type: Boolean, default: !1 }
+  }, {
+    modelValue: {
+      default: () => []
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(m) {
+    const b = m, i = N(m, "modelValue"), r = y(
+      () => Array.from(i.value || [])
+    ), F = y(() => {
+      var e, n;
+      const t = r.value.join(" ");
+      return (n = (e = b.options) == null ? void 0 : e.filter((l) => !t.includes(l))) == null ? void 0 : n.sort((l, p) => l.localeCompare(p));
+    }), S = c.object({
+      functionalitySelect: c.string().optional(),
+      functionalityInput: c.string().optional()
+    }).superRefine((t, e) => {
+      const n = t.functionalitySelect && t.functionalitySelect.trim().length > 0, l = t.functionalityInput && t.functionalityInput.trim().length > 0;
+      !n && !l && e.addIssue({
+        code: c.ZodIssueCode.custom,
+        message: L,
+        path: ["functionalityInput"]
+      });
+    }), V = U({
+      validationSchema: R(S),
+      initialValues: {
+        functionalitySelect: "",
+        functionalityInput: ""
+      },
+      name: "functionalityForm"
+    }), {
+      handleSubmit: k,
+      resetForm: I
+    } = V, o = v(""), d = v(""), f = k((t) => {
+      var n;
+      const e = t.functionalitySelect || t.functionalityInput;
+      e && e.trim().length > 0 && !((n = i.value) != null && n.includes(e)) && (i.value = [...i.value || [], e]), I(), o.value = "", d.value = "";
+    });
+    x(o, (t) => {
+      t && t.trim().length > 0 && f();
+    });
+    function g(t) {
+      var e;
+      i.value = ((e = i.value) == null ? void 0 : e.filter((n) => n !== t)) || [];
+    }
+    return (t, e) => (u(), a("div", j, [
+      r.value.length > 0 ? (u(), a("div", w, [
+        (u(!0), a(B, null, E(r.value, (n, l) => (u(), a("div", {
+          key: l,
+          class: "functionalities"
+        }, [
+          s(O, {
+            text: n,
+            setup: {
+              "@type": "select",
+              "@icon": "suffix",
+              "@inTable": !1,
+              "@search": !1,
+              "@selected": !0
+            },
+            data: { "@value": n, URI: n },
+            "select-value": !0,
+            onClick: (p) => g(n)
+          }, null, 8, ["text", "data", "onClick"])
+        ]))), 128))
+      ])) : A("", !0),
+      s($, {
+        modelValue: o.value,
+        "onUpdate:modelValue": e[0] || (e[0] = (n) => o.value = n),
+        name: "functionalitySelect",
+        options: F.value,
+        label: "Funktionalitäten auswählen",
+        placeholder: "Wählen Sie eine Funktionalität.",
+        disabled: t.disabled
+      }, null, 8, ["modelValue", "options", "disabled"]),
+      e[2] || (e[2] = h("h5", null, " oder ", -1)),
+      s(T, {
+        modelValue: d.value,
+        "onUpdate:modelValue": e[1] || (e[1] = (n) => d.value = n),
+        name: "functionalityInput",
+        "add-on-text": !1,
+        "date-picker": !1,
+        "info-icon": !1,
+        "show-end-icon": !1,
+        "pre-icon": !1,
+        "is-disabled": t.disabled,
+        label: "Funktionalitäten nennen",
+        placeholder: "Nennen Sie eine Funktionalität."
+      }, null, 8, ["modelValue", "is-disabled"]),
+      h("div", D, [
+        s(z, {
+          "button-text": "Funktionalität hinzufügen",
+          size: "medium",
+          variant: "tertiary",
+          "icon-start": "plus",
+          disabled: t.disabled,
+          onClick: M(f)
+        }, null, 8, ["disabled", "onClick"])
+      ])
+    ]));
+  }
+});
+export {
+  K as default
+};

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

@@ -0,0 +1,38 @@
+import { defineComponent as b, computed as u, toRef as m, reactive as v, renderSlot as y, createTextVNode as h, toDisplayString as t } from "vue";
+import { defineHubSearch as R } from "@piveau/sdk-vue";
+import _ from "zod";
+const S = /* @__PURE__ */ b({
+  __name: "GetResource",
+  props: {
+    baseUrl: { default: "https://staging.bydata.de/api/hub/search" },
+    resourceId: {},
+    vocabulary: { default: "" },
+    resource: { default: "" },
+    setupFn: {},
+    enabled: { type: Boolean, default: !0 }
+  },
+  setup(o) {
+    const e = o, s = u(() => !!e.vocabulary), n = u(() => s.value ? "vocabulary" : "resource"), c = u(() => s.value ? "vocabularies" : e.resource === "datasets" ? `${e.resource}` : `resources/${e.resource}`), a = u(() => e.resourceId), l = m(e.enabled), { useResource: d } = R({
+      baseUrl: e.baseUrl,
+      index: n.value,
+      indexDetails: c.value,
+      schema: _.any()
+    }, e.setupFn), i = u(() => e.enabled ? s.value ? `${e.vocabulary}/vocable` : a.value : ""), p = u(() => s.value ? { resource: a.value } : {}), r = v(d(i, {
+      additionalParams: p,
+      queryOptions: {
+        enabled: l
+      }
+    }));
+    return (f, g) => y(f.$slots, "default", {
+      result: r.resultEnhanced,
+      loading: r.isLoading,
+      error: r.query.error,
+      success: r.isSuccess
+    }, () => [
+      h(t(r.resultEnhanced) + " " + t(r.isLoading) + " " + t(r.isSuccess) + " " + t(r.query.error), 1)
+    ]);
+  }
+});
+export {
+  S as default
+};

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

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

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

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