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

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

@@ -1,143 +1,164 @@
-import { defineComponent as B, ref as H, computed as p, toRef as A, createBlock as l, openBlock as a, withCtx as i, createVNode as o, createElementBlock as f, createElementVNode as v, unref as u, isRef as I, Fragment as C, renderList as M, createCommentVNode as b, createTextVNode as d, toDisplayString as S } from "vue";
-import { FormKit as g } from "@formkit/vue";
-import { schemaDataset as N } from "@piveau/sdk-core";
-import { defineHubSearch as $, dcatApDataset as G } from "@piveau/sdk-vue";
-import O from "../../../components/StepActionsSection.vue.js";
-import T from "../ActionCard.vue.js";
-import E from "../Card.vue.js";
-import _ from "../SummaryBox.vue.js";
-import P from "./DatasetForm.vue.js";
-import U from "./ProcessStepBase.vue.js";
+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 F, ensureHasOneResource as L } from "./utils.js";
-const K = {
+import { useProcessStepResources as J } from "./utils.js";
+const Q = {
   key: 0,
   class: "software-step__card-list--empty"
-}, W = {
+}, X = {
   key: 1,
   class: "software-step__card-list"
-}, j = { class: "step-section step-section--lg" }, q = { class: "" }, le = /* @__PURE__ */ B({
+}, Y = { class: "step-section step-section--lg" }, Z = { class: "" }, pe = /* @__PURE__ */ M({
   __name: "DatasetStep",
   props: {
     stepGroup: {},
     edit: { type: Boolean }
   },
-  setup(k) {
-    const y = k, s = H([]), { useResources: x } = $({
+  setup(b) {
+    const y = b, s = N([]), { useResources: k } = F({
       baseUrl: "https://twin.bydata.de/api/hub/search",
       index: "dataset",
       indexDetails: "datasets",
-      schema: N
-    }, (n, e) => {
-      const { setup: r } = G({});
-      return r(n, {
-        ...e,
+      schema: E
+    }, (a, t) => {
+      const { setup: e } = P({});
+      return e(a, {
+        ...t,
         currentLocale: "de"
       });
-    }), D = x(p(() => s.value.map((n) => ({
-      resourceId: n.id
-    })))), z = p(() => D.value.every((n) => n.isSuccess)), h = p(() => z.value ? D.value.map((n) => {
-      const e = n.resultEnhanced, r = e == null ? void 0 : e.getPublisher, t = e == null ? void 0 : e.getModified, m = `${r == null ? void 0 : r.name}, ${t}`;
+    }), 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: e == null ? void 0 : e.getId,
-        name: (e == null ? void 0 : e.getTitle) || "",
+        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: m
+        manufacturer: g
       };
-    }) : []);
-    function w(n) {
-      return s.value.findIndex((e) => e.id === n);
+    }));
+    function w(a) {
+      return s.value.findIndex((t) => t.id === a);
     }
-    function V(n) {
-      const e = w(n);
-      e !== -1 && s.value.splice(e, 1);
+    function R(a) {
+      const t = w(a);
+      t !== -1 && s.value.splice(t, 1);
     }
-    function R(n) {
-      s.value.push(n);
+    function B(a) {
+      s.value.push(a);
     }
-    const { model: c } = F(y.stepGroup || "", A(y.edit));
-    return (n, e) => (a(), l(U, {
-      title: "Geben Sie Informationen zur verwendeten Hardware 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."
+    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: r }) => [
-        o(u(g), {
-          modelValue: u(c),
-          "onUpdate:modelValue": e[0] || (e[0] = (t) => I(c) ? c.value = t : null),
-          type: "group",
+      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(L) },
+          "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(g), {
+        o(u(S), {
           modelValue: s.value,
-          "onUpdate:modelValue": e[1] || (e[1] = (t) => s.value = t),
+          "onUpdate:modelValue": t[1] || (t[1] = (n) => s.value = n),
           name: "selected",
           type: "list",
           hidden: "",
           "aria-hidden": ""
         }, null, 8, ["modelValue"]),
-        h.value.length ? (a(), f("section", W, [
-          (a(!0), f(C, null, M(h.value, (t, m) => (a(), l(T, {
-            key: m,
+        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: (J) => r({ id: t.id || "", resourceType: "Software", resource: t.name, callback: V })
+            onDelete: (g) => e({
+              id: n.id || "",
+              resourceType: "Datensatz",
+              resource: n.name,
+              callback: R
+            })
           }, {
-            "standalone-name": i(() => e[3] || (e[3] = [
-              d(" Datensatz ", -1)
+            "standalone-name": i(() => t[3] || (t[3] = [
+              c(" Datensatz ", -1)
             ])),
             default: i(() => [
-              v("div", j, [
-                o(_, { title: "Name" }, {
+              D("div", Y, [
+                o(x, { title: "Name" }, {
                   default: i(() => [
-                    d(S(t.name), 1)
+                    c(_(n.name), 1)
                   ]),
                   _: 2
                 }, 1024),
-                t.manufacturer ? (a(), l(_, {
+                n.manufacturer ? (r(), l(x, {
                   key: 0,
                   title: "Datenbereitsteller, Aktualisiert"
                 }, {
                   default: i(() => [
-                    d(S(t.manufacturer), 1)
+                    c(_(n.manufacturer), 1)
                   ]),
                   _: 2
-                }, 1024)) : b("", !0),
-                t.description ? (a(), l(_, {
+                }, 1024)) : h("", !0),
+                n.description ? (r(), l(x, {
                   key: 1,
                   title: "Beschreibung"
                 }, {
                   default: i(() => [
-                    d(S(t.description), 1)
+                    c(_(n.description), 1)
                   ]),
                   _: 2
-                }, 1024)) : b("", !0)
+                }, 1024)) : h("", !0)
               ])
             ]),
             _: 2
           }, 1032, ["onDelete"]))), 128))
-        ])) : (a(), f("section", K, [
-          o(E, {
+        ])) : (r(), v("section", Q, [
+          o(L, {
             small: "",
             class: "empty-card"
           }, {
-            default: i(() => e[2] || (e[2] = [
-              v("p", { class: "copy-large-regular empty-card-text" }, " Aktuell haben Sie noch keine Hardware im Prozessschritt hinterlegt. ", -1)
+            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(P, {
-          exclude: s.value.map((t) => t.id),
-          onSubmit: R
+        o(j, {
+          exclude: s.value.map((n) => n.id),
+          onSubmit: B
         }, null, 8, ["exclude"]),
-        v("section", q, [
-          o(O)
+        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
@@ -145,5 +166,5 @@ const K = {
   }
 });
 export {
-  le as default
+  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 s } from "vue";
+import { defineHubSearch as R } from "@piveau/sdk-vue";
+import _ from "zod";
+const g = /* @__PURE__ */ b({
+  __name: "GetResource",
+  props: {
+    baseUrl: { default: "https://twin.bydata.de/api/hub/search" },
+    resourceId: {},
+    vocabulary: { default: "" },
+    resource: { default: "" },
+    setupFn: {},
+    enabled: { type: Boolean, default: !0 }
+  },
+  setup(o) {
+    const e = o, t = u(() => !!e.vocabulary), n = u(() => t.value ? "vocabulary" : "resource"), c = u(() => t.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 ? t.value ? `${e.vocabulary}/vocable` : a.value : ""), p = u(() => t.value ? { resource: a.value } : {}), r = v(d(i, {
+      additionalParams: p,
+      queryOptions: {
+        enabled: l
+      }
+    }));
+    return (f, x) => y(f.$slots, "default", {
+      result: r.resultEnhanced,
+      loading: r.isLoading,
+      error: r.query.error,
+      success: r.isSuccess
+    }, () => [
+      h(s(r.resultEnhanced) + " " + s(r.isLoading) + " " + s(r.isSuccess) + " " + s(r.query.error), 1)
+    ]);
+  }
+});
+export {
+  g 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

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