@piveau/dpi 0.1.0-beta.6 → 0.1.0-beta.7

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

@@ -1,14 +1,15 @@
-import { ref as u, watch as K, createElementBlock as N, openBlock as p, Fragment as U, createElementVNode as o, createBlock as v, createCommentVNode as k, withKeys as b, normalizeClass as $, withModifiers as h, unref as s, toDisplayString as y, createVNode as H, isRef as T } from "vue";
-import x from "./StateTag.vue.js";
-import L from "./Dropdown.vue.js";
-import j from "./ModalSimpleV3.vue.js";
-import q from "./Toast.vue.js";
-import { useStore as F } from "vuex";
-import { useRouter as J } from "vue-router";
-import { useDpiUtils as O } from "../../composables/useDpiUtils.js";
+import { ref as u, watch as $, createElementBlock as N, openBlock as c, Fragment as H, createElementVNode as o, createBlock as m, createCommentVNode as g, withKeys as v, normalizeClass as L, withModifiers as b, unref as n, toDisplayString as x, isRef as T } from "vue";
+import _ from "./StateTag.vue.js";
+import j from "./Dropdown.vue.js";
+import q from "./ModalSimpleV3.vue.js";
+import F from "./Toast.vue.js";
+import { useStore as J } from "vuex";
+import { useRouter as O } from "vue-router";
+import { useDpiUtils as W } from "../../composables/useDpiUtils.js";
 /* empty css                */
-import W from "../../../_virtual/_plugin-vue_export-helper.js";
-const G = { class: "dpiV3_tableRowInner" }, P = { class: "dpiV3_TableRowDescContainer" }, Q = { class: "dpiV3_dsDesc" }, X = { class: "dpiV3_TableRowStatus" }, Y = { class: "dpiV3_TableRowUpdated" }, Z = { class: "dpiV3_TableRowButtonWrap" }, ee = {
+import G from "../../../_virtual/_plugin-vue_export-helper.js";
+import { useDpiContext as S } from "../../composables/useDpiContext.js";
+const P = { class: "dpiV3_tableRowInner" }, Q = { class: "dpiV3_TableRowDescContainer" }, X = { class: "dpiV3_dsDesc" }, Y = { class: "dpiV3_TableRowStatus" }, Z = { class: "dpiV3_TableRowUpdated" }, ee = { class: "dpiV3_TableRowButtonWrap" }, te = {
   __name: "TableRowV3",
   props: {
     text: {
@@ -27,30 +28,31 @@ const G = { class: "dpiV3_tableRowInner" }, P = { class: "dpiV3_TableRowDescCont
     catalogue: String,
     dataset: Object
   },
-  setup(_) {
-    const m = F();
-    J();
-    let r = u(!1), l = u(!1), c = u(!1), i = u({}), d = u({});
-    const n = _, { toEditMode: S } = O(), z = () => {
-      const t = n.draft, e = n.catalogue, a = n.id || n.dataset.id || n.catalogue.id;
-      S({ id: a, catalogId: e, isDraft: t, locale: "de" });
-    }, R = (t, e, a, A) => {
-      console.log(n.dataset), m.dispatch("auth/putDatasetToDraft", { id: t, catalog: e, title: a, description: A });
-    }, B = (t, e) => {
-      m.dispatch("auth/deleteUserDraftById", { id: t, catalog: e });
-    }, C = (t, e) => {
-      m.dispatch("auth/publishUserDraftById", { id: t, catalog: e });
-    }, M = () => {
-      c.value = !1, setTimeout(() => {
+  setup(z) {
+    const h = J();
+    O();
+    let r = u(!1), l = u(!1), f = u(!1), i = u({}), d = u({}), D = u({ edit: { fromDraft: !1 } });
+    S() && (D = S());
+    const s = z, { toEditMode: R } = W(), B = () => {
+      const t = s.draft, e = s.catalogue, a = s.id || s.dataset.id || s.catalogue.id;
+      R({ id: a, catalogId: e, isDraft: t, locale: "de" });
+    }, C = (t, e, a, U) => {
+      console.log(s.dataset), h.dispatch("auth/putDatasetToDraft", { id: t, catalog: e, title: a, description: U });
+    }, M = (t, e) => {
+      h.dispatch("auth/deleteUserDraftById", { id: t, catalog: e });
+    }, E = (t, e) => {
+      h.dispatch("auth/publishUserDraftById", { id: t, catalog: e });
+    }, I = () => {
+      f.value = !1, setTimeout(() => {
         l.value = !1;
       }, 2e3);
     };
-    K(l, (t) => {
+    $(l, (t) => {
       t && setTimeout(() => {
-        c.value || (l.value = !1);
+        f.value || (l.value = !1);
       }, 2e3);
     });
-    const E = () => n.draft ? [
+    const A = () => s.draft ? [
       { "@value": "Bearbeiten", selected: !1 },
       { "@value": "Veröffentlichen", selected: !1 },
       { "@value": "Löschen", selected: !1 }
@@ -58,10 +60,10 @@ const G = { class: "dpiV3_tableRowInner" }, P = { class: "dpiV3_TableRowDescCont
       { "@value": "Bearbeiten", selected: !1 },
       { "@value": "Veröffentlichung aufheben", selected: !1 },
       { "@value": "Löschen", selected: !1 }
-    ], I = (t) => {
+    ], K = (t) => {
       switch (t) {
         case "publishDataset":
-          C(n.id, n.catalogue), console.log("Datensatz wird veröffentlicht"), l.value = !0, d.value = {
+          E(s.id, s.catalogue), console.log("Datensatz wird veröffentlicht"), l.value = !0, d.value = {
             type: "success",
             text: "Der Datensatz wurde veröffentlicht",
             button: "Ansehen",
@@ -69,7 +71,7 @@ const G = { class: "dpiV3_tableRowInner" }, P = { class: "dpiV3_TableRowDescCont
           };
           break;
         case "deleteDataset":
-          B(n.id, n.catalogue), l.value = !0, d.value = {
+          M(s.id, s.catalogue), l.value = !0, d.value = {
             type: "success",
             text: "Der Datensatz wurde erfolgreich gelöscht",
             button: "Rückgängig machen",
@@ -77,11 +79,11 @@ const G = { class: "dpiV3_tableRowInner" }, P = { class: "dpiV3_TableRowDescCont
           };
           break;
         case "setToDraft":
-          R(
-            n.dataset.id,
-            n.dataset.catalog.id,
-            n.dataset.title,
-            n.dataset.description
+          C(
+            s.dataset.id,
+            s.dataset.catalog.id,
+            s.dataset.title,
+            s.dataset.description
           ), l.value = !0, d.value = {
             type: "success",
             text: "Der Datensatz wurde erfolgreich zu einem Entwurf zurückgesetzt",
@@ -89,11 +91,11 @@ const G = { class: "dpiV3_tableRowInner" }, P = { class: "dpiV3_TableRowDescCont
             action: "revertToDraft"
           };
       }
-    }, g = (t) => {
+    }, w = (t) => {
       let e = "";
       switch (typeof t == "string" ? e = t : e = t.target.innerText, e) {
         case "Bearbeiten":
-          z();
+          B();
           break;
         case "Veröffentlichen":
           i.value = {
@@ -121,87 +123,88 @@ const G = { class: "dpiV3_tableRowInner" }, P = { class: "dpiV3_TableRowDescCont
           break;
       }
     };
-    let f = u(!1);
-    const D = (t, e) => {
-      e ? f.value = !0 : f.value = !1;
-    }, w = (t) => {
-      t.target.className != "dpiV3_more-button dpiV3_activeState" && (f.value = !0);
-    }, V = (t) => {
-      t.target.className != "dpiV3_more-button dpiV3_activeState" && (f.value = !1);
+    let p = u(!1);
+    const V = (t, e) => {
+      e ? p.value = !0 : p.value = !1;
+    }, k = (t) => {
+      t.target.className != "dpiV3_more-button dpiV3_activeState" && (p.value = !0);
+    }, y = (t) => {
+      t.target.className != "dpiV3_more-button dpiV3_activeState" && (p.value = !1);
     };
-    return (t, e) => (p(), N(U, null, [
+    return (t, e) => (c(), N(H, null, [
       o("button", {
-        class: $(["dpiV3_tableRowWrapper", {
-          dpiV3_pressedTableRow: s(f),
-          tRowInDraft: n.fromDraft
+        class: L(["dpiV3_tableRowWrapper", {
+          dpiV3_pressedTableRow: n(p),
+          tRowInDraft: s.fromDraft
         }]),
         onKeydown: [
-          e[3] || (e[3] = b(h((a) => w(a), ["prevent"]), ["space"])),
-          e[4] || (e[4] = b(h((a) => w(a), ["prevent"]), ["enter"]))
+          e[3] || (e[3] = v(b((a) => k(a), ["prevent"]), ["space"])),
+          e[4] || (e[4] = v(b((a) => k(a), ["prevent"]), ["enter"]))
         ],
         onKeyup: [
-          e[5] || (e[5] = b((a) => V(a), ["space"])),
-          e[6] || (e[6] = b((a) => V(a), ["enter"]))
+          e[5] || (e[5] = v((a) => y(a), ["space"])),
+          e[6] || (e[6] = v((a) => y(a), ["enter"]))
         ]
       }, [
-        o("div", G, [
+        o("div", P, [
           o("div", {
             class: "dpiV3_tableRowContent",
-            onMousedown: e[0] || (e[0] = h((a) => D(a, !0), ["prevent"])),
-            onMouseup: e[1] || (e[1] = h((a) => D(a, !1), ["prevent"])),
-            onClick: e[2] || (e[2] = (a) => g("Bearbeiten"))
+            onMousedown: e[0] || (e[0] = b((a) => V(a, !0), ["prevent"])),
+            onMouseup: e[1] || (e[1] = b((a) => V(a, !1), ["prevent"])),
+            onClick: e[2] || (e[2] = (a) => w("Bearbeiten"))
           }, [
-            o("div", P, [
-              o("span", Q, y(n.text), 1)
+            o("div", Q, [
+              o("span", X, x(s.text), 1)
             ]),
-            o("div", X, [
-              n.draft ? (p(), v(x, {
+            o("div", Y, [
+              s.draft ? (c(), m(_, {
                 key: 1,
                 label: "Entwurf",
                 state: "draft"
-              })) : (p(), v(x, {
+              })) : (c(), m(_, {
                 key: 0,
                 label: "Veröffentlicht",
                 state: "published"
               })),
-              o("span", Y, " Updated am: " + y(n.date), 1)
+              o("span", Z, " Updated am: " + x(s.date), 1)
             ])
           ], 32),
-          o("div", Z, [
-            H(L, {
-              onClick: g,
+          o("div", ee, [
+            n(D).edit.fromDraft ? g("", !0) : (c(), m(j, {
+              key: 0,
+              onClick: w,
               type: "moreButton",
               alignment: "right",
               text: {
                 support: "This is a supporting message"
               },
-              data: E()
-            }, null, 8, ["data"])
+              data: A()
+            }, null, 8, ["data"]))
           ])
         ])
       ], 34),
-      s(r) ? (p(), v(j, {
+      n(r) ? (c(), m(q, {
         key: 0,
-        buttons: s(i).button,
-        headerText: s(i).header,
-        text: s(i).text,
+        buttons: n(i).button,
+        headerText: n(i).header,
+        text: n(i).text,
         onClose: e[7] || (e[7] = (a) => T(r) ? r.value = !1 : r = !1),
-        action: s(i).action,
-        onActionHandling: e[8] || (e[8] = (a) => I(a))
-      }, null, 8, ["buttons", "headerText", "text", "action"])) : k("", !0),
-      s(l) ? (p(), v(q, {
+        action: n(i).action,
+        onActionHandling: e[8] || (e[8] = (a) => K(a))
+      }, null, 8, ["buttons", "headerText", "text", "action"])) : g("", !0),
+      n(l) ? (c(), m(F, {
         key: 1,
-        type: s(d).type,
-        text: s(d).text,
+        type: n(d).type,
+        text: n(d).text,
         class: "dpiV3_tableToast",
-        button: s(d).button,
-        action: s(d).action,
-        onMouseenter: e[9] || (e[9] = (a) => T(c) ? c.value = !0 : c = !0),
-        onMouseleave: M
-      }, null, 8, ["type", "text", "button", "action"])) : k("", !0)
+        button: n(d).button,
+        action: n(d).action,
+        onMouseenter: e[9] || (e[9] = (a) => T(f) ? f.value = !0 : f = !0),
+        onMouseleave: I
+      }, null, 8, ["type", "text", "button", "action"])) : g("", !0)
     ], 64));
   }
-}, ce = /* @__PURE__ */ W(ee, [["__scopeId", "data-v-1bc7ccce"]]);
+}, pe = /* @__PURE__ */ G(te, [["__scopeId", "data-v-6f8807e5"]]);
 export {
-  ce as default
+  pe as default
 };