@piveau/dpi 0.2.0-alpha.50 → 0.2.0-alpha.52

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

@@ -1,7 +1,7 @@
 import o from "./ResourceTable.vue2.js";
 /* empty css                   */
 import r from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-02618552"]]);
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-59f796bd"]]);
 export {
-  m as default
+  f as default
 };

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

@@ -10,42 +10,42 @@ import { useTwinbyUser as ne } from "../composables/useTwinbyUser.js";
 import { formatDate as re } from "../utils/formatDate.js";
 import de from "./ui/ButtonV3.vue.js";
 import ue from "./ui/TableRowV3.vue.js";
-const ce = { class: "dpiV3_dpiHome V3-typography" }, pe = { class: "dpiV3_homeHeadWrap" }, me = { class: "dpiV3_tableHeader" }, he = { class: "interactionButtonsDPIHome" }, be = {
+const ce = { class: "dpiV3_dpiHome V3-typography" }, pe = { class: "dpiV3_homeHeadWrap" }, me = { class: "dpiV3_tableHeader" }, he = { class: "interactionButtonsDPIHome" }, ve = {
   key: 0,
   class: "dpiV3_table"
-}, ve = {
+}, be = {
   key: 0,
   class: "dpiV3_loadingSkeleton"
 }, fe = {
   key: 1,
   class: "dpiV3_innerTable"
-}, ye = { class: "dpiV3_tableHeadWrap" }, we = { class: "dpiV3_thWrap" }, _e = { scope: "col" }, ge = {
+}, ye = { class: "dpiV3_tableHeadWrap" }, we = { class: "dpiV3_thWrap" }, ge = { scope: "col" }, _e = {
   key: 0,
   scope: "col",
   class: "dpiV3_statusHead"
-}, xe = /* @__PURE__ */ K({
+}, He = /* @__PURE__ */ K({
   __name: "ResourceTable",
   props: {
     type: {}
   },
   setup(E) {
-    var g, k, S, P;
-    const L = E, d = ie(), N = te(), { allowedToCreate: u, organization: I } = ne({
-      keycloak: ((k = (g = d.authentication) == null ? void 0 : g.keycloak) == null ? void 0 : k.url) || "https://keycloak.twin.bydata.de",
+    var _, k, S, P;
+    const L = E, d = ie(), N = te(), { allowedToCreate: u, organization: j } = ne({
+      keycloak: ((k = (_ = d.authentication) == null ? void 0 : _.keycloak) == null ? void 0 : k.url) || "https://keycloak.twin.bydata.de",
       realm: ((P = (S = d.authentication) == null ? void 0 : S.keycloak) == null ? void 0 : P.realm) || "piveau",
       audience: "piveau-hub-repo"
-    }), T = o(() => {
+    }), I = o(() => {
       var t, e;
       return (e = (t = N.getters) == null ? void 0 : t["auth/getUserData"]) == null ? void 0 : e.authToken;
     }), c = o(() => ({
-      Authorization: `Bearer ${T.value}`
-    })), p = o(() => L.type === "projects"), { useSearch: j } = le(d.api.baseUrl), { useSearch: x } = se(d.api.baseUrl), m = V([]);
-    M(I, (t) => {
+      Authorization: `Bearer ${I.value}`
+    })), p = o(() => L.type === "projects"), { useSearch: T } = le(d.api.baseUrl), { useSearch: H } = se(d.api.baseUrl), m = V([]);
+    M(j, (t) => {
       m.value = [t];
     }, {
       immediate: !0
     });
-    const H = j({
+    const x = T({
       queryParams: {
         limit: 200,
         sort: "modified+desc"
@@ -58,10 +58,10 @@ const ce = { class: "dpiV3_dpiHome V3-typography" }, pe = { class: "dpiV3_homeHe
         accessControlPermissions: "view,edit,publish,delete"
       },
       headers: c
-    }), z = x({
+    }), z = H({
       queryParams: {
         limit: 200,
-        sort: "modified+desc"
+        sort: "title.de+asc,title.en+asc,modified+desc"
       },
       selectedFacets: {
         superCatalog: m
@@ -70,7 +70,7 @@ const ce = { class: "dpiV3_dpiHome V3-typography" }, pe = { class: "dpiV3_homeHe
         accessControlPermissions: "view,edit,publish,delete"
       },
       headers: c
-    }), { getSearchResultsEnhanced: B, query: w, isFetching: F } = o(() => p.value ? H : z).value, h = o(() => w.error.value), { openErrorDialog: R } = oe();
+    }), { getSearchResultsEnhanced: B, query: w, isFetching: F } = o(() => p.value ? x : z).value, h = o(() => w.error.value), { openErrorDialog: R } = oe();
     ee(h, () => {
       if (!h.value)
         return;
@@ -79,7 +79,7 @@ const ce = { class: "dpiV3_dpiHome V3-typography" }, pe = { class: "dpiV3_homeHe
 ${JSON.stringify(c.value)}`);
       R(e, t);
     });
-    const b = o(() => {
+    const v = o(() => {
       var t;
       return (t = B.value) == null ? void 0 : t.map((e) => ({
         id: e.id,
@@ -92,14 +92,14 @@ ${JSON.stringify(c.value)}`);
         allowPublish: e.allowPublish,
         allowDelete: e.allowDelete
       }));
-    }), { isLoading: q } = ae(F), v = V(!1);
-    async function _() {
-      await new Promise((t) => setTimeout(t, 2100)), w.refetch(), v.value = !1;
+    }), { isLoading: q } = ae(F), b = V(!1);
+    async function g() {
+      await new Promise((t) => setTimeout(t, 2100)), w.refetch(), b.value = !1;
     }
     function U() {
-      v.value = !0, _();
+      b.value = !0, g();
     }
-    const A = o(() => q.value || v.value), s = o(() => p.value ? {
+    const A = o(() => q.value || b.value), s = o(() => p.value ? {
       title: "Ihre Projekte",
       description: "Hier sehen Sie alle Projekte, die Sie bearbeiten oder veröffentlichen können.",
       buttonText: "Neues Projekt erstellen",
@@ -123,7 +123,7 @@ ${JSON.stringify(c.value)}`);
     function $(t) {
       return W[t] || t;
     }
-    const J = o(() => s.value.showEmptyState && (!b.value || b.value.length === 0));
+    const J = o(() => s.value.showEmptyState && (!v.value || v.value.length === 0));
     return (t, e) => (l(), n("div", ce, [
       a("div", pe, [
         a("h2", me, y(s.value.title), 1),
@@ -145,8 +145,8 @@ ${JSON.stringify(c.value)}`);
           }, 8, ["disabled", "to"]))
         ])
       ]),
-      J.value ? f("", !0) : (l(), n("div", be, [
-        A.value ? (l(), n("div", ve, [
+      J.value ? f("", !0) : (l(), n("div", ve, [
+        A.value ? (l(), n("div", be, [
           C(r(Z), {
             size: 48,
             weight: "bold",
@@ -155,7 +155,7 @@ ${JSON.stringify(c.value)}`);
         ])) : (l(), n("div", fe, [
           a("div", ye, [
             a("div", we, [
-              a("div", _e, [
+              a("div", ge, [
                 a("span", null, y(s.value.columnLabel), 1)
               ]),
               e[2] || (e[2] = a("div", {
@@ -164,19 +164,19 @@ ${JSON.stringify(c.value)}`);
               }, [
                 a("span", null, "Status")
               ], -1)),
-              s.value.showVisibilityColumn ? (l(), n("div", ge, e[1] || (e[1] = [
+              s.value.showVisibilityColumn ? (l(), n("div", _e, e[1] || (e[1] = [
                 a("span", null, "Sichtbarkeit", -1)
               ]))) : f("", !0)
             ]),
             e[3] || (e[3] = a("div", { class: "dpiV3_blankCell" }, null, -1))
           ]),
           a("div", null, [
-            (l(!0), n(X, null, Y(b.value, (i, O) => (l(), D(ue, {
+            (l(!0), n(X, null, Y(v.value, (i, O) => (l(), D(ue, {
               id: i.id,
               key: i.id ?? O,
               type: t.type,
               text: i.title || "Kein Titel in englisch oder deutsch vohanden",
-              date: i.modified ? r(re)(i.modified) : "-",
+              date: t.type === "projects" ? i.modified ? r(re)(i.modified) : "-" : void 0,
               dataset: i,
               visibility: $(i.visibility || "public"),
               "visibility-state": i.visibility,
@@ -185,7 +185,7 @@ ${JSON.stringify(c.value)}`);
               "allow-edit": i.allowEdit && i.publicationStatus === "draft",
               "allow-publish": i.allowPublish,
               "allow-delete": i.allowDelete,
-              onComplete: _,
+              onComplete: g,
               onStart: U
             }, null, 8, ["id", "type", "text", "date", "dataset", "visibility", "visibility-state", "draft", "catalogue", "allow-edit", "allow-publish", "allow-delete"]))), 128))
           ])
@@ -195,5 +195,5 @@ ${JSON.stringify(c.value)}`);
   }
 });
 export {
-  xe as default
+  He as default
 };

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

@@ -1,16 +1,19 @@
-import { ref as p, computed as x, watch as L, createElementBlock as q, openBlock as d, Fragment as F, createElementVNode as o, createBlock as b, createCommentVNode as h, withKeys as m, normalizeClass as H, withModifiers as y, unref as n, toDisplayString as z, isRef as B } from "vue";
-import { setResourcePublicationStatus as j, setDatasetPublicationStatus as I, deleteResource as O, deleteDataset as W } from "@piveau/sdk-core/hubRepo";
+import { ref as p, computed as x, watch as q, createElementBlock as z, openBlock as o, Fragment as F, createElementVNode as s, createBlock as b, createCommentVNode as h, withKeys as m, normalizeClass as H, withModifiers as y, unref as n, toDisplayString as B, isRef as j } from "vue";
+import { setResourcePublicationStatus as I, setDatasetPublicationStatus as C, deleteResource as O, deleteDataset as W } from "@piveau/sdk-core/hubRepo";
 import { useRouter as Z, useRoute as G } from "vue-router";
 import { useStore as J } from "vuex";
 import { useRuntimeEnv as Q } from "../../../composables/useRuntimeEnv.js";
 import { useDpiUtils as X } from "../../composables/useDpiUtils.js";
 import Y from "./Dropdown.vue.js";
 import ee from "./ModalSimpleV3.vue.js";
-import k from "./StateTag.vue.js";
+import D from "./StateTag.vue.js";
 import te from "./Toast.vue.js";
 /* empty css                */
 import ae from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const le = { class: "dpiV3_tableRowInner" }, ne = { class: "dpiV3_TableRowDescContainer" }, oe = { class: "dpiV3_dsDesc" }, se = { class: "dpiV3_TableRowStatus" }, ie = { class: "dpiV3_TableRowUpdated" }, re = { class: "dpiV3_TableRowStatus" }, ue = { class: "dpiV3_TableRowButtonWrap" }, de = {
+const le = { class: "dpiV3_tableRowInner" }, ne = { class: "dpiV3_TableRowDescContainer" }, oe = { class: "dpiV3_dsDesc" }, se = { class: "dpiV3_TableRowStatus" }, ie = {
+  key: 2,
+  class: "dpiV3_TableRowUpdated"
+}, re = { class: "dpiV3_TableRowStatus" }, ue = { class: "dpiV3_TableRowButtonWrap" }, de = {
   __name: "TableRowV3",
   props: {
     text: {
@@ -57,21 +60,21 @@ const le = { class: "dpiV3_tableRowInner" }, ne = { class: "dpiV3_TableRowDescCo
     }
   },
   emits: ["complete", "start"],
-  setup(w, { emit: C }) {
-    const t = w, U = C, E = J();
+  setup(w, { emit: U }) {
+    const t = w, E = U, _ = J();
     Z();
-    const _ = G(), c = Q().api.hubUrl;
-    let s = p(!1), i = p(!1), v = p(!1), r = p({}), u = p({});
-    const D = x(() => {
+    const $ = G(), c = Q().api.hubUrl;
+    let i = p(!1), r = p(!1), v = p(!1), u = p({}), d = p({});
+    const k = x(() => {
       var a;
-      return !!((a = _.query) != null && a.fromDraft);
+      return !!((a = $.query) != null && a.fromDraft);
     }), f = x(() => {
       var a, e;
-      return (e = (a = E.getters) == null ? void 0 : a["auth/getUserData"]) == null ? void 0 : e.authToken;
-    }), { toEditMode: $ } = X();
-    function A() {
-      const a = t.draft || D.value, e = t.catalogue, l = t.id || t.dataset.id || t.catalogue.id;
-      $({
+      return (e = (a = _.getters) == null ? void 0 : a["auth/getUserData"]) == null ? void 0 : e.authToken;
+    }), { toEditMode: A } = X();
+    function P() {
+      const a = t.draft || k.value, e = t.catalogue, l = t.id || t.dataset.id || t.catalogue.id;
+      A({
         routeName: t.type === "projects" ? "DataProviderInterface-InputProject" : "DataProviderInterface-Input",
         id: l,
         catalogId: e,
@@ -82,17 +85,17 @@ const le = { class: "dpiV3_tableRowInner" }, ne = { class: "dpiV3_TableRowDescCo
         }
       });
     }
-    function P() {
+    function M() {
       v.value = !1, setTimeout(() => {
-        i.value = !1;
+        r.value = !1;
       }, 2e3);
     }
-    L(i, (a) => {
+    q(r, (a) => {
       a && setTimeout(() => {
-        v.value || (i.value = !1);
+        v.value || (r.value = !1);
       }, 2e3);
     });
-    function M() {
+    function K() {
       return t.draft ? [
         { "@value": "Ansehen", selected: !1, disabled: !1 },
         { "@value": "Bearbeiten", selected: !1, disabled: !t.allowEdit },
@@ -105,14 +108,14 @@ const le = { class: "dpiV3_tableRowInner" }, ne = { class: "dpiV3_TableRowDescCo
         { "@value": "Löschen", selected: !1, disabled: !t.allowDelete }
       ];
     }
-    async function K(a, e) {
+    async function N(a, e) {
       switch (a) {
         case "goToDataset":
           window.open(`/${t.type === "projects" ? "projects" : t.type}/${t.id}`, "_blank");
           break;
         case "publishDataset":
           if (e("start"), t.type === "projects") {
-            j({
+            I({
               baseUrl: c,
               id: t.id,
               type: "project",
@@ -124,13 +127,13 @@ const le = { class: "dpiV3_tableRowInner" }, ne = { class: "dpiV3_TableRowDescCo
             });
             break;
           }
-          await I({
+          await C({
             baseUrl: c,
             id: t.id,
             catalogueId: t.catalogue,
             publicationStatus: "published",
             authToken: f.value
-          }), console.log("Datensatz wird veröffentlicht"), i.value = !0, u.value = {
+          }), console.log("Datensatz wird veröffentlicht"), r.value = !0, d.value = {
             type: "success",
             text: "Der Datensatz wurde veröffentlicht",
             button: "Ansehen",
@@ -153,7 +156,7 @@ const le = { class: "dpiV3_tableRowInner" }, ne = { class: "dpiV3_TableRowDescCo
             id: t.id,
             catalogId: t.catalogue,
             authToken: f.value
-          }), i.value = !0, u.value = {
+          }), r.value = !0, d.value = {
             type: "success",
             text: "Der Datensatz wurde erfolgreich gelöscht",
             button: "Rückgängig machen",
@@ -162,7 +165,7 @@ const le = { class: "dpiV3_tableRowInner" }, ne = { class: "dpiV3_TableRowDescCo
           break;
         case "setToDraft":
           if (e("start"), t.type === "projects") {
-            j({
+            I({
               baseUrl: c,
               id: t.id,
               type: "project",
@@ -174,13 +177,13 @@ const le = { class: "dpiV3_tableRowInner" }, ne = { class: "dpiV3_TableRowDescCo
             });
             break;
           }
-          await I({
+          await C({
             baseUrl: c,
             id: t.id,
             catalogueId: t.catalogue,
             publicationStatus: "draft",
             authToken: f.value
-          }), i.value = !0, u.value = {
+          }), r.value = !0, d.value = {
             type: "success",
             text: "Der Datensatz wurde erfolgreich zu einem Entwurf zurückgesetzt",
             button: "Rückgängig machen",
@@ -188,41 +191,41 @@ const le = { class: "dpiV3_tableRowInner" }, ne = { class: "dpiV3_TableRowDescCo
           }, e("complete");
       }
     }
-    function N(a, e) {
+    function L(a, e) {
       return `/${a === "projects" ? "projects" : a}/${e}`;
     }
     function S(a) {
       let e = "";
       switch (typeof a == "string" ? e = a : e = a.target.innerText, e) {
         case "Ansehen":
-          window.open(N(t.type, t.id), "_blank");
+          window.open(L(t.type, t.id), "_blank");
           break;
         case "Bearbeiten":
-          A();
+          P();
           break;
         case "Veröffentlichen":
-          r.value = {
+          u.value = {
             button: "Veröffentlichen",
             header: "Datensatz veröffentlichen",
             text: "Sind Sie sicher, dass Sie diesen Datensatz veröffentlichen möchten?",
             action: "publishDataset"
-          }, s.value = !0;
+          }, i.value = !0;
           break;
         case "Löschen":
-          r.value = {
+          u.value = {
             button: "Löschen",
             header: "Datensatz endgültig löschen",
             text: "Möchten Sie diesen Datensatz wirklich endgültig löschen? Diese Aktion kann nicht rückgängig gemacht werden. Alle damit verbundenen Daten werden entfernt.",
             action: "deleteDataset"
-          }, s.value = !0;
+          }, i.value = !0;
           break;
         case "Veröffentlichung aufheben":
-          r.value = {
+          u.value = {
             button: "Zurücksetzen",
             header: "Veröffentlichung aufheben",
             text: "Sind Sie sicher, dass Sie diesen Datensatz zu einem Entwurf zurücksetzen möchten?",
             action: "setToDraft"
-          }, s.value = !0;
+          }, i.value = !0;
           break;
       }
     }
@@ -236,8 +239,8 @@ const le = { class: "dpiV3_tableRowInner" }, ne = { class: "dpiV3_TableRowDescCo
     function R(a) {
       a.target.className != "dpiV3_more-button dpiV3_activeState" && (g.value = !1);
     }
-    return (a, e) => (d(), q(F, null, [
-      o("button", {
+    return (a, e) => (o(), z(F, null, [
+      s("button", {
         class: H(["dpiV3_tableRowWrapper", {
           dpiV3_pressedTableRow: n(g),
           tRowInDraft: t.fromDraft
@@ -251,30 +254,30 @@ const le = { class: "dpiV3_tableRowInner" }, ne = { class: "dpiV3_TableRowDescCo
           e[6] || (e[6] = m((l) => R(l), ["enter"]))
         ]
       }, [
-        o("div", le, [
-          o("div", {
+        s("div", le, [
+          s("div", {
             class: "dpiV3_tableRowContent",
             onMousedown: e[0] || (e[0] = y((l) => T(l, !0), ["prevent"])),
             onMouseup: e[1] || (e[1] = y((l) => T(l, !1), ["prevent"])),
             onClick: e[2] || (e[2] = (l) => S("Ansehen"))
           }, [
-            o("div", ne, [
-              o("span", oe, z(t.text), 1)
+            s("div", ne, [
+              s("span", oe, B(t.text), 1)
             ]),
-            o("div", se, [
-              t.draft ? (d(), b(k, {
+            s("div", se, [
+              t.draft ? (o(), b(D, {
                 key: 1,
                 label: "Entwurf",
                 state: "draft"
-              })) : (d(), b(k, {
+              })) : (o(), b(D, {
                 key: 0,
                 label: "Freigegeben",
                 state: "published"
               })),
-              o("span", ie, " Bearbeitet am: " + z(t.date), 1)
+              t.date ? (o(), z("span", ie, " Bearbeitet am: " + B(t.date), 1)) : h("", !0)
             ]),
-            o("div", re, [
-              w.visibility ? (d(), b(k, {
+            s("div", re, [
+              w.visibility ? (o(), b(D, {
                 key: 0,
                 label: w.visibility,
                 state: t.draft ? "visibility-draft" : "visibility-published",
@@ -282,44 +285,44 @@ const le = { class: "dpiV3_tableRowInner" }, ne = { class: "dpiV3_TableRowDescCo
               }, null, 8, ["label", "state"])) : h("", !0)
             ])
           ], 32),
-          o("div", ue, [
-            D.value ? h("", !0) : (d(), b(Y, {
+          s("div", ue, [
+            k.value ? h("", !0) : (o(), b(Y, {
               key: 0,
               type: "moreButton",
-              "not-draft": !D.value,
+              "not-draft": !k.value,
               alignment: "right",
               text: {
                 support: "This is a supporting message"
               },
-              data: M(),
+              data: K(),
               onClick: S
             }, null, 8, ["not-draft", "data"]))
           ])
         ])
       ], 34),
-      n(s) ? (d(), b(ee, {
+      n(i) ? (o(), b(ee, {
         key: 0,
-        buttons: n(r).button,
-        "header-text": n(r).header,
-        text: n(r).text,
-        action: n(r).action,
-        onClose: e[7] || (e[7] = (l) => B(s) ? s.value = !1 : s = !1),
-        onActionHandling: e[8] || (e[8] = (l) => K(l, U))
+        buttons: n(u).button,
+        "header-text": n(u).header,
+        text: n(u).text,
+        action: n(u).action,
+        onClose: e[7] || (e[7] = (l) => j(i) ? i.value = !1 : i = !1),
+        onActionHandling: e[8] || (e[8] = (l) => N(l, E))
       }, null, 8, ["buttons", "header-text", "text", "action"])) : h("", !0),
-      n(i) ? (d(), b(te, {
+      n(r) ? (o(), b(te, {
         key: 1,
-        type: n(u).type,
-        text: n(u).text,
+        type: n(d).type,
+        text: n(d).text,
         class: "dpiV3_tableToast",
-        button: n(u).button,
-        action: n(u).action,
+        button: n(d).button,
+        action: n(d).action,
         onButtonClicked: e[9] || (e[9] = (l) => a.handleToastClick()),
-        onMouseenter: e[10] || (e[10] = (l) => B(v) ? v.value = !0 : v = !0),
-        onMouseleave: P
+        onMouseenter: e[10] || (e[10] = (l) => j(v) ? v.value = !0 : v = !0),
+        onMouseleave: M
       }, null, 8, ["type", "text", "button", "action"])) : h("", !0)
     ], 64));
   }
-}, Te = /* @__PURE__ */ ae(de, [["__scopeId", "data-v-dfbbf5be"]]);
+}, Te = /* @__PURE__ */ ae(de, [["__scopeId", "data-v-ab921a3f"]]);
 export {
   Te as default
 };