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

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) {
+function h(y, b, t, C, S, 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-65fb0446"]]);
 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,311 @@
+import { ref as p, computed as R, watch as A, createElementBlock as M, openBlock as d, Fragment as K, createElementVNode as o, createBlock as b, createCommentVNode as h, withKeys as m, normalizeClass as N, withModifiers as w, unref as n, toDisplayString as q, isRef as z } from "vue";
+import { setResourcePublicationStatus as _, setDatasetPublicationStatus as B, deleteResource as F, deleteDataset as H } from "@piveau/sdk-core/hubRepo";
+import { useRouter as L, useRoute as J } from "vue-router";
+import { useStore as O } from "vuex";
+import { useRuntimeEnv as W } from "../../../composables/useRuntimeEnv.js";
+import { useDpiUtils as G } from "../../composables/useDpiUtils.js";
+import Q from "./Dropdown.vue.js";
+import X from "./ModalSimpleV3.vue.js";
+import k from "./StateTag.vue.js";
+import Y from "./Toast.vue.js";
+/* empty css                */
+import Z from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const ee = { class: "dpiV3_tableRowInner" }, te = { class: "dpiV3_TableRowDescContainer" }, ae = { class: "dpiV3_dsDesc" }, le = { class: "dpiV3_TableRowStatus" }, ne = { class: "dpiV3_TableRowStatus" }, oe = { class: "dpiV3_TableRowButtonWrap" }, ie = {
+  __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
+    }
+  },
+  setup(y) {
+    const e = y, I = O();
+    L();
+    const j = J(), c = W().api.hubUrl;
+    let i = p(!1), s = p(!1), v = p(!1), r = p({}), u = p({});
+    const D = R(() => {
+      var a;
+      return !!((a = j.query) != null && a.fromDraft);
+    }), f = R(() => {
+      var a, t;
+      return (t = (a = I.getters) == null ? void 0 : a["auth/getUserData"]) == null ? void 0 : t.authToken;
+    }), { toEditMode: C } = G();
+    function E() {
+      const a = e.draft || D.value, t = e.catalogue, l = e.id || e.dataset.id || e.catalogue.id;
+      C({
+        routeName: e.type === "project" ? "DataProviderInterface-InputProject" : "DataProviderInterface-Input",
+        id: l,
+        catalogId: t,
+        isDraft: a,
+        locale: "de",
+        additionalParams: {
+          visibility: e.visibility
+        }
+      });
+    }
+    function U() {
+      v.value = !1, setTimeout(() => {
+        s.value = !1;
+      }, 2e3);
+    }
+    A(s, (a) => {
+      a && setTimeout(() => {
+        v.value || (s.value = !1);
+      }, 2e3);
+    });
+    function P() {
+      return e.draft ? [
+        { "@value": "Ansehen", selected: !1, disabled: !1 },
+        { "@value": "Bearbeiten", selected: !1, disabled: !e.allowEdit },
+        { "@value": "Veröffentlichen", selected: !1, disabled: !e.allowPublish },
+        { "@value": "Löschen", selected: !1, disabled: !e.allowDelete }
+      ] : [
+        { "@value": "Ansehen", selected: !1, disabled: !1 },
+        { "@value": "Bearbeiten", selected: !1, disabled: !e.allowEdit },
+        { "@value": "Veröffentlichung aufheben", selected: !1, disabled: !e.allowPublish },
+        { "@value": "Löschen", selected: !1, disabled: !e.allowDelete }
+      ];
+    }
+    async function $(a) {
+      switch (a) {
+        case "goToDataset":
+          window.location.href = `/${e.type}/${e.id}`;
+          break;
+        case "publishDataset":
+          if (e.type === "project") {
+            await _({
+              baseUrl: c,
+              id: e.id,
+              type: "project",
+              catalogueId: e.catalogue,
+              publicationStatus: "published",
+              authToken: f.value
+            });
+            break;
+          }
+          B({
+            baseUrl: c,
+            id: e.id,
+            catalogueId: e.catalogue,
+            publicationStatus: "published",
+            authToken: f.value
+          }), console.log("Datensatz wird veröffentlicht"), s.value = !0, u.value = {
+            type: "success",
+            text: "Der Datensatz wurde veröffentlicht",
+            button: "Ansehen",
+            action: "goToDataset"
+          };
+          break;
+        case "deleteDataset":
+          if (e.type === "project") {
+            await F({
+              baseUrl: c,
+              id: e.id,
+              type: "project",
+              catalogId: e.catalogue,
+              authToken: f.value
+            });
+            break;
+          }
+          H({
+            baseUrl: c,
+            id: e.id,
+            catalogId: e.catalogue,
+            authToken: f.value
+          }), s.value = !0, u.value = {
+            type: "success",
+            text: "Der Datensatz wurde erfolgreich gelöscht",
+            button: "Rückgängig machen",
+            action: "revertDeletion"
+          };
+          break;
+        case "setToDraft":
+          if (e.type === "project") {
+            await _({
+              baseUrl: c,
+              id: e.id,
+              type: "project",
+              catalogueId: e.catalogue,
+              publicationStatus: "draft",
+              authToken: f.value
+            });
+            break;
+          }
+          B({
+            baseUrl: c,
+            id: e.id,
+            catalogueId: e.catalogue,
+            publicationStatus: "draft",
+            authToken: f.value
+          }), s.value = !0, u.value = {
+            type: "success",
+            text: "Der Datensatz wurde erfolgreich zu einem Entwurf zurückgesetzt",
+            button: "Rückgängig machen",
+            action: "revertToDraft"
+          };
+      }
+    }
+    function T(a) {
+      let t = "";
+      switch (typeof a == "string" ? t = a : t = a.target.innerText, t) {
+        case "Ansehen":
+          window.location.href = `/${e.type}/${e.id}`;
+          break;
+        case "Bearbeiten":
+          E();
+          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"
+          }, i.value = !0;
+          break;
+        case "Löschen":
+          r.value = {
+            button: "Ja, 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"
+          }, i.value = !0;
+          break;
+        case "Veröffentlichung aufheben":
+          r.value = {
+            button: "Ja",
+            header: "Veröffentlichung aufheben",
+            text: "Sind Sie sicher, dass Sie diesen Datensatz zu einem Entwurf zurücksetzen möchten?",
+            action: "setToDraft"
+          }, i.value = !0;
+          break;
+      }
+    }
+    let g = p(!1);
+    function S(a, t) {
+      t ? 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, t) => (d(), M(K, null, [
+      o("button", {
+        class: N(["dpiV3_tableRowWrapper", {
+          dpiV3_pressedTableRow: n(g),
+          tRowInDraft: e.fromDraft
+        }]),
+        onKeydown: [
+          t[3] || (t[3] = m(w((l) => V(l), ["prevent"]), ["space"])),
+          t[4] || (t[4] = m(w((l) => V(l), ["prevent"]), ["enter"]))
+        ],
+        onKeyup: [
+          t[5] || (t[5] = m((l) => x(l), ["space"])),
+          t[6] || (t[6] = m((l) => x(l), ["enter"]))
+        ]
+      }, [
+        o("div", ee, [
+          o("div", {
+            class: "dpiV3_tableRowContent",
+            onMousedown: t[0] || (t[0] = w((l) => S(l, !0), ["prevent"])),
+            onMouseup: t[1] || (t[1] = w((l) => S(l, !1), ["prevent"])),
+            onClick: t[2] || (t[2] = (l) => T("Bearbeiten"))
+          }, [
+            o("div", te, [
+              o("span", ae, q(e.text), 1)
+            ]),
+            o("div", le, [
+              e.draft ? (d(), b(k, {
+                key: 1,
+                label: "Entwurf",
+                state: "draft"
+              })) : (d(), b(k, {
+                key: 0,
+                label: "Freigegeben",
+                state: "published"
+              }))
+            ]),
+            o("div", ne, [
+              y.visibility ? (d(), b(k, {
+                key: 0,
+                label: y.visibility,
+                state: e.draft ? "draft" : "published",
+                "has-dot-icon": !1
+              }, null, 8, ["label", "state"])) : h("", !0)
+            ])
+          ], 32),
+          o("div", oe, [
+            D.value ? h("", !0) : (d(), b(Q, {
+              key: 0,
+              type: "moreButton",
+              "not-draft": !D.value,
+              alignment: "right",
+              text: {
+                support: "This is a supporting message"
+              },
+              data: P(),
+              onClick: T
+            }, null, 8, ["not-draft", "data"]))
+          ])
+        ])
+      ], 34),
+      n(i) ? (d(), b(X, {
+        key: 0,
+        buttons: n(r).button,
+        "header-text": n(r).header,
+        text: n(r).text,
+        action: n(r).action,
+        onClose: t[7] || (t[7] = (l) => z(i) ? i.value = !1 : i = !1),
+        onActionHandling: t[8] || (t[8] = (l) => $(l))
+      }, null, 8, ["buttons", "header-text", "text", "action"])) : h("", !0),
+      n(s) ? (d(), b(Y, {
+        key: 1,
+        type: n(u).type,
+        text: n(u).text,
+        class: "dpiV3_tableToast",
+        button: n(u).button,
+        action: n(u).action,
+        onMouseenter: t[9] || (t[9] = (l) => z(v) ? v.value = !0 : v = !0),
+        onMouseleave: U
+      }, null, 8, ["type", "text", "button", "action"])) : h("", !0)
+    ], 64));
+  }
+}, ye = /* @__PURE__ */ Z(ie, [["__scopeId", "data-v-98e2acbf"]]);
+export {
+  ye 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
 };