@piveau/dpi 0.2.0-alpha.0 → 0.2.0-alpha.11

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

@@ -0,0 +1,249 @@
+import { ref as d, computed as _, watch as j, createElementBlock as q, openBlock as c, Fragment as O, createElementVNode as u, createBlock as f, createCommentVNode as v, withKeys as b, normalizeClass as P, withModifiers as m, unref as n, toDisplayString as W, isRef as B } from "vue";
+import k from "./StateTag.vue.js";
+import G from "./Dropdown.vue.js";
+import Q from "./ModalSimpleV3.vue.js";
+import X from "./Toast.vue.js";
+import { useStore as Y } from "vuex";
+import { useRouter as Z } from "vue-router";
+import { useDpiUtils as ee } from "../../composables/useDpiUtils.js";
+import te from "axios";
+import { useRuntimeEnv as ae } from "../../../composables/useRuntimeEnv.js";
+/* empty css                */
+import se from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+import { useDpiContext as C } from "../../composables/useDpiContext.js";
+const ne = { class: "dpiV3_tableRowInner" }, oe = { class: "dpiV3_TableRowDescContainer" }, le = { class: "dpiV3_dsDesc" }, re = { class: "dpiV3_TableRowStatus" }, ie = { 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
+    },
+    fromDraft: Boolean,
+    id: String,
+    catalogue: String,
+    dataset: Object
+  },
+  setup(D) {
+    const w = Y();
+    Z();
+    let o = d(!1), l = d(!1), p = d(!1), r = d({}), i = d({}), y = d({ edit: { fromDraft: !1 } });
+    C() && (y = C());
+    const $ = ae(), x = _(() => w.getters["auth/getUserData"]), A = _(() => x.value && x.value.rtpToken), t = D, { toEditMode: I } = ee(), M = () => {
+      const s = t.draft, e = t.catalogue, a = t.id || t.dataset.id || t.catalogue.id;
+      I({ id: a, catalogId: e, isDraft: s, locale: "de" });
+    }, E = (s, e, a, g) => {
+      console.log(t.dataset), w.dispatch("auth/putDatasetToDraft", { id: s, catalog: e, title: a, description: g });
+    }, K = (s, e) => {
+      w.dispatch("auth/publishUserDraftById", { id: s, catalog: e });
+    }, V = async (s, e) => {
+      const a = s || t.dataset && t.dataset.id || t.catalogue && t.catalogue.id, g = e || t.catalogue, H = $.api.hubUrl, F = !!t.draft ? `drafts/datasets/${a}?catalogue=${g}` : `datasets/${a}?useNormalizedId=true&catalogue=${g}`, J = `${H}${F}`;
+      await te.delete(J, {
+        headers: {
+          "Content-Type": "text/turtle",
+          Authorization: `Bearer ${A.value}`
+        }
+      });
+    }, L = () => {
+      p.value = !1, setTimeout(() => {
+        l.value = !1;
+      }, 2e3);
+    };
+    j(l, (s) => {
+      s && setTimeout(() => {
+        p.value || (l.value = !1);
+      }, 2e3);
+    });
+    const N = () => t.draft ? [
+      { "@value": "Ansehen", selected: !1 },
+      { "@value": "Bearbeiten", selected: !1 },
+      { "@value": "Veröffentlichen", selected: !1 },
+      { "@value": "Löschen", selected: !1 }
+    ] : [
+      { "@value": "Ansehen", selected: !1 },
+      { "@value": "Bearbeiten", selected: !1 },
+      { "@value": "Veröffentlichung aufheben", selected: !1 },
+      { "@value": "Löschen", selected: !1 }
+    ], U = (s) => {
+      switch (s) {
+        case "publishDataset":
+          K(t.id, t.catalogue), console.log("Datensatz wird veröffentlicht"), l.value = !0, i.value = {
+            type: "success",
+            text: "Der Datensatz wurde veröffentlicht",
+            button: "Ansehen",
+            action: "goToDataset"
+          };
+          break;
+        case "deleteDataset":
+          (async () => {
+            try {
+              t.draft ? await V(t.id, t.catalogue) : await V(t.dataset.id, t.dataset.catalog.id), l.value = !0, i.value = {
+                type: "success",
+                text: "Der Datensatz wurde erfolgreich gelöscht",
+                button: "Rückgängig machen",
+                action: "revertDeletion"
+              };
+            } catch (e) {
+              l.value = !0, i.value = {
+                type: "error",
+                text: "Das Löschen des Datensatzes ist fehlgeschlagen",
+                button: "Schließen"
+              }, console.error(e);
+            }
+          })();
+          break;
+        case "setToDraft":
+          E(
+            t.dataset.id,
+            t.dataset.catalog.id,
+            t.dataset.title,
+            t.dataset.description
+          ), l.value = !0, i.value = {
+            type: "success",
+            text: "Der Datensatz wurde erfolgreich zu einem Entwurf zurückgesetzt",
+            button: "Rückgängig machen",
+            action: "revertToDraft"
+          };
+      }
+    }, T = (s) => {
+      let e = "";
+      switch (typeof s == "string" ? e = s : e = s.target.innerText, console.log(e), e) {
+        case "Bearbeiten":
+          M();
+          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: "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"
+          }, o.value = !0;
+          break;
+        case "LöschenPublished":
+          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: "deletePublishedDataset"
+          }, o.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"
+          }, o.value = !0;
+          break;
+      }
+    };
+    let h = d(!1);
+    const z = (s, e) => {
+      e ? h.value = !0 : h.value = !1;
+    }, S = (s) => {
+      s.target.className != "dpiV3_more-button dpiV3_activeState" && (h.value = !0);
+    }, R = (s) => {
+      s.target.className != "dpiV3_more-button dpiV3_activeState" && (h.value = !1);
+    };
+    return (s, e) => (c(), q(O, null, [
+      u("button", {
+        class: P(["dpiV3_tableRowWrapper", {
+          dpiV3_pressedTableRow: n(h),
+          tRowInDraft: t.fromDraft
+        }]),
+        onKeydown: [
+          e[3] || (e[3] = b(m((a) => S(a), ["prevent"]), ["space"])),
+          e[4] || (e[4] = b(m((a) => S(a), ["prevent"]), ["enter"]))
+        ],
+        onKeyup: [
+          e[5] || (e[5] = b((a) => R(a), ["space"])),
+          e[6] || (e[6] = b((a) => R(a), ["enter"]))
+        ]
+      }, [
+        u("div", ne, [
+          u("div", {
+            class: "dpiV3_tableRowContent",
+            onMousedown: e[0] || (e[0] = m((a) => z(a, !0), ["prevent"])),
+            onMouseup: e[1] || (e[1] = m((a) => z(a, !1), ["prevent"])),
+            onClick: e[2] || (e[2] = (a) => T("Bearbeiten"))
+          }, [
+            u("div", oe, [
+              u("span", le, W(t.text), 1)
+            ]),
+            u("div", re, [
+              t.draft ? (c(), f(k, {
+                key: 1,
+                label: "Entwurf",
+                state: "draft"
+              })) : (c(), f(k, {
+                key: 0,
+                label: "Freigegeben",
+                state: "published"
+              }))
+            ]),
+            u("div", ie, [
+              D.visibility ? (c(), f(k, {
+                key: 0,
+                label: D.visibility,
+                state: t.draft ? "draft" : "published",
+                hasDotIcon: !1
+              }, null, 8, ["label", "state"])) : v("", !0)
+            ])
+          ], 32),
+          u("div", ue, [
+            n(y).edit.fromDraft ? v("", !0) : (c(), f(G, {
+              key: 0,
+              onClick: T,
+              type: "moreButton",
+              notDraft: !t.draft,
+              alignment: "right",
+              text: {
+                support: "This is a supporting message"
+              },
+              data: N()
+            }, null, 8, ["notDraft", "data"]))
+          ])
+        ])
+      ], 34),
+      n(o) ? (c(), f(Q, {
+        key: 0,
+        buttons: n(r).button,
+        headerText: n(r).header,
+        text: n(r).text,
+        onClose: e[7] || (e[7] = (a) => B(o) ? o.value = !1 : o = !1),
+        action: n(r).action,
+        onActionHandling: e[8] || (e[8] = (a) => U(a))
+      }, null, 8, ["buttons", "headerText", "text", "action"])) : v("", !0),
+      n(l) ? (c(), f(X, {
+        key: 1,
+        type: n(i).type,
+        text: n(i).text,
+        class: "dpiV3_tableToast",
+        button: n(i).button,
+        action: n(i).action,
+        onMouseenter: e[9] || (e[9] = (a) => B(p) ? p.value = !0 : p = !0),
+        onMouseleave: L
+      }, null, 8, ["type", "text", "button", "action"])) : v("", !0)
+    ], 64));
+  }
+}, Te = /* @__PURE__ */ se(de, [["__scopeId", "data-v-c7e95c4c"]]);
+export {
+  Te as default
+};

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

@@ -7,7 +7,7 @@ const _ = /* @__PURE__ */ k({
     maxlength: {}
   },
   setup(d) {
-    const t = d, a = t.maxlength || 500, s = o({
+    const t = d, a = t.maxlength || 1e3, s = o({
       get: () => {
         var e;
         return ((e = t.context) == null ? void 0 : e._value) || "";

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

@@ -0,0 +1,153 @@
+import { ref as a, watch as y, createElementBlock as c, openBlock as d, createElementVNode as l, createCommentVNode as p, createBlock as S, toDisplayString as f, normalizeStyle as T, normalizeClass as v, unref as s, withDirectives as C, vModelText as A } from "vue";
+import H from "./TextButtonSmall.vue.js";
+/* empty css                                */
+/* empty css                                 */
+/* empty css                */
+import L from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const j = { class: "dpiV3_input-field V3-typography" }, z = { class: "dpiV3_InputFieldBase" }, N = { class: "dpiV3_InputWithLabel" }, R = { class: "dpiV3_Top" }, O = { class: "dpiV3_Label" }, U = { class: "dpiV3_label copy-small-regular" }, W = ["disabled", "maxlength", "placeholder"], q = {
+  key: 1,
+  class: "dpiV3_errorText copy-small-regular"
+}, G = {
+  __name: "TextAreaV3",
+  props: {
+    text: {
+      type: Object,
+      default: () => {
+      }
+    },
+    isDisabled: {
+      type: Boolean,
+      default: !1
+    },
+    isDescription: {
+      type: Boolean,
+      default: !1
+    },
+    showError: {
+      type: Boolean,
+      default: !1
+    },
+    hintMessage: {
+      type: String,
+      default: ""
+    },
+    countHint: {
+      type: Boolean,
+      default: !1
+    },
+    label: {},
+    placeholder: {},
+    hint: {},
+    modelValue: { type: String, default: "" },
+    showDeleteButton: { type: Boolean, default: !1 },
+    errorMessage: {
+      type: String,
+      default: ""
+    },
+    max: {
+      type: String,
+      default: ""
+    },
+    help: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue", "deleteClicked"],
+  setup(e, { emit: V }) {
+    const o = e, h = V;
+    let n = a(!1), x = a(!1);
+    const g = a(null);
+    let w = a(!1), t = a("inset 0 0 0 1px var(--neutral-30, #687178)"), u = a(!1), m = a(!1);
+    const i = a(o.modelValue);
+    y(
+      () => o.modelValue,
+      (r) => {
+        i.value = r;
+      }
+    ), y(i, (r) => {
+      h("update:modelValue", r);
+    });
+    function _() {
+      h("deleteClicked");
+    }
+    function B() {
+      w.value = !1, u.value = !0, n.value = !0, t.value = "0 0 0 2px var(--blue-70, #009FE3)";
+    }
+    function E() {
+      u.value = !1, n.value = !1, t.value = "inset 0 0 0 1px var(--neutral-30, #687178)";
+    }
+    function I() {
+      m.value = !0, t.value = "inset 0 0 0 1px var(--neutral-60, #687178)", u.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
+    }
+    function M() {
+      m.value = !1, t.value = "inset 0 0 0 1px var(--neutral-30, #687178)", u.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
+    }
+    function F() {
+      n.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
+    }
+    function D() {
+      t.value = "inset 0 0 0 2px var(--Focused)";
+    }
+    return (r, b) => (d(), c("div", j, [
+      l("div", z, [
+        l("div", N, [
+          l("div", R, [
+            l("div", O, [
+              l("label", U, f(o.label), 1),
+              e.showDeleteButton ? (d(), S(H, {
+                key: 0,
+                "button-text": "löschen",
+                tabindex: "0",
+                onClick: _
+              })) : p("", !0)
+            ])
+          ]),
+          l("div", {
+            class: v(["dpiV3_Input", {
+              dpiV3_disabled: e.isDisabled,
+              "error-state": e.showError && !s(n) && !s(x),
+              "focused-error-state": e.showError && s(n),
+              "filled-error-state": e.showError && s(x)
+            }]),
+            style: T({ "box-shadow": s(t) }),
+            onMouseenter: I,
+            onMouseleave: M,
+            onMousedown: F
+          }, [
+            C(l("textarea", {
+              ref_key: "inputRef",
+              ref: g,
+              "onUpdate:modelValue": b[0] || (b[0] = (k) => i.value = k),
+              type: "text",
+              class: v(["dpiV3_textArea copy-large-regular", {
+                "error-state": e.showError,
+                dpiV3_input_disabled: e.isDisabled
+              }]),
+              disabled: e.isDisabled,
+              maxlength: e.max,
+              placeholder: e.placeholder,
+              onFocus: B,
+              onBlur: E,
+              onMousedown: D
+            }, null, 42, W), [
+              [A, i.value]
+            ])
+          ], 38)
+        ]),
+        e.hint && !e.showError ? (d(), c("div", {
+          key: 0,
+          class: v(["dpiV3_hintText", { "copy-large-semi-bold justify-content-end": o.countHint, "copy-small-regular": !o.countHint }])
+        }, [
+          l("span", null, f(e.hintMessage), 1)
+        ], 2)) : p("", !0),
+        e.showError ? (d(), c("div", q, [
+          l("span", null, f(e.errorMessage), 1)
+        ])) : p("", !0)
+      ])
+    ]));
+  }
+}, Z = /* @__PURE__ */ L(G, [["__scopeId", "data-v-f7088c16"]]);
+export {
+  Z as default
+};

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

@@ -3,7 +3,7 @@ import { defineComponent as a, resolveComponent as d, createElementBlock as t, o
 /* empty css                                 */
 import { PhTrash as f } from "@phosphor-icons/vue";
 /* empty css                     */
-import y from "../../../_virtual/_plugin-vue_export-helper.js";
+import y from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const b = a({
   name: "TextButtonLarge",
   components: {

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

@@ -3,7 +3,7 @@ import { defineComponent as u, resolveComponent as l, createElementBlock as n, o
 /* empty css                                 */
 import { PhCaretLeft as P, PhCopySimple as b, PhTrash as C } from "@phosphor-icons/vue";
 /* empty css                     */
-import c from "../../../_virtual/_plugin-vue_export-helper.js";
+import c from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const h = u({
   name: "TextButtonSmall",
   components: {
@@ -119,7 +119,7 @@ function K(e, s, T, V, v, z) {
     ])) : r("", !0)
   ], 16, k);
 }
-const L = /* @__PURE__ */ c(h, [["render", K], ["__scopeId", "data-v-5d413fe3"]]);
+const L = /* @__PURE__ */ c(h, [["render", K], ["__scopeId", "data-v-cfbe885e"]]);
 export {
   L as default
 };

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

@@ -0,0 +1,7 @@
+import o from "./WipStep.vue2.js";
+/* empty css             */
+import t from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-47cf5f4a"]]);
+export {
+  a as default
+};

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

@@ -0,0 +1,31 @@
+import { defineComponent as s, createElementBlock as c, openBlock as i, createElementVNode as e, createVNode as t, withCtx as p, toDisplayString as a } from "vue";
+import r from "../../components/StepActionsSection.vue.js";
+import l from "./Card.vue.js";
+const _ = { class: "wip-step dpiV3_page V3-typography" }, d = { class: "funny-section" }, m = { class: "wip-container copy-large-semi-bold" }, f = { class: "funny-section" }, V = /* @__PURE__ */ s({
+  __name: "WipStep",
+  props: {
+    name: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(o) {
+    const n = o;
+    return (u, h) => (i(), c("div", _, [
+      e("section", d, [
+        t(l, null, {
+          default: p(() => [
+            e("div", m, " WIP: " + a(n.name), 1)
+          ]),
+          _: 1
+        })
+      ]),
+      e("section", f, [
+        t(r)
+      ])
+    ]));
+  }
+});
+export {
+  V as default
+};

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/components/BasicInfosPage.vue.js

@@ -1,4 +1,4 @@
-import e from "../../_virtual/_plugin-vue_export-helper.js";
+import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const n = {};
 function r(c, t) {
   return "Grundlegende INFOS";