@piveau/dpi 0.2.0-alpha.6 → 0.2.0-alpha.60

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@piveau/dpi",
   "type": "module",
-  "version": "0.2.0-alpha.6",
+  "version": "0.2.0-alpha.60",
   "private": false,
   "sideEffects": [
-    "*.css"
+    "*.css",
+    "*.scss"
   ],
   "exports": {
     ".": {
@@ -35,6 +36,17 @@
     "node": ">=18.18.0",
     "pnpm": ">=10.0.0"
   },
+  "scripts": {
+    "dev": "histoire dev",
+    "build": "vite build",
+    "preview": "vite preview",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
+    "story:dev": "histoire dev",
+    "story:build": "histoire build",
+    "story:preview": "histoire preview",
+    "prepublishOnly": "vite build",
+    "test": "vitest"
+  },
   "dependencies": {
     "@rdfjs/dataset": "2.0.2",
     "@vee-validate/zod": "^4.15.1",
@@ -52,11 +64,11 @@
     "@formkit/validation": "^1.6.9",
     "@formkit/vue": "^1.6.9",
     "@headlessui/vue": "^1.7.23",
-    "@histoire/plugin-vue": "1.0.0-alpha.2",
+    "@histoire/plugin-vue": "1.0.0-alpha.4",
     "@phosphor-icons/vue": "^2.2.1",
-    "@piveau/jsonld": "file:../../bin/piveau-jsonld-1.0.0-beta.10.tgz",
-    "@piveau/sdk-core": "0.0.0-beta.2",
-    "@piveau/sdk-vue": "1.0.0-beta.10",
+    "@piveau/jsonld": "file:../../bin/piveau-jsonld-1.0.0-beta.22.tgz",
+    "@piveau/sdk-core": "0.0.0-beta.6",
+    "@piveau/sdk-vue": "1.0.0-beta.13",
     "@popperjs/core": "^2.11.8",
     "@types/jsonld": "^1.5.15",
     "@types/node": "^24.1.0",
@@ -65,10 +77,11 @@
     "@vue/tsconfig": "^0.7.0",
     "@vueuse/core": "^10.11.1",
     "axios": "^1.11.0",
-    "bootstrap": "^4.6.2",
+    "bootstrap": "^5.3.8",
     "dayjs": "^1.11.13",
+    "effect": "^3.17.14",
     "eslint": "^9.31.0",
-    "histoire": "1.0.0-alpha.2",
+    "histoire": "1.0.0-alpha.4",
     "jiti": "^2.5.1",
     "jquery": "^3.7.1",
     "jsonld": "^8.3.3",
@@ -81,6 +94,8 @@
     "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
+    "vite-plugin-static-copy": "^3.1.3",
+    "vitest": "^3.2.4",
     "vue": "^3.5.13",
     "vue-i18n": "^11.1.11",
     "vue-router": "^4.5.1",
@@ -93,19 +108,15 @@
       "name": "node",
       "onFail": "error"
     },
-    "packageManager": {
-      "name": "pnpm",
-      "version": ">=10.13.1",
-      "onFail": "error"
-    }
-  },
-  "scripts": {
-    "dev": "histoire dev",
-    "build": "vite build",
-    "preview": "vite preview",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
-    "story:dev": "histoire dev",
-    "story:build": "histoire build",
-    "story:preview": "histoire preview"
+    "packageManager": [
+      {
+        "name": "pnpm",
+        "version": ">=10.13.1",
+        "onFail": "error"
+      },
+      {
+        "name": "npm"
+      }
+    ]
   }
-}
+}

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

@@ -1,96 +0,0 @@
-import { ref as u, computed as l, watch as v, createElementBlock as r, openBlock as s, createElementVNode as t, createVNode as f, withCtx as y, unref as _, createStaticVNode as D, Fragment as S, renderList as x, createBlock as I } from "vue";
-import { useAsyncState as j, useDebounce as w } from "@vueuse/core";
-import "axios";
-import "jquery";
-import { useRouter as H } from "vue-router";
-import { useStore as T } from "vuex";
-import { useRuntimeEnv as B } from "../../composables/useRuntimeEnv.js";
-import L from "../../widgets/AppLink.vue.js";
-import N from "./ui/ButtonV3.vue.js";
-import C from "./ui/TableRowV3.vue.js";
-import { formatDate as A } from "../utils/formatDate.js";
-/* empty css                  */
-import E from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const R = { class: "dpiV3_dpiHome V3-typography" }, U = { class: "dpiV3_homeHeadWrap" }, W = { class: "interactionButtonsDPIHome" }, q = { class: "dpiV3_table" }, z = {
-  key: 0,
-  class: "loading-screen"
-}, F = {
-  key: 1,
-  class: "dpiV3_innerTable"
-}, K = {
-  __name: "ProjectTable",
-  setup(M) {
-    B();
-    const i = T();
-    H(), localStorage.getItem("dpi_duplicate"), u("");
-    let d = l(() => i.getters["auth/getUserCatalogIds"]);
-    u({
-      loading: !1,
-      message: "",
-      confirm: () => null
-    });
-    const g = l(() => i.getters["auth/getUserData"]);
-    l(() => g.value.rtpToken);
-    const k = (a) => i.dispatch("snackbar/showSnackbar", a);
-    async function c(a) {
-      return [
-        { id: 1, title: { de: "Test-Projekt A" }, modified: Date.now() },
-        { id: 2, title: { en: "Mock Project B" }, modified: Date.now() }
-      ];
-    }
-    const {
-      state: G,
-      execute: h,
-      isLoading: b,
-      error: n
-    } = j(async () => c(d.value), [], { immediate: !1 });
-    v(d, () => {
-      var a;
-      ((a = d.value) == null ? void 0 : a.length) > 0 && h();
-    }, { immediate: !0 }), v(n, () => {
-      console.error(n), k({
-        message: n.message,
-        color: "error"
-      });
-    });
-    const V = w(b, 500);
-    return (a, e) => (s(), r("div", R, [
-      t("div", U, [
-        e[0] || (e[0] = t("h2", { class: "dpiV3_tableHeader" }, " Ihre Projekte ", -1)),
-        e[1] || (e[1] = t("p", null, "Hier sehen Sie alle Projekte, die Sie bearbeiten oder veröffentlichen können.", -1)),
-        t("div", W, [
-          f(L, { to: { name: "DataProviderInterface-InputProject", query: { locale: "de", edit: !1 }, params: { property: "datasets" } } }, {
-            default: y(() => [
-              f(N, {
-                "button-text": "Neues Projekt erstellen",
-                size: "large"
-              })
-            ]),
-            _: 1
-          })
-        ])
-      ]),
-      t("div", q, [
-        _(V) ? (s(), r("div", z, e[2] || (e[2] = [
-          t("p", null, "Lädt Daten...", -1)
-        ]))) : (s(), r("div", F, [
-          e[3] || (e[3] = D('<div class="dpiV3_tableHeadWrap" data-v-13d69c74><div class="dpiV3_thWrap" data-v-13d69c74><div scope="col" data-v-13d69c74><span data-v-13d69c74>Name</span></div><div scope="col" class="dpiV3_statusHead" data-v-13d69c74><span data-v-13d69c74>Status</span></div></div><div class="dpiV3_blankCell" data-v-13d69c74></div></div>', 1)),
-          t("div", null, [
-            (s(!0), r(S, null, x(c(), (o, P) => {
-              var m, p;
-              return s(), I(C, {
-                key: o.id ?? P,
-                text: ((m = o.title) == null ? void 0 : m.de) || ((p = o.title) == null ? void 0 : p.en) || "Kein Titel in englisch oder deutsch vohanden",
-                date: o.modified ? _(A)(o.modified) : "-",
-                dataset: o
-              }, null, 8, ["text", "date", "dataset"]);
-            }), 128))
-          ])
-        ]))
-      ])
-    ]));
-  }
-}, ie = /* @__PURE__ */ E(K, [["__scopeId", "data-v-13d69c74"]]);
-export {
-  ie as default
-};

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

@@ -1,46 +0,0 @@
-import { ref as r, watch as c, createBlock as p, openBlock as f } from "vue";
-import m from "../InputField.vue.js";
-import { useI18n as B } from "vue-i18n";
-const b = {
-  __name: "LicenseAttributionByText",
-  props: {
-    distributionId: { type: Number, required: !1 },
-    showDeleteButton: { type: Boolean, default: !1 },
-    nameTextByClauses: { type: String, default: "" }
-  },
-  emits: ["addLicenseAttrByText", "deleteButtonClicked"],
-  setup(d, { emit: i }) {
-    const { t: y } = B(), l = d, a = r(l.nameTextByClauses), o = i, s = (e, t) => {
-      o("addLicenseAttrByText", e.target.value, l.distributionId);
-    };
-    c(() => l.nameTextByClauses, (e) => {
-      a.value = e;
-    });
-    const u = () => {
-      console.log("delete clicked"), o("deleteButtonClicked", l.distributionId);
-    };
-    return (e, t) => (f(), p(m, {
-      onInput: t[0] || (t[0] = (n) => s(n)),
-      modelValue: a.value,
-      "onUpdate:modelValue": t[1] || (t[1] = (n) => a.value = n),
-      addOnText: !1,
-      datePicker: !1,
-      infoIcon: !1,
-      placeholder: e.$t(
-        "message.dataupload.datasets.dcat:distribution.advanced.licenseAttrByText-placeholder"
-      ),
-      preIcon: !1,
-      inputFieldSize: "large",
-      initialHintText: !1,
-      label: e.$t(
-        "message.dataupload.datasets.dcat:distribution.advanced.dcatde:licenseAttributionByText"
-      ) + " (optional)",
-      showEndIcon: !1,
-      defaultInput: !d.showDeleteButton,
-      onDeleteButtonClicked: u
-    }, null, 8, ["modelValue", "placeholder", "label", "defaultInput"]));
-  }
-};
-export {
-  b as default
-};

package/dist/packages/dpi/src/data-provider-interface/components/PolGeoUriPage.vue.js

@@ -1,81 +0,0 @@
-import { ref as n, getCurrentInstance as V, createElementBlock as c, openBlock as u, createElementVNode as i, toDisplayString as p, createVNode as f, createCommentVNode as y, unref as r } from "vue";
-import x from "../HappyFlowComponents/ui/Dropdown.vue.js";
-import { filterGeocodingURIs as P } from "../HappyFlowComponents/services/dpiV3_apis.js";
-import { PhMagnifyingGlass as G } from "@phosphor-icons/vue";
-/* empty css                   */
-import w from "../../../../../_virtual/_plugin-vue_export-helper.js";
-import { useEditModeInfo as S } from "../composables/useDpiEditMode.js";
-const T = { class: "dpiV3InnerComponentWrap" }, U = { class: "copy-large-regular" }, k = { class: "dropdown-container" }, E = {
-  key: 0,
-  class: "empty-state-message"
-}, C = {
-  __name: "PolGeoUriPage",
-  props: {
-    context: Object
-  },
-  setup(g) {
-    const { isEditMode: m } = S();
-    let o = n([]), v = V().appContext.app.config.globalProperties.$env, s;
-    const a = n(!1), l = n(!1), b = n(""), d = g;
-    m.value || d.context.node.input([{ isValid: !0 }]);
-    const h = async (e) => {
-      clearTimeout(s), b.value = e, s = setTimeout(async () => {
-        if (e !== "")
-          try {
-            a.value = !0, l.value = !0, o.value = await P(e, v.api.baseUrl);
-          } catch (t) {
-            console.log("Error fetching geocoding data:", t), o.value = [];
-          } finally {
-            a.value = !1;
-          }
-        else
-          o.value = [], l.value = !1;
-      }, 500);
-    }, _ = (e, t) => {
-      d.context.node.input([{
-        isValid: !0,
-        uri: e.resource,
-        id: e.id,
-        label: e.alt_label.de,
-        inVoc: t
-      }]);
-    };
-    return (e, t) => (u(), c("div", T, [
-      i("h4", null, p(e.$t("message.dataupload.datasets.dcatde:politicalGeocodingURI.title")), 1),
-      i("div", U, p(e.$t("message.dataupload.datasets.dcatde:politicalGeocodingURI.description")), 1),
-      i("div", k, [
-        f(x, {
-          dropdownWidth: "large",
-          type: "inputField",
-          onInput: t[0] || (t[0] = (I) => h(I)),
-          inputFieldProps: {
-            addOnText: !1,
-            initialHintText: !1,
-            datePicker: !1,
-            infoIcon: !1,
-            preIcon: !1,
-            label: "Geopolitische Abdeckung",
-            dropdown_dpiV3: !0,
-            placeholder: "Geben Sie die geopolitische Abdeckung ein..",
-            inputFieldSize: "large",
-            autocomplete: "true"
-          },
-          onValueSent: _,
-          data: r(o),
-          multi: "true",
-          autocomplete: !0,
-          buttonText: "Dropdown",
-          text: "Dropdown",
-          loading: a.value
-        }, null, 8, ["data", "loading"]),
-        l.value && !a.value && r(o).length === 0 ? (u(), c("div", E, [
-          f(r(G), { size: 16 }),
-          t[1] || (t[1] = i("span", null, "Keine Ergebnisse gefunden. Bitte versuchen Sie einen anderen Suchbegriff.", -1))
-        ])) : y("", !0)
-      ])
-    ]));
-  }
-}, z = /* @__PURE__ */ w(C, [["__scopeId", "data-v-c2bfbeff"]]);
-export {
-  z as default
-};

package/dist/packages/dpi/src/stories/components/MethodsCard.vue2.js

@@ -1,45 +0,0 @@
-import { defineComponent as s, ref as u, computed as c, createElementBlock as p, openBlock as m, renderSlot as i, createVNode as l, createElementVNode as h, unref as t } from "vue";
-import { FormKit as r } from "@formkit/vue";
-import v from "../../data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldDefinition.js";
-import f from "../../data-provider-interface/HappyFlowComponents/ui/TextArea/TextAreaDefinition.js";
-const _ = { class: "dpiV3_Card_Tips" }, b = { class: "action-container" }, B = 500, M = /* @__PURE__ */ s({
-  __name: "MethodsCard",
-  setup(V) {
-    const o = u(""), a = c(() => {
-      var e;
-      return (e = o.value) == null ? void 0 : e.length;
-    });
-    return (e, n) => (m(), p("div", _, [
-      i(e.$slots, "default", {}, () => [
-        l(t(r), {
-          type: t(v),
-          name: "name",
-          "text-label": "Name der Methode",
-          placeholder: "Benennen Sie die Methode.",
-          validation: "required"
-        }, null, 8, ["type"]),
-        l(t(r), {
-          id: "Beschreibung",
-          modelValue: o.value,
-          "onUpdate:modelValue": n[0] || (n[0] = (d) => o.value = d),
-          label: "Beschreibung",
-          type: t(f),
-          name: "description",
-          "text-label": "Beschreibung (optional)",
-          placeholder: "Beschreiben Sie die Methode.",
-          validation: "length:0,500",
-          "validation-visibility": "live",
-          hint: "true",
-          help: `${a.value} von ${B} Zeichen`,
-          "count-hint": !0
-        }, null, 8, ["modelValue", "type", "help"]),
-        h("div", b, [
-          i(e.$slots, "action", {}, void 0, !0)
-        ])
-      ], !0)
-    ]));
-  }
-});
-export {
-  M as default
-};