@piveau/dpi 0.2.0-alpha.71 → 0.2.0-alpha.73

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

@@ -241,7 +241,7 @@ const z = {
           let o = this.$keycloak.rtpToken;
           if (!o) {
             const s = this.$keycloak.getRtpToken;
-            s && (o = await s({ autoRefresh: !0 }));
+            s && (o = await s());
           }
           this.updateUserData({
             authToken: e,
@@ -357,7 +357,7 @@ const z = {
 }, S = {
   id: "navWrapper",
   "data-cy": "dpi-menu"
-}, H = { key: 0 }, M = { class: "text-white" }, N = { class: "btn btn-default" }, R = { class: "btn btn-default" }, E = { style: { "margin-top": "1%" } }, x = { class: "btn-group dropup" }, F = {
+}, H = { key: 0 }, M = { class: "text-white" }, N = { class: "btn btn-default" }, E = { class: "btn btn-default" }, R = { style: { "margin-top": "1%" } }, x = { class: "btn-group dropup" }, F = {
   key: 0,
   class: "logoutWrap"
 }, W = { class: "text-white" }, B = {
@@ -380,7 +380,7 @@ function G(e, t, o, s, a, i) {
           __: [1]
         })
       ]),
-      l("button", R, [
+      l("button", E, [
         p(r, { to: { name: "DPI-Comp-Lib" } }, {
           default: h(() => t[2] || (t[2] = [
             g("Component Library", -1)
@@ -389,7 +389,7 @@ function G(e, t, o, s, a, i) {
           __: [2]
         })
       ]),
-      l("div", E, [
+      l("div", R, [
         (d(!0), m(C, null, P(i.menuGroups, (n, D) => (d(), v(f, {
           key: `Group${D}`,
           groupName: n.group,
@@ -451,7 +451,7 @@ function G(e, t, o, s, a, i) {
     }, 8, ["loading", "confirm", "onConfirm"])
   ]);
 }
-const te = /* @__PURE__ */ L(z, [["render", G], ["__scopeId", "data-v-81a46fa1"]]);
+const te = /* @__PURE__ */ L(z, [["render", G], ["__scopeId", "data-v-d3b93519"]]);
 export {
   te as default
 };

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

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

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

@@ -1,4 +1,4 @@
-import { defineComponent as L, mergeModels as N, useModel as M, computed as P, createElementBlock as r, openBlock as l, createVNode as d, unref as a, withCtx as i, createElementVNode as _, createBlock as c, createCommentVNode as p, renderSlot as y, createTextVNode as z, toDisplayString as g, normalizeClass as m, resolveDynamicComponent as b, Fragment as D, renderList as E } from "vue";
+import { defineComponent as L, mergeModels as N, useModel as M, computed as P, createElementBlock as s, openBlock as a, createVNode as d, unref as n, withCtx as i, createElementVNode as _, createBlock as c, createCommentVNode as p, renderSlot as y, createTextVNode as z, toDisplayString as g, normalizeClass as m, resolveDynamicComponent as b, Fragment as D, renderList as E } from "vue";
 import { Combobox as F, ComboboxLabel as S, ComboboxButton as q, ComboboxInput as $, ComboboxOptions as O, ComboboxOption as U } from "@headlessui/vue";
 import { PhMagnifyingGlass as G, PhCaretUp as K, PhCaretDown as T, PhCircleNotch as j } from "@phosphor-icons/vue";
 const H = { class: "autocomplete" }, J = { class: "autocomplete__wrapper" }, Q = {
@@ -21,8 +21,8 @@ const H = { class: "autocomplete" }, J = { class: "autocomplete__wrapper" }, Q =
     loading: { type: Boolean, default: !1 },
     searchIcon: { type: Boolean, default: !1 },
     inputAsButton: { type: Boolean, default: !0 },
-    optionLabel: { type: Function, default: (u) => u },
-    optionValue: { type: Function, default: (u) => u },
+    optionLabel: { type: Function, default: (r) => r },
+    optionValue: { type: Function, default: (r) => r },
     optionDisabled: { type: Function, default: () => !1 }
   }, {
     modelValue: { required: !0 },
@@ -31,8 +31,8 @@ const H = { class: "autocomplete" }, J = { class: "autocomplete__wrapper" }, Q =
     queryModifiers: {}
   }),
   emits: ["update:modelValue", "update:query"],
-  setup(u) {
-    const t = u, f = M(u, "modelValue"), v = M(u, "query"), h = P(() => !!t.errorMessage);
+  setup(r) {
+    const t = r, f = M(r, "modelValue"), v = M(r, "query"), h = P(() => !!t.errorMessage);
     function w(e) {
       e.open && e.event.stopPropagation();
     }
@@ -45,30 +45,31 @@ const H = { class: "autocomplete" }, J = { class: "autocomplete__wrapper" }, Q =
     function V(e) {
       return typeof e == "string" ? t.optionDisabled(e) : !!e.unavailable;
     }
-    function I(e, n) {
-      if (!e || !n)
+    function I(e, l) {
+      if (!e || !l)
         return !1;
-      if (e === n)
+      if (e === l)
         return !0;
-      if (typeof e == "string" && typeof n == "string")
-        return e === n;
-      const s = C(e), o = C(n);
-      return s === o;
+      if (typeof e == "string" && typeof l == "string")
+        return e === l;
+      const u = C(e), o = C(l);
+      return u === o;
     }
     function A(e) {
-      return !e || typeof e == "string" ? "" : e.name || "";
+      const l = t.options.find((o) => o.id === e.name), u = l ? l.name : null;
+      return !e || typeof e == "string" ? "" : u || "";
     }
-    return (e, n) => (l(), r("div", H, [
-      d(a(F), {
+    return (e, l) => (a(), s("div", H, [
+      d(n(F), {
         modelValue: f.value,
-        "onUpdate:modelValue": n[1] || (n[1] = (s) => f.value = s),
+        "onUpdate:modelValue": l[1] || (l[1] = (u) => f.value = u),
         name: t.name,
         by: I,
         nullable: ""
       }, {
-        default: i(({ open: s }) => [
+        default: i(({ open: u }) => [
           _("div", J, [
-            t.label ? (l(), c(a(S), {
+            t.label ? (a(), c(n(S), {
               key: 0,
               class: "autocomplete__label",
               as: "div"
@@ -86,28 +87,28 @@ const H = { class: "autocomplete" }, J = { class: "autocomplete__wrapper" }, Q =
             _("div", {
               class: m(["autocomplete__input-container", { "autocomplete__input-container--error": h.value }])
             }, [
-              (l(), c(b(t.inputAsButton ? a(q) : "div"), {
+              (a(), c(b(t.inputAsButton ? n(q) : "div"), {
                 as: "div",
                 class: "autocomplete__input-wrapper"
               }, {
                 default: i(() => [
-                  t.searchIcon ? (l(), r("div", Q, [
-                    d(a(G), { size: "1.5rem" })
+                  t.searchIcon ? (a(), s("div", Q, [
+                    d(n(G), { size: "1.5rem" })
                   ])) : p("", !0),
-                  d(a($), {
+                  d(n($), {
                     class: m(["autocomplete__input", { "autocomplete__input--with-left-icon": t.searchIcon }]),
                     "display-value": (o) => A(o),
                     placeholder: t.placeholder,
-                    onChange: n[0] || (n[0] = (o) => v.value = o.target.value),
-                    onClick: (o) => w({ event: o, open: s })
+                    onChange: l[0] || (l[0] = (o) => v.value = o.target.value),
+                    onClick: (o) => w({ event: o, open: u })
                   }, null, 8, ["class", "display-value", "placeholder", "onClick"]),
-                  t.searchIcon ? p("", !0) : (l(), c(b(t.inputAsButton ? "div" : a(q)), {
+                  t.searchIcon ? p("", !0) : (a(), c(b(t.inputAsButton ? "div" : n(q)), {
                     key: 1,
                     as: "div",
                     class: "autocomplete__input-icon"
                   }, {
                     default: i(() => [
-                      (l(), c(b(s ? a(K) : a(T)), { size: "1.5rem" }))
+                      (a(), c(b(u ? n(K) : n(T)), { size: "1.5rem" }))
                     ]),
                     _: 2
                   }, 1024))
@@ -115,27 +116,27 @@ const H = { class: "autocomplete" }, J = { class: "autocomplete__wrapper" }, Q =
                 _: 2
               }, 1024))
             ], 2),
-            e.errorMessage ? (l(), r("div", {
+            e.errorMessage ? (a(), s("div", {
               key: 1,
               class: m(["autocomplete__message", { "autocomplete__message--error": h.value }])
             }, g(e.errorMessage), 3)) : p("", !0)
           ]),
-          d(a(O), {
+          d(n(O), {
             class: "autocomplete__options",
             as: "ul"
           }, {
             default: i(() => [
-              t.loading ? (l(), r("div", R, [
+              t.loading ? (a(), s("div", R, [
                 y(e.$slots, "loading", {}, () => [
-                  d(a(j), {
+                  d(n(j), {
                     size: "24px",
                     color: "#0172AD",
                     weight: "bold",
                     class: "autocomplete__loading-spinner"
                   })
                 ], !0)
-              ])) : (l(), r(D, { key: 1 }, [
-                (l(!0), r(D, null, E(t.options, (o) => (l(), c(a(U), {
+              ])) : (a(), s(D, { key: 1 }, [
+                (a(!0), s(D, null, E(t.options, (o) => (a(), c(n(U), {
                   key: typeof o == "string" ? o : o.id,
                   as: "template",
                   value: o,
@@ -155,7 +156,7 @@ const H = { class: "autocomplete" }, J = { class: "autocomplete__wrapper" }, Q =
                   ]),
                   _: 2
                 }, 1032, ["value", "disabled"]))), 128)),
-                t.options.length === 0 && v.value !== "" ? (l(), r("div", W, " Keine Ergebnisse gefunden. ")) : p("", !0)
+                t.options.length === 0 && v.value !== "" ? (a(), s("div", W, " Keine Ergebnisse gefunden. ")) : p("", !0)
               ], 64))
             ]),
             _: 3

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectOrganisationStep.vue.js

@@ -1,7 +1,7 @@
 import o from "./ProjectOrganisationStep.vue2.js";
 /* empty css                             */
 import t from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5752d1b8"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-96ae74f8"]]);
 export {
-  m as default
+  f as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectOrganisationStep.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as b, createElementBlock as t, openBlock as i, createElementVNode as n, createCommentVNode as A, renderSlot as k, unref as e, Fragment as I, toDisplayString as r, createVNode as o, withCtx as c, createTextVNode as S } from "vue";
-import { FormKit as d } from "@formkit/vue";
+import { defineComponent as b, createElementBlock as i, openBlock as s, createElementVNode as t, createCommentVNode as A, renderSlot as k, unref as e, Fragment as I, toDisplayString as r, createVNode as o, withCtx as d, createTextVNode as S } from "vue";
+import { FormKit as c } from "@formkit/vue";
 import { PhLightbulb as z } from "@phosphor-icons/vue";
 import q from "../../../../stories/components/PartnerCard.vue.js";
 import { generateIsRequiredMsg as u, requireAllIfAny as m, generateIsInvalidMsg as p } from "../../../../utils/twinbyUtils.js";
@@ -8,7 +8,7 @@ import { useOrganizationInfo as w } from "../../../composables/useOrganizationIn
 import { useTwinbyUser as E } from "../../../composables/useTwinbyUser.js";
 import M from "../Card.vue.js";
 import f from "../InputField/InputFieldDefinition.js";
-const N = { class: "dpiV3_page V3-typography" }, P = { class: "funny-section" }, T = { class: "funny-flex" }, O = { class: "funny-section" }, x = { class: "contact-container" }, C = {
+const N = { class: "dpiV3_page V3-typography" }, P = { class: "funny-section" }, T = { class: "funny-flex" }, x = { class: "funny-section" }, O = { class: "contact-container" }, C = {
   key: 0,
   class: "contact-title"
 }, B = {
@@ -20,31 +20,19 @@ const N = { class: "dpiV3_page V3-typography" }, P = { class: "funny-section" },
 }, F = { class: "contact-wrapper" }, j = {
   key: 0,
   class: "contact-logo-wrapper"
-}, G = ["src"], L = { key: 1 }, K = { class: "info-wrapper" }, R = { class: "contact-grid" }, W = { class: "contact-col" }, $ = {
-  key: 0,
-  class: "contact-info"
-}, U = {
+}, G = ["src"], L = { key: 1 }, $ = { class: "info-wrapper" }, K = { class: "contact-grid" }, R = { class: "contact-col" }, W = ["title"], U = {
   key: 1,
   class: "contact-info not-available"
-}, H = {
-  key: 2,
-  class: "contact-info"
-}, J = {
+}, H = ["title"], J = {
   key: 3,
   class: "contact-info not-available"
-}, Q = { class: "contact-col" }, X = {
-  key: 0,
-  class: "contact-info"
-}, Y = {
+}, Q = { class: "contact-col contact-col--extended" }, X = ["title"], Y = {
   key: 1,
   class: "contact-info not-available"
-}, Z = {
-  key: 2,
-  class: "contact-info"
-}, ee = {
+}, Z = ["title"], ee = {
   key: 3,
   class: "contact-info not-available"
-}, ne = { class: "funny-section" }, te = { class: "contact-section" }, ie = { class: "funny-section" }, se = { class: "funny-section" }, ae = { class: "funny-flex" }, ve = /* @__PURE__ */ b({
+}, te = { class: "funny-section" }, ne = { class: "contact-section" }, ie = { class: "funny-section" }, se = { class: "funny-section" }, ae = { class: "funny-flex" }, ve = /* @__PURE__ */ b({
   __name: "ProjectOrganisationStep",
   props: {
     isWip: { type: Boolean }
@@ -52,42 +40,58 @@ const N = { class: "dpiV3_page V3-typography" }, P = { class: "funny-section" },
   setup(oe) {
     const { organization: _, authToken: g, startFetchPermissions: v } = E();
     v();
-    const { organizationDisplay: s, isLoading: h } = w({
+    const { organizationDisplay: n, isLoading: h } = w({
       id: _,
       authToken: g
     });
     function y(l) {
       return l._value === null || l._value === void 0 ? !0 : typeof l._value != "string" ? !1 : /^\d*$/.test(l._value);
     }
-    return (l, a) => (i(), t("div", N, [
-      n("section", P, [
-        n("div", T, [
-          a[1] || (a[1] = n("h4", null, "Informationen zu Ihrer Organisation", -1)),
-          a[2] || (a[2] = n("span", { class: "copy-large-regular" }, " Die Angaben zur durchführenden Organisation werden nicht hier bei der Projektdokumentation erfasst. Diese Daten werden automatisch aus den Kontoinformationen übernommen, die bei uns hinterlegt sind. So wird sichergestellt, dass die Angaben zu Ihrer Organisation stets konsistent und aktuell bleiben, ohne dass sie mehrfach eingegeben werden müssen. ", -1)),
+    return (l, a) => (s(), i("div", N, [
+      t("section", P, [
+        t("div", T, [
+          a[1] || (a[1] = t("h4", null, "Informationen zu Ihrer Organisation", -1)),
+          a[2] || (a[2] = t("span", { class: "copy-large-regular" }, " Die Angaben zur durchführenden Organisation werden nicht hier bei der Projektdokumentation erfasst. Diese Daten werden automatisch aus den Kontoinformationen übernommen, die bei uns hinterlegt sind. So wird sichergestellt, dass die Angaben zu Ihrer Organisation stets konsistent und aktuell bleiben, ohne dass sie mehrfach eingegeben werden müssen. ", -1)),
           k(l.$slots, "organization", {}, () => [
-            n("section", O, [
-              n("div", x, [
-                e(h) ? (i(), t("p", C, " Lade Organisationsdaten... ")) : (i(), t(I, { key: 1 }, [
-                  e(s).title ? (i(), t("p", B, r(e(s).title), 1)) : (i(), t("p", V, " Name nicht verfügbar ")),
-                  n("div", F, [
-                    e(s).logo ? (i(), t("div", j, [
-                      n("img", {
+            t("section", x, [
+              t("div", O, [
+                e(h) ? (s(), i("p", C, " Lade Organisationsdaten... ")) : (s(), i(I, { key: 1 }, [
+                  e(n).title ? (s(), i("p", B, r(e(n).title), 1)) : (s(), i("p", V, " Name nicht verfügbar ")),
+                  t("div", F, [
+                    e(n).logo ? (s(), i("div", j, [
+                      t("img", {
                         class: "contact-logo",
-                        src: e(s).logo,
+                        src: e(n).logo,
                         alt: "Organisation Logo"
                       }, null, 8, G)
-                    ])) : (i(), t("div", L, a[0] || (a[0] = [
-                      n("div", { class: "avatar-circle" }, null, -1)
+                    ])) : (s(), i("div", L, a[0] || (a[0] = [
+                      t("div", { class: "avatar-circle" }, null, -1)
                     ]))),
-                    n("div", K, [
-                      n("div", R, [
-                        n("div", W, [
-                          e(s).address.street ? (i(), t("span", $, r(e(s).address.street), 1)) : (i(), t("span", U, "Straße nicht verfügbar")),
-                          e(s).address.postalCode || e(s).address.locality ? (i(), t("span", H, r(e(s).address.postalCode || "") + " " + r(e(s).address.locality || ""), 1)) : (i(), t("span", J, "Ort nicht verfügbar"))
+                    t("div", $, [
+                      t("div", K, [
+                        t("div", R, [
+                          e(n).address.street ? (s(), i("span", {
+                            key: 0,
+                            title: e(n).address.street,
+                            class: "contact-info"
+                          }, r(e(n).address.street), 9, W)) : (s(), i("span", U, "Straße nicht verfügbar")),
+                          e(n).address.postalCode || e(n).address.locality ? (s(), i("span", {
+                            key: 2,
+                            title: `${e(n).address.postalCode || ""} ${e(n).address.locality || ""}`,
+                            class: "contact-info"
+                          }, r(e(n).address.postalCode || "") + " " + r(e(n).address.locality || ""), 9, H)) : (s(), i("span", J, "Ort nicht verfügbar"))
                         ]),
-                        n("div", Q, [
-                          e(s).phone ? (i(), t("span", X, r(e(s).phone), 1)) : (i(), t("span", Y, "Telefon nicht verfügbar")),
-                          e(s).email ? (i(), t("span", Z, r(e(s).email), 1)) : (i(), t("span", ee, "E-Mail nicht verfügbar"))
+                        t("div", Q, [
+                          e(n).phone ? (s(), i("span", {
+                            key: 0,
+                            title: e(n).phone,
+                            class: "contact-info"
+                          }, r(e(n).phone), 9, X)) : (s(), i("span", Y, "Telefon nicht verfügbar")),
+                          e(n).email ? (s(), i("span", {
+                            key: 2,
+                            title: e(n).email,
+                            class: "contact-info"
+                          }, r(e(n).email), 9, Z)) : (s(), i("span", ee, "E-Mail nicht verfügbar"))
                         ])
                       ])
                     ])
@@ -99,18 +103,18 @@ const N = { class: "dpiV3_page V3-typography" }, P = { class: "funny-section" },
         ])
       ]),
       A("", !0),
-      n("section", ne, [
-        n("div", te, [
-          a[5] || (a[5] = n("h5", null, "Projektkontakt (optional)", -1)),
-          a[6] || (a[6] = n("span", { class: "copy-large-regular" }, " Bitte nennen Sie eine allgemeine E-Mail-Adresse oder Funktionsadresse, unter der interessierte Personen Rückfragen zum Projekt stellen können. Bitte geben Sie keine personenbezogenen Daten an. ", -1)),
+      t("section", te, [
+        t("div", ne, [
+          a[5] || (a[5] = t("h5", null, "Projektkontakt (optional)", -1)),
+          a[6] || (a[6] = t("span", { class: "copy-large-regular" }, " Bitte nennen Sie eine allgemeine E-Mail-Adresse oder Funktionsadresse, unter der interessierte Personen Rückfragen zum Projekt stellen können. Bitte geben Sie keine personenbezogenen Daten an. ", -1)),
           o(q, null, {
-            default: c(() => [
-              o(e(d), {
+            default: d(() => [
+              o(e(c), {
                 type: "group",
                 name: "contact"
               }, {
-                default: c(() => [
-                  o(e(d), {
+                default: d(() => [
+                  o(e(c), {
                     type: e(f),
                     name: "name",
                     "text-label": "Name",
@@ -123,7 +127,7 @@ const N = { class: "dpiV3_page V3-typography" }, P = { class: "funny-section" },
                       requireAllIfAny: e(u)("Name")
                     }
                   }, null, 8, ["type", "validation-rules", "validation-messages"]),
-                  o(e(d), {
+                  o(e(c), {
                     type: e(f),
                     name: "mail",
                     "text-label": "E-Mail-Adresse",
@@ -137,7 +141,7 @@ const N = { class: "dpiV3_page V3-typography" }, P = { class: "funny-section" },
                     },
                     "validation-rules": { requireAllIfAny: e(m) }
                   }, null, 8, ["type", "validation-messages", "validation-rules"]),
-                  o(e(d), {
+                  o(e(c), {
                     type: e(f),
                     name: "phone",
                     "text-label": "Telefonnummer",
@@ -159,26 +163,26 @@ const N = { class: "dpiV3_page V3-typography" }, P = { class: "funny-section" },
           })
         ])
       ]),
-      n("section", ie, [
+      t("section", ie, [
         o(D)
       ]),
-      n("section", se, [
-        n("div", ae, [
+      t("section", se, [
+        t("div", ae, [
           o(M, { variant: "default" }, {
-            icon: c(() => [
+            icon: d(() => [
               o(e(z), {
                 size: 32,
                 color: "#009fe3"
               })
             ]),
-            title: c(() => a[7] || (a[7] = [
+            title: d(() => a[7] || (a[7] = [
               S(" Wichtig! ", -1)
             ])),
-            default: c(() => [
-              a[8] || (a[8] = n("div", { class: "copy-large-regular" }, [
-                n("p", null, "Bitte geben Sie keine persönlichen Daten preis! Diese dürfen auf unserer Plattform nicht veröffentlicht werden."),
-                n("p", null, "Dazu zählen Namen, E-Mail-Adresse oder auch Telefonnummern von realen Personen."),
-                n("p", null, "Geben Sie daher hier die Daten einer Organisationseinheit oder Abteilung an.")
+            default: d(() => [
+              a[8] || (a[8] = t("div", { class: "copy-large-regular" }, [
+                t("p", null, "Bitte geben Sie keine persönlichen Daten preis! Diese dürfen auf unserer Plattform nicht veröffentlicht werden."),
+                t("p", null, "Dazu zählen Namen, E-Mail-Adresse oder auch Telefonnummern von realen Personen."),
+                t("p", null, "Geben Sie daher hier die Daten einer Organisationseinheit oder Abteilung an.")
               ], -1))
             ]),
             _: 1,

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

@@ -148,7 +148,7 @@ function d(e, t = "de") {
 function q(e) {
   return {
     uri: e.uri,
-    label: e.label
+    "@value": e["@value"] || e.label
   };
 }
 function V(e, t) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@piveau/dpi",
   "type": "module",
-  "version": "0.2.0-alpha.71",
+  "version": "0.2.0-alpha.73",
   "private": false,
   "repository": {
     "type": "git",