@piveau/dpi 0.2.0-alpha.20 → 0.2.0-alpha.21

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

@@ -1,43 +1,49 @@
-import p from "./DataProviderInterface.vue2.js";
-import { resolveComponent as s, createElementBlock as n, openBlock as t, Fragment as a, createElementVNode as o, createBlock as c, createVNode as d } from "vue";
+import a from "./DataProviderInterface.vue2.js";
+import { resolveComponent as n, createElementBlock as i, openBlock as o, Fragment as d, createElementVNode as t, createBlock as m, createVNode as s } from "vue";
 /* empty css                           */
 import f from "../../../../_virtual/_plugin-vue_export-helper.js";
-const m = {
+const h = {
   key: 1,
   class: "d-flex justify-content-center align-items-center",
   style: { height: "100dvh", width: "100%" }
 };
-function g(r, e, u, y, h, k) {
-  const i = s("TheErrorDialog"), l = s("router-view");
-  return t(), n(a, null, [
-    e[0] || (e[0] = o("link", {
+function g(r, e, u, y, k, _) {
+  const l = n("TheErrorDialog"), p = n("router-view"), c = n("PhCircleNotch");
+  return o(), i(d, null, [
+    e[0] || (e[0] = t("link", {
       rel: "preconnect",
       href: "https://fonts.googleapis.com"
     }, null, -1)),
-    e[1] || (e[1] = o("link", {
+    e[1] || (e[1] = t("link", {
       rel: "preconnect",
       href: "https://fonts.gstatic.com",
       crossorigin: ""
     }, null, -1)),
-    e[2] || (e[2] = o("link", {
+    e[2] || (e[2] = t("link", {
       href: "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap",
       rel: "stylesheet"
     }, null, -1)),
-    (t(), n("div", {
+    (o(), i("div", {
       key: r.property,
       class: "dpi dpiV3_dpi"
     }, [
-      o("div", null, [
-        d(i)
+      t("div", null, [
+        s(l)
       ]),
-      r.isReady ? (t(), c(l, {
+      r.isReady ? (o(), m(p, {
         ref: "view",
         key: r.key
-      })) : (t(), n("div", m))
+      })) : (o(), i("div", h, [
+        s(c, {
+          size: "72",
+          weight: "bold",
+          class: "dpiV3_spinningIcon"
+        })
+      ]))
     ]))
   ], 64);
 }
-const $ = /* @__PURE__ */ f(p, [["render", g]]);
+const V = /* @__PURE__ */ f(a, [["render", g]]);
 export {
-  $ as default
+  V as default
 };

package/dist/packages/dpi/src/data-provider-interface/DataProviderInterface.vue2.js

@@ -1,25 +1,27 @@
-import { whenever as j } from "@vueuse/core";
-import { defineComponent as q, defineAsyncComponent as D, toRef as _, computed as i, toValue as B, provide as O, watchEffect as v, ref as c, nextTick as w } from "vue";
-import { useRoute as z } from "vue-router";
-import { mapActions as I, mapGetters as F, useStore as T } from "vuex";
-import { useRuntimeEnv as J } from "../composables/useRuntimeEnv.js";
-import G from "./components/TheErrorDialog.vue.js";
-import { autocompleteKey as K, defaultAutocompleteAdapter as H } from "./composables/aucotomplete.js";
-import { setupDpiContext as Q } from "./composables/useDpiContext.js";
-import { useDpiEditMode as U } from "./composables/useDpiEditMode.js";
-import { useFormValues as W } from "./composables/useDpiFormValues.js";
-import { useErrorDialog as X } from "./composables/useErrorDialog.js";
-import { config as Y } from "./config/dpi-spec-config.js";
-import Z from "./HappyFlowComponents/ui/ButtonV3.vue.js";
-import ee from "./HappyFlowComponents/ui/DpiModalBase.vue.js";
-const ve = q({
+import { PhCircleNotch as j } from "@phosphor-icons/vue";
+import { whenever as q } from "@vueuse/core";
+import { defineComponent as _, defineAsyncComponent as D, toRef as B, computed as i, toValue as O, provide as z, watchEffect as v, ref as c, nextTick as w } from "vue";
+import { useRoute as F } from "vue-router";
+import { mapActions as I, mapGetters as T, useStore as J } from "vuex";
+import { useRuntimeEnv as G } from "../composables/useRuntimeEnv.js";
+import K from "./components/TheErrorDialog.vue.js";
+import { autocompleteKey as H, defaultAutocompleteAdapter as Q } from "./composables/aucotomplete.js";
+import { setupDpiContext as U } from "./composables/useDpiContext.js";
+import { useDpiEditMode as W } from "./composables/useDpiEditMode.js";
+import { useFormValues as X } from "./composables/useDpiFormValues.js";
+import { useErrorDialog as Y } from "./composables/useErrorDialog.js";
+import { config as Z } from "./config/dpi-spec-config.js";
+import ee from "./HappyFlowComponents/ui/ButtonV3.vue.js";
+import te from "./HappyFlowComponents/ui/DpiModalBase.vue.js";
+const ge = _({
   name: "DataProviderInterface",
   components: {
-    ButtonV3: Z,
+    ButtonV3: ee,
     InputPage: D(() => import("./views/InputPage.vue.js")),
     InputPageProject: D(() => import("./views/InputPageProject.vue.js")),
-    DpiModalBase: ee,
-    TheErrorDialog: G
+    DpiModalBase: te,
+    TheErrorDialog: K,
+    PhCircleNotch: j
   },
   props: {
     name: {
@@ -54,7 +56,7 @@ const ve = q({
     };
   },
   computed: {
-    ...F("auth", [
+    ...T("auth", [
       "getIsEditMode"
     ]),
     mode() {
@@ -89,8 +91,8 @@ const ve = q({
     window.removeEventListener("scroll", this.handleScroll);
   },
   setup(o) {
-    const e = z(), r = T(), p = J(), h = p.content.dataProviderInterface.specification, S = Y[h], b = _(o, "dpiContext"), { formValues: g } = W(), { openErrorDialog: y } = X(), t = i(() => {
-      const a = B(b);
+    const e = F(), r = J(), p = G(), h = p.content.dataProviderInterface.specification, S = Z[h], b = B(o, "dpiContext"), { formValues: g } = X(), { openErrorDialog: y } = Y(), t = i(() => {
+      const a = O(b);
       return {
         specification: S,
         specificationName: h,
@@ -102,26 +104,26 @@ const ve = q({
         },
         ...a
       };
-    }), A = i(() => t.value.specification), E = i(() => t.value.specificationName);
-    Q(t);
-    const C = H({
+    }), C = i(() => t.value.specification), E = i(() => t.value.specificationName);
+    U(t);
+    const A = Q({
       envs: p,
       dpiContext: t
     });
-    O(K, o.autocomplete || C.adapter), v(() => {
-      r.dispatch("dpiStore/setSpecification", A.value), r.dispatch("dpiStore/setSpecificationname", E.value);
+    z(H, o.autocomplete || A.adapter), v(() => {
+      r.dispatch("dpiStore/setSpecification", C.value), r.dispatch("dpiStore/setSpecificationname", E.value);
     });
-    const P = i(() => `${e.query.key}@${E.value}`), x = e.name === "DataProviderInterface-InputProject", { isReady: s, result: m, inEditModeAndRptAvailable: $, parsingErrors: n, fetchError: d, isSimpleLoaderReady: R, isMaterialized: L, isLoading: M, jsonld: k } = U(t, x), f = c(!1);
+    const P = i(() => `${e.query.key}@${E.value}`), x = e.name === "DataProviderInterface-InputProject", { isReady: s, result: m, inEditModeAndRptAvailable: $, parsingErrors: n, fetchError: d, isSimpleLoaderReady: R, isMaterialized: L, isLoading: M, jsonld: N } = W(t, x), f = c(!1);
     v(async () => {
       f.value || $.value && s.value && (await w(), await w(), g.value = m.value, console.log("resultus", m.value), f.value = !0);
     });
-    const N = i(() => {
+    const k = i(() => {
       var a;
       return (a = t.value.edit) != null && a.enabled ? s.value && f.value : s.value;
     }), l = c(!1), u = c(null), V = c(!0);
     return v(() => {
       n.value && n.value.length > 0 ? (u.value = n.value[0], l.value = !0, y(new Error(n.value[0].message))) : (l.value = !1, u.value = null);
-    }), j(d, () => {
+    }), q(d, () => {
       var a;
       u.value = {
         code: "fetch_failed",
@@ -131,7 +133,7 @@ const ve = q({
       result: m,
       resolvedDpiContext: t,
       key: P,
-      isReady: N,
+      isReady: k,
       formValues: g,
       showErrorModal: l,
       currentError: u,
@@ -140,12 +142,12 @@ const ve = q({
       isSimpleLoaderReady: R,
       isMaterialized: L,
       isLoading: M,
-      jsonld: k,
+      jsonld: N,
       inEditModeAndRptAvailable: $,
       isEditReady: s
     };
   }
 });
 export {
-  ve as default
+  ge as default
 };

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

@@ -1,65 +1,74 @@
-import { ref as y, computed as r, watch as U, createElementBlock as a, openBlock as l, createElementVNode as o, createCommentVNode as _, createTextVNode as k, createBlock as p, resolveDynamicComponent as L, unref as n, withCtx as R, createVNode as W, createStaticVNode as q, Fragment as w, renderList as D } from "vue";
-import { useDebounce as A } from "@vueuse/core";
+import { ref as v, computed as l, watch as q, createElementBlock as a, openBlock as o, createElementVNode as n, createCommentVNode as D, createTextVNode as V, createBlock as f, resolveDynamicComponent as F, unref as r, withCtx as K, createVNode as S, createStaticVNode as $, Fragment as I, renderList as T } from "vue";
+import { PhCircleNotch as j } from "@phosphor-icons/vue";
+import "@vueuse/core";
 import "jquery";
-import { useRouter as F } from "vue-router";
-import { useStore as K } from "vuex";
-import { useRuntimeEnv as $ } from "../../composables/useRuntimeEnv.js";
-import { useDatasetSearch as j } from "../composables/useTwinbyHome.js";
-import { useTwinbyUser as G } from "../composables/useTwinbyUser.js";
-import { formatDate as V } from "../utils/formatDate.js";
-import J from "./ui/ButtonV3.vue.js";
-import S from "./ui/TableRowV3.vue.js";
+import { useRouter as G } from "vue-router";
+import { useStore as J } from "vuex";
+import { useRuntimeEnv as M } from "../../composables/useRuntimeEnv.js";
+import { useDebouncedLoading as O } from "../composables/useDebouncedLoading.js";
+import { useDatasetSearch as Q } from "../composables/useTwinbyHome.js";
+import { useTwinbyUser as X } from "../composables/useTwinbyUser.js";
+import { formatDate as x } from "../utils/formatDate.js";
+import Y from "./ui/ButtonV3.vue.js";
+import C from "./ui/TableRowV3.vue.js";
 /* empty css               */
-import M from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const O = { class: "dpiV3_dpiHome V3-typography" }, Q = { class: "dpiV3_homeHeadWrap" }, X = {
+import Z from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const ee = { class: "dpiV3_dpiHome V3-typography" }, te = { class: "dpiV3_homeHeadWrap" }, ie = {
   key: 0,
   class: "copy-large-semi-bold landingText"
-}, Y = { class: "interactionButtonsDPIHome" }, Z = {
+}, oe = { class: "interactionButtonsDPIHome" }, le = {
   key: 0,
   class: "dpiV3_table"
-}, ee = {
+}, ae = {
   key: 0,
-  class: "loading-screen"
-}, te = {
+  class: "dpiV3_loadingSkeleton"
+}, ne = {
   key: 1,
   class: "dpiV3_innerTable"
-}, ie = {
+}, re = {
   __name: "HomeTable",
-  setup(le) {
-    var f, h, g, b;
-    const s = K();
-    F(), localStorage.getItem("dpi_duplicate"), y("");
-    const m = $();
-    y({
+  setup(se) {
+    var _, k, y, w;
+    const s = J();
+    G(), localStorage.getItem("dpi_duplicate"), v("");
+    const h = M();
+    v({
       loading: !1,
       message: "",
       confirm: () => null
     });
-    const d = r(() => s.getters["auth/getUserDrafts"].sort((t, i) => (t.id ?? "").localeCompare(i.id ?? "", "de", { sensitivity: "base", numeric: !0 })));
-    console.log(d);
-    const I = r(() => s.getters["auth/getUserData"]);
-    r(() => I.value.rtpToken);
-    const T = (t) => s.dispatch("snackbar/showSnackbar", t), x = r(() => {
+    const c = l(() => s.getters["auth/getUserDrafts"].sort((t, i) => (t.id ?? "").localeCompare(i.id ?? "", "de", { sensitivity: "base", numeric: !0 })));
+    console.log(c);
+    const P = l(() => s.getters["auth/getUserData"]);
+    l(() => P.value.rtpToken);
+    const H = (t) => s.dispatch("snackbar/showSnackbar", t), z = l(() => {
       var t, i;
       return (i = (t = s.getters) == null ? void 0 : t["auth/getUserData"]) == null ? void 0 : i.authToken;
-    }), { useSearch: H } = j("https://twin.bydata.de/api/hub/search"), P = r(() => ({
-      Authorization: `Bearer ${x.value}`
-    })), { getSearchResultsEnhanced: E, isLoading: z, query: B } = H({
+    }), { useSearch: B } = Q("https://twin.bydata.de/api/hub/search"), E = l(() => ({
+      Authorization: `Bearer ${z.value}`
+    })), { getSearchResultsEnhanced: L, query: b, isFetching: N } = B({
       queryParams: {
         limit: 100
       },
       additionalParams: {
         accessControlPermissions: "edit,publish,delete"
       },
-      headers: P
-    }), c = r(() => B.error.value);
-    U(c, () => {
-      console.error(c), T({
-        message: c.value.message,
+      headers: E
+    }), d = l(() => b.error.value);
+    q(d, () => {
+      console.error(d), H({
+        message: d.value.message,
         color: "error"
       });
     });
-    const C = A(z, 500), u = r(() => (E.value || []).map((t) => ({
+    const { isLoading: U } = O(N), u = v(!1);
+    async function p() {
+      await new Promise((t) => setTimeout(t, 2100)), b.refetch(), u.value = !1;
+    }
+    function R() {
+      u.value = !0, p();
+    }
+    const A = l(() => U.value || u.value), m = l(() => (L.value || []).map((t) => ({
       id: t.id,
       title: t.title,
       description: t.description,
@@ -71,27 +80,27 @@ const O = { class: "dpiV3_dpiHome V3-typography" }, Q = { class: "dpiV3_homeHead
       allowEdit: t.allowEdit,
       allowPublish: t.allowPublish,
       allowDelete: t.allowDelete
-    }))), { allowedToCreate: v } = G({
-      keycloak: ((h = (f = m.authentication) == null ? void 0 : f.keycloak) == null ? void 0 : h.url) || "https://keycloak.twin.bydata.de",
-      realm: ((b = (g = m.authentication) == null ? void 0 : g.keycloak) == null ? void 0 : b.realm) || "piveau",
+    }))), { allowedToCreate: g } = X({
+      keycloak: ((k = (_ = h.authentication) == null ? void 0 : _.keycloak) == null ? void 0 : k.url) || "https://keycloak.twin.bydata.de",
+      realm: ((w = (y = h.authentication) == null ? void 0 : y.keycloak) == null ? void 0 : w.realm) || "piveau",
       audience: "piveau-hub-repo"
     });
-    return (t, i) => (l(), a("div", O, [
-      o("div", Q, [
-        i[1] || (i[1] = o("h2", { class: "dpiV3_tableHeader" }, " Ihre Datensätze ", -1)),
-        i[2] || (i[2] = o("div", { class: "dpiV3_dataset-information" }, [
-          o("p", null, "Hier sehen Sie alle Datensätze, die Sie bearbeiten oder veröffentlichen können.")
+    return (t, i) => (o(), a("div", ee, [
+      n("div", te, [
+        i[1] || (i[1] = n("h2", { class: "dpiV3_tableHeader" }, " Ihre Datensätze ", -1)),
+        i[2] || (i[2] = n("div", { class: "dpiV3_dataset-information" }, [
+          n("p", null, "Hier sehen Sie alle Datensätze, die Sie bearbeiten oder veröffentlichen können.")
         ], -1)),
-        u.value.length === 0 && d.value.length === 0 ? (l(), a("p", X, i[0] || (i[0] = [
-          k(" Willkommen im Data Provider Interface ✨ ", -1),
-          o("br", null, null, -1),
-          k("Beginnen Sie mit der Erstellung Ihres ersten Datensatzes! ", -1)
-        ]))) : _("", !0),
-        o("div", Y, [
-          (l(), p(L(n(v) ? "RouterLink" : "span"), { to: { name: "DataProviderInterface-Input", query: { locale: "de", edit: !1 }, params: { property: "datasets" } } }, {
-            default: R(() => [
-              W(J, {
-                disabled: !n(v),
+        m.value.length === 0 && c.value.length === 0 ? (o(), a("p", ie, i[0] || (i[0] = [
+          V(" Willkommen im Data Provider Interface ✨ ", -1),
+          n("br", null, null, -1),
+          V("Beginnen Sie mit der Erstellung Ihres ersten Datensatzes! ", -1)
+        ]))) : D("", !0),
+        n("div", oe, [
+          (o(), f(F(r(g) ? "RouterLink" : "span"), { to: { name: "DataProviderInterface-Input", query: { locale: "de", edit: !1 }, params: { property: "datasets" } } }, {
+            default: K(() => [
+              S(Y, {
+                disabled: !r(g),
                 "button-text": "Neuen Datensatz erstellen",
                 size: "large"
               }, null, 8, ["disabled"])
@@ -100,41 +109,48 @@ const O = { class: "dpiV3_dpiHome V3-typography" }, Q = { class: "dpiV3_homeHead
           }))
         ])
       ]),
-      u.value.length > 0 || d.value.length > 0 ? (l(), a("div", Z, [
-        n(C) ? (l(), a("div", ee, i[3] || (i[3] = [
-          o("p", null, "Lädt Daten...", -1)
-        ]))) : (l(), a("div", te, [
-          i[4] || (i[4] = q('<div class="dpiV3_tableHeadWrap" data-v-71c76df7><div class="dpiV3_thWrap" data-v-71c76df7><div scope="col" data-v-71c76df7><span data-v-71c76df7>Datensätze</span></div><div scope="col" class="dpiV3_statusHead" data-v-71c76df7><span data-v-71c76df7>Status</span></div></div><div class="dpiV3_blankCell" data-v-71c76df7></div></div>', 1)),
-          o("div", null, [
-            (l(!0), a(w, null, D(d.value, (e) => (l(), p(S, {
+      m.value.length > 0 || c.value.length > 0 ? (o(), a("div", le, [
+        A.value ? (o(), a("div", ae, [
+          S(r(j), {
+            size: 48,
+            weight: "bold",
+            class: "dpiV3_spinningIcon"
+          })
+        ])) : (o(), a("div", ne, [
+          i[3] || (i[3] = $('<div class="dpiV3_tableHeadWrap" data-v-943cefbc><div class="dpiV3_thWrap" data-v-943cefbc><div scope="col" data-v-943cefbc><span data-v-943cefbc>Datensätze</span></div><div scope="col" class="dpiV3_statusHead" data-v-943cefbc><span data-v-943cefbc>Status</span></div></div><div class="dpiV3_blankCell" data-v-943cefbc></div></div>', 1)),
+          n("div", null, [
+            (o(!0), a(I, null, T(c.value, (e) => (o(), f(C, {
               id: e.id,
               key: e.id,
               "data-cy": e,
               catalogue: e.catalog,
               text: e.title.de || e.title.en,
-              date: e != null && e.modified ? n(V)(e == null ? void 0 : e.modified) : "-",
+              date: e != null && e.modified ? r(x)(e == null ? void 0 : e.modified) : "-",
               draft: "true",
-              dataset: e
+              dataset: e,
+              onActionCompleted: p
             }, null, 8, ["id", "data-cy", "catalogue", "text", "date", "dataset"]))), 128)),
-            (l(!0), a(w, null, D(u.value, (e, N) => (l(), p(S, {
+            (o(!0), a(I, null, T(m.value, (e, W) => (o(), f(C, {
               id: e.id,
-              key: e.id ?? N,
+              key: e.id ?? W,
               text: e.title || "Kein Titel in englisch oder deutsch vohanden",
-              date: e != null && e.modified ? n(V)(e == null ? void 0 : e.modified) : "-",
+              date: e != null && e.modified ? r(x)(e == null ? void 0 : e.modified) : "-",
               dataset: e,
               visibility: e.visibility,
               draft: e.publicationStatus === "draft",
               catalogue: e.catalogId,
               "allow-edit": e.allowEdit,
               "allow-publish": e.allowPublish,
-              "allow-delete": e.allowDelete
+              "allow-delete": e.allowDelete,
+              onStart: R,
+              onComplete: p
             }, null, 8, ["id", "text", "date", "dataset", "visibility", "draft", "catalogue", "allow-edit", "allow-publish", "allow-delete"]))), 128))
           ])
         ]))
-      ])) : _("", !0)
+      ])) : D("", !0)
     ]));
   }
-}, ge = /* @__PURE__ */ M(ie, [["__scopeId", "data-v-71c76df7"]]);
+}, Ve = /* @__PURE__ */ Z(re, [["__scopeId", "data-v-943cefbc"]]);
 export {
-  ge as default
+  Ve as default
 };

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

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