@piveau/dpi 0.2.0-alpha.3 → 0.2.0-alpha.30

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/HappyFlowComponents/ui/StateTag.vue.js

@@ -2,10 +2,10 @@
 /* empty css                                 */
 import { createElementBlock as e, openBlock as s, normalizeClass as o, createCommentVNode as a, createElementVNode as i, toDisplayString as c } from "vue";
 import l from "../img/Ellipse2Published.svg.js";
-import m from "../img/Ellipse2Warning.svg.js";
-import n from "../img/Ellipse2Error.svg.js";
+import n from "../img/Ellipse2Warning.svg.js";
+import m from "../img/Ellipse2Error.svg.js";
 /* empty css              */
-import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+import _ from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const d = {
   name: "StateTag",
   props: {
@@ -22,6 +22,10 @@ const d = {
       type: String,
       default: "table"
       // "table", "page", or other custom sizes
+    },
+    hasDotIcon: {
+      type: Boolean,
+      default: !0
     }
   },
   computed: {
@@ -32,33 +36,33 @@ const d = {
       return `state-tag--${this.size}`;
     }
   }
-}, p = {
+}, u = {
   key: 0,
   class: "dot",
   src: l,
   alt: ""
-}, u = {
+}, f = {
   key: 1,
   class: "dot",
-  src: m,
+  src: n,
   alt: ""
-}, f = {
+}, p = {
   key: 2,
   class: "dot",
-  src: n,
+  src: m,
   alt: ""
 }, g = { class: "label" };
 function h(y, C, t, S, b, r) {
   return s(), e("div", {
     class: o(["state-tag", [r.stateClass, r.sizeClass]])
   }, [
-    t.state === "published" ? (s(), e("img", p)) : a("", !0),
-    t.state === "draft" ? (s(), e("img", u)) : a("", !0),
-    t.state === "error" ? (s(), e("img", f)) : a("", !0),
+    t.state === "published" && t.hasDotIcon ? (s(), e("img", u)) : a("", !0),
+    t.state === "draft" && t.hasDotIcon ? (s(), e("img", f)) : a("", !0),
+    t.state === "error" && t.hasDotIcon ? (s(), e("img", p)) : a("", !0),
     i("span", g, c(t.label), 1)
   ], 2);
 }
-const T = /* @__PURE__ */ _(d, [["render", h], ["__scopeId", "data-v-acd8463a"]]);
+const E = /* @__PURE__ */ _(d, [["render", h], ["__scopeId", "data-v-c4af57c2"]]);
 export {
-  T as default
+  E as default
 };

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

@@ -0,0 +1,7 @@
+import o from "./SummaryBox.vue2.js";
+/* empty css                */
+import m from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ m(o, [["__scopeId", "data-v-36d0d28b"]]);
+export {
+  p as default
+};

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

@@ -0,0 +1,33 @@
+import { defineComponent as i, createElementBlock as o, openBlock as s, renderSlot as t, createCommentVNode as p, createTextVNode as r, toDisplayString as l, createElementVNode as d } from "vue";
+const c = { class: "summary-box" }, m = {
+  key: 0,
+  class: "copy-large-regular"
+}, u = { class: "headline-5" }, y = /* @__PURE__ */ i({
+  __name: "SummaryBox",
+  props: {
+    title: {},
+    text: {}
+  },
+  setup(a) {
+    const n = a;
+    return (e, f) => (s(), o("div", c, [
+      t(e.$slots, "title-wrapper", {}, () => [
+        e.$slots.title || n.title ? (s(), o("div", m, [
+          t(e.$slots, "title", {}, () => [
+            r(l(e.title), 1)
+          ], !0)
+        ])) : p("", !0)
+      ], !0),
+      t(e.$slots, "content-wrapper", {}, () => [
+        d("div", u, [
+          t(e.$slots, "default", {}, () => [
+            r(l(e.text), 1)
+          ], !0)
+        ])
+      ], !0)
+    ]));
+  }
+});
+export {
+  y as default
+};

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/HappyFlowComponents/ui/SwitchV3.vue.js

@@ -2,7 +2,7 @@
 import { PhCheck as C, PhX as v } from "@phosphor-icons/vue";
 import { resolveComponent as p, createElementBlock as f, openBlock as a, withDirectives as y, createElementVNode as o, vModelCheckbox as g, normalizeStyle as c, createCommentVNode as d, normalizeClass as k, createBlock as h } from "vue";
 /* empty css              */
-import m from "../../../_virtual/_plugin-vue_export-helper.js";
+import m from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const b = {
   name: "SwitchV3",
   components: {

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

@@ -0,0 +1,324 @@
+import { ref as p, computed as R, watch as L, createElementBlock as q, openBlock as d, 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 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 { 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 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" }, se = { class: "dpiV3_dsDesc" }, oe = { class: "dpiV3_TableRowStatus" }, ie = { class: "dpiV3_TableRowUpdated" }, re = { class: "dpiV3_TableRowStatus" }, ue = { class: "dpiV3_TableRowButtonWrap" }, de = {
+  __name: "TableRowV3",
+  props: {
+    text: {
+      type: String,
+      required: !0
+    },
+    draft: {
+      type: Boolean
+    },
+    visibility: {
+      type: String
+    },
+    date: {
+      type: Object,
+      required: !0
+    },
+    type: {
+      type: String,
+      default: "datasets"
+    },
+    fromDraft: Boolean,
+    id: String,
+    catalogue: String,
+    dataset: Object,
+    visibility: {
+      type: String,
+      default: "public"
+    },
+    allowEdit: {
+      type: Boolean,
+      default: !0
+    },
+    allowPublish: {
+      type: Boolean,
+      default: !0
+    },
+    allowDelete: {
+      type: Boolean,
+      default: !0
+    },
+    visibilityState: {
+      type: String,
+      default: "public"
+    }
+  },
+  emits: ["complete", "start"],
+  setup(w, { emit: _ }) {
+    const t = w, U = _, C = J();
+    Z();
+    const E = G(), c = Q().api.hubUrl;
+    let o = p(!1), i = p(!1), v = p(!1), r = p({}), u = p({});
+    const D = R(() => {
+      var a;
+      return !!((a = E.query) != null && a.fromDraft);
+    }), f = R(() => {
+      var a, e;
+      return (e = (a = C.getters) == null ? void 0 : a["auth/getUserData"]) == null ? void 0 : e.authToken;
+    }), { toEditMode: A } = X();
+    function P() {
+      const a = t.draft || D.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,
+        isDraft: a,
+        locale: "de",
+        additionalParams: {
+          visibility: t.visibilityState
+        }
+      });
+    }
+    function $() {
+      v.value = !1, setTimeout(() => {
+        i.value = !1;
+      }, 2e3);
+    }
+    L(i, (a) => {
+      a && setTimeout(() => {
+        v.value || (i.value = !1);
+      }, 2e3);
+    });
+    function M() {
+      return t.draft ? [
+        { "@value": "Ansehen", selected: !1, disabled: !1 },
+        { "@value": "Bearbeiten", selected: !1, disabled: !t.allowEdit },
+        { "@value": "Veröffentlichen", selected: !1, disabled: !t.allowPublish },
+        { "@value": "Löschen", selected: !1, disabled: !t.allowDelete }
+      ] : [
+        { "@value": "Ansehen", selected: !1, disabled: !1 },
+        { "@value": "Bearbeiten", selected: !1, disabled: !t.allowEdit },
+        { "@value": "Veröffentlichung aufheben", selected: !1, disabled: !t.allowPublish },
+        { "@value": "Löschen", selected: !1, disabled: !t.allowDelete }
+      ];
+    }
+    async function K(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({
+              baseUrl: c,
+              id: t.id,
+              type: "project",
+              catalogueId: t.catalogue,
+              publicationStatus: "published",
+              authToken: f.value
+            }).then(() => {
+              console.log("published"), e("complete");
+            });
+            break;
+          }
+          await I({
+            baseUrl: c,
+            id: t.id,
+            catalogueId: t.catalogue,
+            publicationStatus: "published",
+            authToken: f.value
+          }), console.log("Datensatz wird veröffentlicht"), i.value = !0, u.value = {
+            type: "success",
+            text: "Der Datensatz wurde veröffentlicht",
+            button: "Ansehen",
+            action: "goToDataset"
+          }, e("complete");
+          break;
+        case "deleteDataset":
+          if (e("start"), t.type === "projects") {
+            await O({
+              baseUrl: c,
+              id: t.id,
+              type: "project",
+              catalogId: t.catalogue,
+              authToken: f.value
+            }), e("complete");
+            break;
+          }
+          await W({
+            baseUrl: c,
+            id: t.id,
+            catalogId: t.catalogue,
+            authToken: f.value
+          }), i.value = !0, u.value = {
+            type: "success",
+            text: "Der Datensatz wurde erfolgreich gelöscht",
+            button: "Rückgängig machen",
+            action: "revertDeletion"
+          }, e("complete");
+          break;
+        case "setToDraft":
+          if (e("start"), t.type === "projects") {
+            j({
+              baseUrl: c,
+              id: t.id,
+              type: "project",
+              catalogueId: t.catalogue,
+              publicationStatus: "draft",
+              authToken: f.value
+            }).then(() => {
+              e("complete");
+            });
+            break;
+          }
+          await I({
+            baseUrl: c,
+            id: t.id,
+            catalogueId: t.catalogue,
+            publicationStatus: "draft",
+            authToken: f.value
+          }), i.value = !0, u.value = {
+            type: "success",
+            text: "Der Datensatz wurde erfolgreich zu einem Entwurf zurückgesetzt",
+            button: "Rückgängig machen",
+            action: "revertToDraft"
+          }, e("complete");
+      }
+    }
+    function N(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");
+          break;
+        case "Bearbeiten":
+          P();
+          break;
+        case "Veröffentlichen":
+          r.value = {
+            button: "Veröffentlichen",
+            header: "Datensatz veröffentlichen",
+            text: "Sind Sie sicher, dass Sie diesen Datensatz veröffentlichen möchten?",
+            action: "publishDataset"
+          }, o.value = !0;
+          break;
+        case "Löschen":
+          r.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"
+          }, o.value = !0;
+          break;
+        case "Veröffentlichung aufheben":
+          r.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"
+          }, o.value = !0;
+          break;
+      }
+    }
+    let g = p(!1);
+    function T(a, e) {
+      e ? g.value = !0 : g.value = !1;
+    }
+    function V(a) {
+      a.target.className != "dpiV3_more-button dpiV3_activeState" && (g.value = !0);
+    }
+    function x(a) {
+      a.target.className != "dpiV3_more-button dpiV3_activeState" && (g.value = !1);
+    }
+    return (a, e) => (d(), q(F, null, [
+      s("button", {
+        class: H(["dpiV3_tableRowWrapper", {
+          dpiV3_pressedTableRow: n(g),
+          tRowInDraft: t.fromDraft
+        }]),
+        onKeydown: [
+          e[3] || (e[3] = m(y((l) => V(l), ["prevent"]), ["space"])),
+          e[4] || (e[4] = m(y((l) => V(l), ["prevent"]), ["enter"]))
+        ],
+        onKeyup: [
+          e[5] || (e[5] = m((l) => x(l), ["space"])),
+          e[6] || (e[6] = m((l) => x(l), ["enter"]))
+        ]
+      }, [
+        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"))
+          }, [
+            s("div", ne, [
+              s("span", se, z(t.text), 1)
+            ]),
+            s("div", oe, [
+              t.draft ? (d(), b(k, {
+                key: 1,
+                label: "Entwurf",
+                state: "draft"
+              })) : (d(), b(k, {
+                key: 0,
+                label: "Freigegeben",
+                state: "published"
+              })),
+              s("span", ie, " Bearbeitet am: " + z(t.date), 1)
+            ]),
+            s("div", re, [
+              w.visibility ? (d(), b(k, {
+                key: 0,
+                label: w.visibility,
+                state: t.draft ? "visibility-draft" : "visibility-published",
+                "has-dot-icon": !1
+              }, null, 8, ["label", "state"])) : h("", !0)
+            ])
+          ], 32),
+          s("div", ue, [
+            D.value ? h("", !0) : (d(), b(Y, {
+              key: 0,
+              type: "moreButton",
+              "not-draft": !D.value,
+              alignment: "right",
+              text: {
+                support: "This is a supporting message"
+              },
+              data: M(),
+              onClick: S
+            }, null, 8, ["not-draft", "data"]))
+          ])
+        ])
+      ], 34),
+      n(o) ? (d(), 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(o) ? o.value = !1 : o = !1),
+        onActionHandling: e[8] || (e[8] = (l) => K(l, U))
+      }, null, 8, ["buttons", "header-text", "text", "action"])) : h("", !0),
+      n(i) ? (d(), b(te, {
+        key: 1,
+        type: n(u).type,
+        text: n(u).text,
+        class: "dpiV3_tableToast",
+        button: n(u).button,
+        action: n(u).action,
+        onMouseenter: e[9] || (e[9] = (l) => B(v) ? v.value = !0 : v = !0),
+        onMouseleave: $
+      }, null, 8, ["type", "text", "button", "action"])) : h("", !0)
+    ], 64));
+  }
+}, Te = /* @__PURE__ */ ae(de, [["__scopeId", "data-v-5c454e49"]]);
+export {
+  Te as default
+};

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/HappyFlowComponents/ui/TextArea/TextAreaDefinition.js

@@ -1,5 +1,5 @@
 import t from "./TextAreaFormKit.vue.js";
-const o = {
+const a = {
   type: "text",
   schema: [],
   component: t,
@@ -11,10 +11,11 @@ const o = {
     "hint",
     "maxlength",
     "help",
-    "countHint"
+    "countHint",
+    "labelWeight"
   ],
   inheritAttrs: !0
 };
 export {
-  o as default
+  a as default
 };

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/HappyFlowComponents/ui/TextArea/TextAreaFormKit.vue.js

@@ -1,13 +1,13 @@
-import { defineComponent as k, computed as o, createBlock as B, openBlock as y } from "vue";
-import E from "../TextAreaV3.vue.js";
-const _ = /* @__PURE__ */ k({
+import { defineComponent as B, computed as l, createBlock as y, openBlock as E } from "vue";
+import K from "../TextAreaV3.vue.js";
+const A = /* @__PURE__ */ B({
   __name: "TextAreaFormKit",
   props: {
     context: {},
     maxlength: {}
   },
   setup(d) {
-    const t = d, a = t.maxlength || 500, s = o({
+    const t = d, s = t.maxlength || 1e3, a = l({
       get: () => {
         var e;
         return ((e = t.context) == null ? void 0 : e._value) || "";
@@ -17,62 +17,66 @@ const _ = /* @__PURE__ */ k({
       // },
       set: (e) => {
         var n;
-        const l = e.slice(0, a);
-        (n = t.context) == null || n.node.input(l);
+        const o = e.slice(0, s);
+        (n = t.context) == null || n.node.input(o);
       }
-    }), p = o(() => {
+    }), p = l(() => {
       var e;
       return ((e = t.context) == null ? void 0 : e.label) || "";
-    }), x = o(() => {
+    }), x = l(() => {
       var e;
       return ((e = t.context) == null ? void 0 : e.placeholder) || "Enter text here...";
-    }), r = o(() => {
+    }), r = l(() => {
       var e;
       return ((e = t.context) == null ? void 0 : e.help) || "";
-    }), m = o(() => {
+    }), m = l(() => {
       var e;
       return ((e = t.context) == null ? void 0 : e.countHint) || "";
-    }), c = o(() => {
+    }), v = l(() => {
+      var e;
+      return ((e = t.context) == null ? void 0 : e.labelWeight) || "normal";
+    }), c = l(() => {
       var e;
       return Object.keys(((e = t.context) == null ? void 0 : e.messages) || {}).length > 0;
-    }), v = o(() => {
-      var l, n, u, i, h;
+    }), g = l(() => {
+      var o, n, u, i, h;
       if (!c.value)
         return "";
-      const e = (n = Object.keys(((l = t.context) == null ? void 0 : l.messages) || {})) == null ? void 0 : n[0];
+      const e = (n = Object.keys(((o = t.context) == null ? void 0 : o.messages) || {})) == null ? void 0 : n[0];
       return ((h = (i = (u = t.context) == null ? void 0 : u.messages) == null ? void 0 : i[e]) == null ? void 0 : h.value) || "";
-    }), g = o(() => {
+    }), b = l(() => {
       var e;
       return ((e = t.context) == null ? void 0 : e.disabled) || !1;
-    }), f = o(() => {
+    }), f = l(() => {
       var e;
       return ((e = t.context) == null ? void 0 : e.showDeleteButton) || !1;
-    }), b = o(() => {
+    }), w = l(() => {
       var e;
       return ((e = t.context) == null ? void 0 : e.hint) || !1;
-    }), w = () => {
-      s.value = "";
-    }, D = (e) => {
-      !["Backspace", "Delete", "ArrowLeft", "ArrowRight", "Tab"].includes(e.key) && s.value.length >= a && e.preventDefault();
+    }), D = () => {
+      a.value = "";
+    }, k = (e) => {
+      !["Backspace", "Delete", "ArrowLeft", "ArrowRight", "Tab"].includes(e.key) && a.value.length >= s && e.preventDefault();
     };
-    return (e, l) => (y(), B(E, {
-      modelValue: s.value,
-      "onUpdate:modelValue": l[0] || (l[0] = (n) => s.value = n),
+    return (e, o) => (E(), y(K, {
+      modelValue: a.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (n) => a.value = n),
       label: p.value,
       placeholder: x.value,
       help: r.value,
-      isDisabled: g.value,
+      isDisabled: b.value,
       showError: c.value,
-      errorMessage: v.value,
+      errorMessage: g.value,
       showDeleteButton: f.value,
-      hint: b.value,
+      hint: w.value,
       hintMessage: r.value,
+      labelWeight: v.value,
       countHint: m.value,
-      onDeleteClicked: w,
-      onKeydown: D
-    }, null, 8, ["modelValue", "label", "placeholder", "help", "isDisabled", "showError", "errorMessage", "showDeleteButton", "hint", "hintMessage", "countHint"]));
+      onDeleteClicked: D,
+      onKeydown: k
+    }, null, 8, ["modelValue", "label", "placeholder", "help", "isDisabled", "showError", "errorMessage", "showDeleteButton", "hint", "hintMessage", "labelWeight", "countHint"]));
   }
 });
 export {
-  _ as default
+  A as default
 };