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

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

@@ -0,0 +1,74 @@
+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"
+          })
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  H as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./DatasetForm.vue.js";
+export {
+  f 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 r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-026ff163"]]);
+export {
+  r as default
+};

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

@@ -0,0 +1,149 @@
+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";
+/* empty css                     */
+import { useProcessStepResources as F, ensureHasOneResource as L } from "./utils.js";
+const K = {
+  key: 0,
+  class: "software-step__card-list--empty"
+}, W = {
+  key: 1,
+  class: "software-step__card-list"
+}, j = { class: "step-section step-section--lg" }, q = { class: "" }, le = /* @__PURE__ */ B({
+  __name: "DatasetStep",
+  props: {
+    stepGroup: {},
+    edit: { type: Boolean }
+  },
+  setup(k) {
+    const y = k, s = H([]), { useResources: x } = $({
+      baseUrl: "https://twin.bydata.de/api/hub/search",
+      index: "dataset",
+      indexDetails: "datasets",
+      schema: N
+    }, (n, e) => {
+      const { setup: r } = G({});
+      return r(n, {
+        ...e,
+        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}`;
+      return {
+        // The ones that come from API
+        id: e == null ? void 0 : e.getId,
+        name: (e == null ? void 0 : e.getTitle) || "",
+        description: (e == null ? void 0 : e.getDescription) || "",
+        manufacturer: m
+      };
+    }) : []);
+    function w(n) {
+      return s.value.findIndex((e) => e.id === n);
+    }
+    function V(n) {
+      const e = w(n);
+      e !== -1 && s.value.splice(e, 1);
+    }
+    function R(n) {
+      s.value.push(n);
+    }
+    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."
+    }, {
+      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",
+          "aria-hidden": "",
+          "validation-rules": { ensureHasOneResource: u(L) },
+          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), {
+          modelValue: s.value,
+          "onUpdate:modelValue": e[1] || (e[1] = (t) => s.value = t),
+          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,
+            class: "software-card",
+            "no-edit": !0,
+            onDelete: (J) => r({ id: t.id || "", resourceType: "Software", resource: t.name, callback: V })
+          }, {
+            "standalone-name": i(() => e[3] || (e[3] = [
+              d(" Datensatz ", -1)
+            ])),
+            default: i(() => [
+              v("div", j, [
+                o(_, { title: "Name" }, {
+                  default: i(() => [
+                    d(S(t.name), 1)
+                  ]),
+                  _: 2
+                }, 1024),
+                t.manufacturer ? (a(), l(_, {
+                  key: 0,
+                  title: "Datenbereitsteller, Aktualisiert"
+                }, {
+                  default: i(() => [
+                    d(S(t.manufacturer), 1)
+                  ]),
+                  _: 2
+                }, 1024)) : b("", !0),
+                t.description ? (a(), l(_, {
+                  key: 1,
+                  title: "Beschreibung"
+                }, {
+                  default: i(() => [
+                    d(S(t.description), 1)
+                  ]),
+                  _: 2
+                }, 1024)) : b("", !0)
+              ])
+            ]),
+            _: 2
+          }, 1032, ["onDelete"]))), 128))
+        ])) : (a(), f("section", K, [
+          o(E, {
+            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)
+            ])),
+            _: 1,
+            __: [2]
+          })
+        ])),
+        o(P, {
+          exclude: s.value.map((t) => t.id),
+          onSubmit: R
+        }, null, 8, ["exclude"]),
+        v("section", q, [
+          o(O)
+        ])
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  le 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 p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-7163c04a"]]);
+export {
+  p as default
+};