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

package/dist/packages/dpi/src/data-provider-interface/composables/useFormKitSummary.js

@@ -0,0 +1,46 @@
+import { parentSymbol as g } from "@formkit/vue";
+import { whenever as h } from "@vueuse/core";
+import { toRef as w, computed as n, inject as b, ref as p, nextTick as v } from "vue";
+function S(d) {
+  const o = w(d), c = n(() => (o == null ? void 0 : o.value) || b(g, void 0));
+  let s = null, r = null;
+  const a = p([]), i = p(!1), m = n(() => {
+    const e = [];
+    return a.value.forEach((t) => {
+      for (const l in t.messages) {
+        const u = t.messages[l];
+        typeof u.value == "string" && e.push({
+          message: u.value,
+          id: t.id,
+          key: `${t.id}-${u.key}`,
+          type: u.type
+        });
+      }
+    }), e;
+  }), f = () => {
+    var e;
+    a.value = [], (e = c.value) == null || e.walk(
+      (t) => t.context && a.value.push(t.context)
+    );
+  };
+  h(c, (e, t, l) => {
+    s && (t == null || t.off(s), t == null || t.off(r)), e && (s = e.on("submit-raw", async () => {
+      f(), m.value.length !== 0 && (i.value = !0, await v());
+    }), r = e.on("child", f), l(() => {
+      e == null || e.off(s || ""), e == null || e.off(r || "");
+    }));
+  }, {
+    immediate: !0
+  });
+  async function y() {
+    f(), m.value.length !== 0 && (i.value = !0, await v());
+  }
+  return {
+    summaries: m,
+    showSummaries: i,
+    submit: y
+  };
+}
+export {
+  S as useFormKitSummary
+};

package/dist/packages/dpi/src/data-provider-interface/utils/useSteps.js

@@ -1,43 +1,49 @@
-import { getNode as p, createMessage as f } from "@formkit/core";
-import { ref as s, reactive as v, watch as g, toRef as m } from "vue";
-function y() {
-  const r = s(""), a = v({});
+import { getNode as v, createMessage as o } from "@formkit/core";
+import { ref as s, reactive as f, watch as g, toRef as m } from "vue";
+function h() {
+  const i = s(""), a = f({});
   let u = s([]);
-  const i = s([]);
-  function n(t) {
-    const e = p(t);
-    e !== void 0 && e.walk((c) => {
-      c.store.set(
-        f({
+  const r = s([]);
+  function n(e) {
+    const t = v(e);
+    t !== void 0 && (t.walk((p) => {
+      p.store.set(
+        o({
           key: "submitted",
           value: !0,
           visible: !1
         })
       );
-    });
+    }), t.store.set(
+      o({
+        key: "submitted",
+        value: !0,
+        visible: !1
+      })
+    ));
   }
   function l() {
-    n(r.value);
+    n(i.value);
   }
-  function o() {
-    i.value.forEach((t) => {
-      n(t);
+  function c() {
+    r.value.forEach((e) => {
+      n(e);
     });
   }
-  return g(r, (t, e) => {
-    e && !i.value.includes(e) && i.value.push(e), o();
-  }), { visitedSteps: i, activeStep: r, steps: a, subSteps: u, stepPlugin: (t) => {
-    if (t.props.type == "group")
-      return a[t.name] = a[t.name] || {}, t.on("created", () => {
-        const e = m(t.context.state, "valid");
-        a[t.name].valid = e;
-      }), t.on("count:blocking", ({ payload: e }) => {
-        a[t.name].blockingCount = e;
-      }), t.on("count:errors", ({ payload: e }) => {
-        a[t.name].errorCount = e;
-      }), r.value === "" && (r.value = t.name), u.value.push(t.value), !1;
-  }, triggerValidation: o, triggerValidationCurrentStep: l };
+  return g(i, (e, t) => {
+    t && !r.value.includes(t) && r.value.push(t);
+  }), { visitedSteps: r, activeStep: i, steps: a, subSteps: u, stepPlugin: (e) => {
+    if (e.props.type == "group")
+      return a[e.name] = a[e.name] || {}, e.on("created", () => {
+        const t = m(e.context.state, "valid");
+        a[e.name].valid = t;
+      }), e.on("count:blocking", ({ payload: t }) => {
+        a[e.name].blockingCount = t;
+      }), e.on("count:errors", ({ payload: t }) => {
+        a[e.name].errorCount = t;
+      }), i.value === "" && (i.value = e.name), u.value.push(e.value), !1;
+  }, triggerValidation: c, triggerValidationCurrentStep: l };
 }
 export {
-  y as default
+  h as default
 };

package/dist/packages/dpi/src/data-provider-interface/views/InputPageProject.vue.js

@@ -7,7 +7,7 @@ import { whenever as B1, useWindowScroll as E1 } from "@vueuse/core";
 import "axios";
 import "jquery";
 import { has as U, isNil as c1 } from "lodash-es";
-import { defineComponent as A1, resolveComponent as r, createElementBlock as d, openBlock as p, createCommentVNode as h, createElementVNode as i, createBlock as C1, withModifiers as U1, withCtx as n, createVNode as t, Fragment as f1, renderList as v1, normalizeClass as N1, createTextVNode as S1, toDisplayString as I, computed as M, ref as v, markRaw as R1, toRef as z1, watch as g1, nextTick as G1 } from "vue";
+import { defineComponent as A1, resolveComponent as r, createElementBlock as d, openBlock as p, createCommentVNode as h, createElementVNode as i, createBlock as C1, withModifiers as U1, withCtx as n, createVNode as t, Fragment as f1, renderList as v1, normalizeClass as N1, createTextVNode as S1, toDisplayString as _, computed as M, ref as v, markRaw as R1, toRef as z1, watch as g1, nextTick as G1 } from "vue";
 import { useI18n as W1 } from "vue-i18n";
 import { useRouter as q1 } from "vue-router";
 import { mapActions as h1, mapGetters as V1 } from "vuex";
@@ -45,8 +45,8 @@ import be from "../HappyFlowComponents/ui/LogoV3.vue.js";
 import ye from "../HappyFlowComponents/ui/ModalSimpleV3.vue.js";
 import ke from "../HappyFlowComponents/ui/OptionalDataStep/OptionalDataStep.vue.js";
 import Pe from "../HappyFlowComponents/ui/ProcessSteps/DatasetStep.vue.js";
-import _e from "../HappyFlowComponents/ui/ProcessSteps/HardwareStep.vue.js";
-import Ie from "../HappyFlowComponents/ui/ProcessSteps/ProcessStepsOverviewStep.vue.js";
+import Ie from "../HappyFlowComponents/ui/ProcessSteps/HardwareStep.vue.js";
+import _e from "../HappyFlowComponents/ui/ProcessSteps/ProcessStepsOverviewStep.vue.js";
 import Me from "../HappyFlowComponents/ui/ProcessSteps/SoftwareStep.vue.js";
 import Fe from "../HappyFlowComponents/ui/Projektphasen/InitiierenStep.vue.js";
 import Le from "../HappyFlowComponents/ui/Projektphasen/PlanenStep.vue.js";
@@ -110,7 +110,7 @@ const ze = A1({
     ProjectOrganisationStep: pe,
     SoftwareStep: Me,
     DatasetStep: Pe,
-    HardwareStep: _e,
+    HardwareStep: Ie,
     OptionalDataStep: ke,
     InitiierenStep: Fe,
     UmstezenStep: je,
@@ -120,7 +120,7 @@ const ze = A1({
     DataProcessingBasicInformationStep: Ce,
     DataVisualisationBasicInformationStep: ve,
     DataSimulationBasicInformationStep: fe,
-    ProcessStepsOverviewStep: Ie,
+    ProcessStepsOverviewStep: _e,
     ReviewStep: $e,
     ProjektPhasenOverviewStep: Te,
     Card: me,
@@ -336,7 +336,7 @@ const ze = A1({
       set(l) {
         Z(l.id);
       }
-    }), b1 = v(!1), { organization: y1, catalogProject: k1, startFetchPermissions: P1, userRoles: _1, permissions: I1 } = ne({
+    }), b1 = v(!1), { organization: y1, catalogProject: k1, startFetchPermissions: P1, userRoles: I1, permissions: _1 } = ne({
       keycloak: ((l1 = (s1 = e.authentication) == null ? void 0 : s1.keycloak) == null ? void 0 : l1.url) || "https://keycloak.twin.bydata.de",
       realm: ((d1 = (p1 = e.authentication) == null ? void 0 : p1.keycloak) == null ? void 0 : d1.realm) || "piveau",
       audience: "piveau-hub-repo"
@@ -357,7 +357,7 @@ const ze = A1({
         const P = a1("dpiForm");
         if (P)
           if (S.includes("#")) {
-            const [_, $1] = S.split("#"), u1 = P.at([_]);
+            const [I, $1] = S.split("#"), u1 = P.at([I]);
             if (!u1)
               return;
             const n1 = u1.at(["$self", $1]);
@@ -365,10 +365,10 @@ const ze = A1({
               return;
             n1._value = {}, m1(n1);
           } else {
-            const _ = P.at([S]);
-            if (!_)
+            const I = P.at([S]);
+            if (!I)
               return;
-            _._value = {}, m1(_);
+            I._value = {}, m1(I);
           }
       });
     }
@@ -412,8 +412,8 @@ const ze = A1({
       isSubmittingLoading: F1,
       organization: y1,
       catalogProject: k1,
-      userRoles: _1,
-      permissions: I1
+      userRoles: I1,
+      permissions: _1
     };
   }
 }), Ge = { class: "input-page-project form-container V3-typography" }, We = {
@@ -604,13 +604,13 @@ function vt(e, o, u, y, F, g) {
                 }
               }, [
                 i("div", et, [
-                  i("div", tt, I(A + 1), 1),
+                  i("div", tt, _(A + 1), 1),
                   e.checkStepValidity(c) ? (p(), d("span", {
                     key: 0,
                     class: "step--errors",
-                    textContent: I(s.errorCount + s.blockingCount)
+                    textContent: _(s.errorCount + s.blockingCount)
                   }, null, 8, ot)) : h("", !0),
-                  S1(I(e.$t(`message.dataupload.steps.${c}Step`)), 1)
+                  S1(_(e.$t(`message.dataupload.steps.${c}Step`)), 1)
                 ]),
                 A != Object.keys(e.steps).length ? (p(), d("div", it)) : h("", !0)
               ], 10, xe))), 128)),
@@ -622,7 +622,7 @@ function vt(e, o, u, y, F, g) {
               i("div", rt, [
                 i("details", st, [
                   o[15] || (o[15] = i("summary", null, "Form Values", -1)),
-                  i("pre", lt, I(JSON.stringify(e.formValues, null, 2)), 1)
+                  i("pre", lt, _(JSON.stringify(e.formValues, null, 2)), 1)
                 ]),
                 t(m, null, {
                   title: n(() => o[16] || (o[16] = [
@@ -873,8 +873,9 @@ function vt(e, o, u, y, F, g) {
                   default: n(() => [
                     t(t1, {
                       modelValue: e.formValues,
-                      "onUpdate:modelValue": o[7] || (o[7] = (s) => e.formValues = s)
-                    }, null, 8, ["modelValue"])
+                      "onUpdate:modelValue": o[7] || (o[7] = (s) => e.formValues = s),
+                      edit: e.isEditMode
+                    }, null, 8, ["modelValue", "edit"])
                   ]),
                   _: 1
                 }),
@@ -921,7 +922,7 @@ function vt(e, o, u, y, F, g) {
               e.showErrorSummary && e.validationMessages.length ? (p(), d("div", Ct, [
                 o[17] || (o[17] = i("h4", null, "Bitte korrigieren Sie die folgenden Fehler:", -1)),
                 i("ul", ft, [
-                  (p(!0), d(f1, null, v1(e.validationMessages, (s) => (p(), d("li", { key: s }, I(s), 1))), 128))
+                  (p(!0), d(f1, null, v1(e.validationMessages, (s) => (p(), d("li", { key: s }, _(s), 1))), 128))
                 ])
               ])) : h("", !0),
               o[19] || (o[19] = i("hr", null, null, -1)),
@@ -943,7 +944,7 @@ function vt(e, o, u, y, F, g) {
     ], 512)) : h("", !0)
   ]);
 }
-const I3 = /* @__PURE__ */ Ae(ze, [["render", vt]]);
+const _3 = /* @__PURE__ */ Ae(ze, [["render", vt]]);
 export {
-  I3 as default
+  _3 as default
 };

package/dist/packages/dpi/src/utils/twinbyUtils.js

@@ -26,6 +26,7 @@ function i(e) {
 }
 i.skipEmpty = !1;
 export {
+  n as empty,
   s as generateIsInvalidMsg,
   f as generateIsRequiredMsg,
   i as requireAllIfAny

package/dist/styles/_dpi.scss

@@ -1612,3 +1612,19 @@ innerRapModalItem {
     }
   }
 }
+
+.dpiV3_errorText {
+  display: flex;
+  padding: 0px var(--Spacing-3, 16px);
+  align-items: flex-start;
+  align-self: stretch;
+
+  /* Copy/Copy-Small-Regular */
+  font-family: var(--font-family-secondary, Inter);
+  font-size: var(--copy-small-regular-font-size, 15px);
+  font-style: normal;
+  font-weight: var(--copy-small-regular-font-weight, 400);
+  line-height: var(--copy-small-regular-line-height, 24px); /* 160% */
+
+  color: var(--text-error, #a9242c);
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@piveau/dpi",
   "type": "module",
-  "version": "0.2.0-alpha.41",
+  "version": "0.2.0-alpha.43",
   "private": false,
   "sideEffects": [
     "*.css",