@piveau/piveau-hub-ui-modules 4.6.20 → 4.6.22

package/dist/data-provider-interface/components/SimpleSelect.vue.mjs

@@ -1,116 +1,116 @@
-import { computed as i, ref as p, watch as _, onMounted as X, nextTick as z, openBlock as u, createElementBlock as a, createElementVNode as h, toDisplayString as V, createTextVNode as k, withDirectives as E, createVNode as N, unref as O, vShow as $, Fragment as T, renderList as U, createCommentVNode as j } from "vue";
-import { useStore as Y } from "vuex";
-import { getNode as Z } from "@formkit/core";
-import { onClickOutside as g, useAsyncState as ee } from "../../external/@vueuse/core/index";
-import te from "axios";
-import { useRuntimeEnv as se } from "../../composables/useRuntimeEnv.mjs";
-import { useI18n as le } from "vue-i18n";
-import { FormKit as A } from "@formkit/vue";
+import { computed as u, ref as y, watch as E, onMounted as Z, nextTick as N, openBlock as a, createElementBlock as d, createElementVNode as V, toDisplayString as w, createTextVNode as x, withDirectives as O, createVNode as $, unref as T, vShow as U, Fragment as j, renderList as A, createCommentVNode as M } from "vue";
+import { useStore as g } from "vuex";
+import { getNode as I } from "@formkit/core";
+import { onClickOutside as ee, useAsyncState as te } from "../../external/@vueuse/core/index";
+import se from "axios";
+import { useRuntimeEnv as le } from "../../composables/useRuntimeEnv.mjs";
+import { useI18n as oe } from "vue-i18n";
+import { FormKit as q } from "@formkit/vue";
 import { useDpiContext as re } from "../composables/useDpiContext.mjs";
 import "./SimpleSelect.vue2.mjs";
-const oe = { class: "formkitProperty" }, ne = { class: "position-relative formkitCmpWrap" }, ie = { key: 0 }, ue = ["onClick"], ae = ["onClick"], xe = {
+const ne = { class: "formkitProperty" }, ie = { class: "position-relative formkitCmpWrap" }, ue = { key: 0 }, ae = ["onClick"], de = ["onClick"], he = {
   __name: "SimpleSelect",
   props: {
     context: Object
   },
-  setup(M) {
-    const d = M, q = re(), { locale: B, fallbackLocale: K } = le({ useScope: "global" }), w = i(() => Q.getters["auth/getUserCatalogIds"]), m = p(!1), Q = Y(), I = p(null), P = se(), f = p(""), c = p(""), L = p(!1);
-    g(I, (l) => m.value = !1);
-    const y = async (l) => {
-      l.id ? (c.value = l.id, f.value = (l == null ? void 0 : l.name) || l.id) : (c.value = l, f.value = l), m.value = !1;
-    }, { execute: W, state: o, isReady: S, error: R } = ee(async () => await te.get(P.api.baseUrl + "search?filter=catalogue&limit=1000"), { data: { result: { results: [] } } }, { immediate: !1 }), G = i(() => L.value && !!o.value && S.value);
-    _(R, () => {
-      console.error(R.value);
+  setup(B) {
+    const m = B, L = re(), { locale: K, fallbackLocale: Q } = oe({ useScope: "global" }), S = u(() => P.getters["auth/getUserCatalogIds"]), v = y(!1), P = g(), R = y(null), W = le(), C = y(""), b = y(""), D = y(!1);
+    ee(R, (l) => v.value = !1);
+    const k = async (l) => {
+      l.id ? (b.value = l.id, C.value = (l == null ? void 0 : l.name) || l.id) : (b.value = l, C.value = l), v.value = !1;
+    }, { execute: G, state: n, isReady: F, error: _ } = te(async () => await se.get(W.api.baseUrl + "search?filter=catalogue&limit=1000"), { data: { result: { results: [] } } }, { immediate: !1 }), H = u(() => D.value && !!n.value && F.value);
+    E(_, () => {
+      console.error(_.value);
     });
-    const D = i(() => {
-      var l, e, s, r;
-      return ((r = (s = (e = (l = o == null ? void 0 : o.value) == null ? void 0 : l.data) == null ? void 0 : e.result) == null ? void 0 : s.results) == null ? void 0 : r.length) > 0;
-    }), H = i(() => {
-      var l, e, s, r;
-      return D && ((r = (s = (e = (l = o == null ? void 0 : o.value) == null ? void 0 : l.data) == null ? void 0 : e.result) == null ? void 0 : s.results) == null ? void 0 : r.length) === 1;
-    }), x = i(() => {
-      var r, v, C;
-      return !D.value || !S.value ? [] : (((C = (v = (r = o.value) == null ? void 0 : r.data) == null ? void 0 : v.result) == null ? void 0 : C.results) || []).filter((t) => {
-        var n;
-        return (n = w.value) == null ? void 0 : n.includes(t.id);
+    const z = u(() => {
+      var l, e, s, o;
+      return ((o = (s = (e = (l = n == null ? void 0 : n.value) == null ? void 0 : l.data) == null ? void 0 : e.result) == null ? void 0 : s.results) == null ? void 0 : o.length) > 0;
+    }), J = u(() => {
+      var l, e, s, o;
+      return z && ((o = (s = (e = (l = n == null ? void 0 : n.value) == null ? void 0 : l.data) == null ? void 0 : e.result) == null ? void 0 : s.results) == null ? void 0 : o.length) === 1;
+    }), h = u(() => {
+      var o, p, f;
+      return !z.value || !F.value ? [] : (((f = (p = (o = n.value) == null ? void 0 : o.data) == null ? void 0 : p.result) == null ? void 0 : f.results) || []).filter((t) => {
+        var r;
+        return (r = S.value) == null ? void 0 : r.includes(t.id);
       }).map((t) => {
-        var F;
-        const n = (t == null ? void 0 : t.id) || "";
-        let b = "";
-        return t != null && t.title ? typeof (t == null ? void 0 : t.title) == "string" ? b = t == null ? void 0 : t.title : typeof (t == null ? void 0 : t.title) == "object" && (b = (t == null ? void 0 : t.title[B.value]) || (t == null ? void 0 : t.title[K.value]) || ((F = Object.values(t == null ? void 0 : t.title)) == null ? void 0 : F[0]) || n) : b = n, { id: n, name: b || n };
+        var c;
+        const r = (t == null ? void 0 : t.id) || "";
+        let i = "";
+        return t != null && t.title ? typeof (t == null ? void 0 : t.title) == "string" ? i = t == null ? void 0 : t.title : typeof (t == null ? void 0 : t.title) == "object" && (i = (t == null ? void 0 : t.title[K.value]) || (t == null ? void 0 : t.title[Q.value]) || ((c = Object.values(t == null ? void 0 : t.title)) == null ? void 0 : c[0]) || r) : i = r, { id: r, name: i || r };
       });
     });
-    _(H, (l) => {
+    E(J, (l) => {
       if (l) {
-        const e = o.value.data.result.results[0];
-        y({ id: e.id, name: e.name });
+        const e = n.value.data.result.results[0];
+        k({ id: e.id, name: e.name });
       }
-    }, { immediate: !0 }), X(async () => {
-      var s, r, v;
-      await W(), await z();
-      const l = ((r = (s = Z) == null ? void 0 : s("dcat:catalog")) == null ? void 0 : r.value) || void 0, e = (v = x.value) == null ? void 0 : v.find((C) => C.id === l);
-      e && y({ id: e.id, name: e.name }), await z(), L.value = !0;
+    }, { immediate: !0 }), Z(async () => {
+      var s, o, p, f, t, r, i, c;
+      await G(), await N();
+      const l = ((s = L.value.edit) == null ? void 0 : s.catalog) || ((p = (o = I) == null ? void 0 : o("catalog")) == null ? void 0 : p.value) || ((t = (f = I) == null ? void 0 : f("dcat:catalog")) == null ? void 0 : t.value) || ((i = (r = I) == null ? void 0 : r("dct:catalog")) == null ? void 0 : i.value) || void 0, e = (c = h.value) == null ? void 0 : c.find((Y) => Y.id === l);
+      e && k({ id: e.id, name: e.name }), await N(), D.value = !0;
     });
-    const J = i(() => {
+    const X = u(() => {
       var s;
-      const l = (s = q.value.edit) == null ? void 0 : s.enabled, e = localStorage == null ? void 0 : localStorage.getItem("dpi_duplicate");
+      const l = (s = L.value.edit) == null ? void 0 : s.enabled, e = localStorage == null ? void 0 : localStorage.getItem("dpi_duplicate");
       return l && !e;
     });
-    return (l, e) => (u(), a("div", oe, [
-      h("h4", null, V(d.context.label), 1),
-      e[6] || (e[6] = k()),
-      h("div", ne, [
-        G.value ? (u(), a("div", ie, [
-          E(N(O(A), {
-            modelValue: c.value,
-            "onUpdate:modelValue": e[0] || (e[0] = (s) => c.value = s),
-            name: `${d.context.node.name}`,
+    return (l, e) => (a(), d("div", ne, [
+      V("h4", null, w(m.context.label), 1),
+      e[6] || (e[6] = x()),
+      V("div", ie, [
+        H.value ? (a(), d("div", ue, [
+          O($(T(q), {
+            modelValue: b.value,
+            "onUpdate:modelValue": e[0] || (e[0] = (s) => b.value = s),
+            name: `${m.context.node.name}`,
             type: "text"
           }, null, 8, ["modelValue", "name"]), [
-            [$, !1]
+            [U, !1]
           ]),
-          e[4] || (e[4] = k()),
-          N(O(A), {
+          e[4] || (e[4] = x()),
+          $(T(q), {
             class: "autocompleteInputfield",
-            modelValue: f.value,
-            "onUpdate:modelValue": e[1] || (e[1] = (s) => f.value = s),
-            placeholder: d.context.attrs.placeholder,
+            modelValue: C.value,
+            "onUpdate:modelValue": e[1] || (e[1] = (s) => C.value = s),
+            placeholder: m.context.attrs.placeholder,
             type: "text",
             validation: "required",
             mandatory: "true",
             "validation-messages": {
-              required: d.context.attrs.placeholder
+              required: m.context.attrs.placeholder
             },
-            name: `${d.context.node.name}__displayedValue`,
-            disabled: J.value,
-            onClick: e[2] || (e[2] = (s) => m.value = !m.value)
+            name: `${m.context.node.name}__displayedValue`,
+            disabled: X.value,
+            onClick: e[2] || (e[2] = (s) => v.value = !v.value)
           }, null, 8, ["modelValue", "placeholder", "validation-messages", "name", "disabled"]),
-          e[5] || (e[5] = k()),
-          E(h("ul", {
+          e[5] || (e[5] = x()),
+          O(V("ul", {
             ref_key: "dropdownList",
-            ref: I,
+            ref: R,
             class: "autocompleteResultList selectListFK catSelectList"
           }, [
-            (u(!0), a(T, null, U(x.value, (s) => (u(), a("li", {
+            (a(!0), d(j, null, A(h.value, (s) => (a(), d("li", {
               key: s,
-              onClick: (r) => y(s),
+              onClick: (o) => k(s),
               class: "p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC"
-            }, V(s.name), 9, ue))), 128)),
-            e[3] || (e[3] = k()),
-            x.value.length === 0 ? (u(!0), a(T, { key: 0 }, U(w.value, (s) => (u(), a("li", {
+            }, w(s.name), 9, ae))), 128)),
+            e[3] || (e[3] = x()),
+            h.value.length === 0 ? (a(!0), d(j, { key: 0 }, A(S.value, (s) => (a(), d("li", {
               key: s,
-              onClick: (r) => y(s),
+              onClick: (o) => k(s),
               class: "p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC"
-            }, V(s), 9, ae))), 128)) : j("", !0)
+            }, w(s), 9, de))), 128)) : M("", !0)
           ], 512), [
-            [$, m.value]
+            [U, v.value]
           ])
-        ])) : j("", !0)
+        ])) : M("", !0)
       ])
     ]));
   }
 };
 export {
-  xe as default
+  he as default
 };
 //# sourceMappingURL=SimpleSelect.vue.mjs.map

package/dist/data-provider-interface/components/SimpleSelect.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleSelect.vue.mjs","sources":["../../../lib/data-provider-interface/components/SimpleSelect.vue"],"sourcesContent":["<template>\n  <div class=\"formkitProperty\">\n    <h4>{{ props.context.label }}</h4>\n    <div class=\"position-relative formkitCmpWrap\">\n\n      <div v-if=\"isReady\">\n\n        <!-- Hidden input that contains the actual catalog id. We rely on that to pass the catalog id to backend later -->\n        <FormKit v-show=\"false\" v-model=\"selectedCatalogId\" :name=\"`${props.context.node.name}`\" type=\"text\" />\n\n        <!-- User-facing input that displays the name of the selected catalog -->\n        <FormKit\n          class=\"autocompleteInputfield\"\n          v-model=\"selectedCatalogTitle\"\n          :placeholder=\"props.context.attrs.placeholder\"\n          type=\"text\" \n          validation=\"required\"\n          mandatory=\"true\"\n          :validation-messages=\"{\n            required: props.context.attrs.placeholder,\n          }\" :name=\"`${props.context.node.name}__displayedValue`\"\n          :disabled=\"isDisabled\"\n          @click=\"showList = !showList\"\n        />\n        <ul ref=\"dropdownList\" v-show=\"showList\" class=\"autocompleteResultList selectListFK catSelectList\">\n          <li v-for=\"match in authorizedCatalogs\" :key=\"match\" @click=\"setvalue(match)\"\n            class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">{{\n              match.name }}\n          </li>\n          <li v-if=\"authorizedCatalogs.length === 0\" v-for=\"idMatch in userCats\" :key=\"idMatch\" @click=\"setvalue(idMatch)\"\n            class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">{{\n              idMatch }}\n          </li>\n        </ul>\n      </div>\n    </div>\n  </div>\n\n</template>\n<script setup>\nimport { ref, computed, onMounted, watch, nextTick } from 'vue';\nimport { useStore } from 'vuex';\nimport { getNode } from '@formkit/core'\nimport { onClickOutside } from '@vueuse/core'\nimport axios from 'axios'\nimport { useRuntimeEnv } from \"../../composables/useRuntimeEnv.ts\";\nimport { useI18n } from 'vue-i18n';\nimport { useAsyncState } from '@vueuse/core';\nimport { FormKit } from '@formkit/vue';\nimport { useDpiContext } from '../composables/useDpiContext';\n\nconst props = defineProps({\n  context: Object\n})\n\nconst dpiContext = useDpiContext()\nconst { locale, fallbackLocale } = useI18n({ useScope: 'global' })\n\nconst userCats = computed(() => store.getters['auth/getUserCatalogIds']);\nconst showList = ref(false)\nconst store = useStore()\nconst dropdownList = ref(null)\nconst env = useRuntimeEnv()\nconst selectedCatalogTitle = ref('')\nconst selectedCatalogId = ref('')\nconst hasMounted = ref(false)\n\nonClickOutside(dropdownList, event => showList.value = false)\n\nconst setvalue = async (e) => {\n  if (e.id) {\n    selectedCatalogId.value = e.id\n    selectedCatalogTitle.value = e?.name || e.id\n  } else {\n    selectedCatalogId.value = e\n    selectedCatalogTitle.value = e\n  }\n\n  showList.value = false\n}\n\nconst { execute: filterCatList, state: catalogListData, isReady: isQueryReady, error } = useAsyncState(async () => {\n  const catalogListData = await axios.get(env.api.baseUrl + 'search?filter=catalogue&limit=1000')\n  return catalogListData\n}, { data: { result: { results: [] } } }, { immediate: false })\n\n// Wait until everything mounted and loaded tu ensure that the catalog list is available and selected catalog from edit mode is available\nconst isReady = computed(() => hasMounted.value && !!catalogListData.value && isQueryReady.value)\n\nwatch(error, () => {\n  console.error(error.value)\n})\n\nconst hasResults = computed(() => {\n  return catalogListData?.value?.data?.result?.results?.length > 0\n})\n\nconst hasOneResultOnly = computed(() => {\n  return hasResults && catalogListData?.value?.data?.result?.results?.length === 1\n})\n\n/**\n * Computes list of users' authorized catalogs in { id: string; name: string } format\n */\nconst authorizedCatalogs = computed(() => {\n  if (!hasResults.value || !isQueryReady.value) return []\n\n  const allCatalogs = catalogListData.value?.data?.result?.results || []\n  const authorizedCatalogs = allCatalogs.filter(catalog => userCats.value?.includes(catalog.id))\n\n  // map to { id: string; name: string } pairs\n  const authorizedCatalogsDataModel = authorizedCatalogs.map((catalog) => {\n    const id = catalog?.id || ''\n    let title = ''\n\n    if (!catalog?.title) title = id\n    else if (typeof catalog?.title === 'string') title = catalog?.title\n    else if (typeof catalog?.title === 'object') title =\n      catalog?.title[locale.value]\n      || catalog?.title[fallbackLocale.value]\n      || Object.values(catalog?.title)?.[0]\n      || id\n\n    return { id, name: title || id }\n  });\n  return authorizedCatalogsDataModel\n})\n\nwatch(hasOneResultOnly, (yes) => {\n  if (yes) {\n    const result = catalogListData.value.data.result.results[0]\n    setvalue({ id: result.id, name: result.name })\n  }\n}, { immediate: true })\n\nonMounted(async () => {\n  // When editing, we can restore the selected catalog id immediately, but we rely on fetching from hub-search for its catalog title.\n  // So we need to wait until everything is fetched before proceeding further.\n  await filterCatList()\n  await nextTick()\n  // todo: can this be made more robust by using dpiContext.value.edit?.id?\n  const catalogIdToLoadForEdit = getNode?.('dcat:catalog')?.value || undefined\n  const maybeFoundCatalogFromQuery = authorizedCatalogs.value?.find(item => item.id === catalogIdToLoadForEdit)\n  if (maybeFoundCatalogFromQuery) {\n    setvalue({ id: maybeFoundCatalogFromQuery.id, name: maybeFoundCatalogFromQuery.name })\n  }\n  await nextTick()\n  hasMounted.value = true\n});\n\n// Disable select option if in edit mode\n// Note: Decision is made due to a backend limitation that causes dataset duplicates to occur when changing a catalog\nconst isDisabled = computed(() => {\n  const isInEditMode = dpiContext.value.edit?.enabled\n\n  // If duplicate, do not disable select option so that they can duplicate datasets into different catalogs\n  // todo: code debt due to code replication; usage of localStorage kind of weird here -> see DraftsPage for more on this.\n  // We use localStorage to track if the intent is to duplicate or not\n  const isDuplicate = localStorage?.getItem('dpi_duplicate')\n\n  return isInEditMode && !isDuplicate\n})\n\n</script>\n<style>\n.catSelectList {\n  width: 97.3% !important;\n  margin: 0 1rem;\n}\n\n.selectListFK {\n\n  max-height: 20rem;\n  overflow: overlay;\n  overflow-x: hidden;\n}\n</style>\n"],"names":["props","__props","dpiContext","useDpiContext","locale","fallbackLocale","useI18n","userCats","computed","store","showList","ref","useStore","dropdownList","env","useRuntimeEnv","selectedCatalogTitle","selectedCatalogId","hasMounted","onClickOutside","event","setvalue","e","filterCatList","catalogListData","isQueryReady","error","useAsyncState","axios","isReady","watch","hasResults","_d","_c","_b","_a","hasOneResultOnly","authorizedCatalogs","catalog","id","title","yes","result","onMounted","nextTick","catalogIdToLoadForEdit","getNode","maybeFoundCatalogFromQuery","item","isDisabled","isInEditMode","isDuplicate"],"mappings":"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"}
+{"version":3,"file":"SimpleSelect.vue.mjs","sources":["../../../lib/data-provider-interface/components/SimpleSelect.vue"],"sourcesContent":["<template>\n  <div class=\"formkitProperty\">\n    <h4>{{ props.context.label }}</h4>\n    <div class=\"position-relative formkitCmpWrap\">\n\n      <div v-if=\"isReady\">\n\n        <!-- Hidden input that contains the actual catalog id. We rely on that to pass the catalog id to backend later -->\n        <FormKit v-show=\"false\" v-model=\"selectedCatalogId\" :name=\"`${props.context.node.name}`\" type=\"text\" />\n\n        <!-- User-facing input that displays the name of the selected catalog -->\n        <FormKit\n          class=\"autocompleteInputfield\"\n          v-model=\"selectedCatalogTitle\"\n          :placeholder=\"props.context.attrs.placeholder\"\n          type=\"text\" \n          validation=\"required\"\n          mandatory=\"true\"\n          :validation-messages=\"{\n            required: props.context.attrs.placeholder,\n          }\" :name=\"`${props.context.node.name}__displayedValue`\"\n          :disabled=\"isDisabled\"\n          @click=\"showList = !showList\"\n        />\n        <ul ref=\"dropdownList\" v-show=\"showList\" class=\"autocompleteResultList selectListFK catSelectList\">\n          <li v-for=\"match in authorizedCatalogs\" :key=\"match\" @click=\"setvalue(match)\"\n            class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">{{\n              match.name }}\n          </li>\n          <li v-if=\"authorizedCatalogs.length === 0\" v-for=\"idMatch in userCats\" :key=\"idMatch\" @click=\"setvalue(idMatch)\"\n            class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">{{\n              idMatch }}\n          </li>\n        </ul>\n      </div>\n    </div>\n  </div>\n\n</template>\n<script setup>\nimport { ref, computed, onMounted, watch, nextTick } from 'vue';\nimport { useStore } from 'vuex';\nimport { getNode } from '@formkit/core'\nimport { onClickOutside } from '@vueuse/core'\nimport axios from 'axios'\nimport { useRuntimeEnv } from \"../../composables/useRuntimeEnv.ts\";\nimport { useI18n } from 'vue-i18n';\nimport { useAsyncState } from '@vueuse/core';\nimport { FormKit } from '@formkit/vue';\nimport { useDpiContext } from '../composables/useDpiContext';\n\nconst props = defineProps({\n  context: Object\n})\n\nconst dpiContext = useDpiContext()\nconst { locale, fallbackLocale } = useI18n({ useScope: 'global' })\n\nconst userCats = computed(() => store.getters['auth/getUserCatalogIds']);\nconst showList = ref(false)\nconst store = useStore()\nconst dropdownList = ref(null)\nconst env = useRuntimeEnv()\nconst selectedCatalogTitle = ref('')\nconst selectedCatalogId = ref('')\nconst hasMounted = ref(false)\n\nonClickOutside(dropdownList, event => showList.value = false)\n\nconst setvalue = async (e) => {\n  if (e.id) {\n    selectedCatalogId.value = e.id\n    selectedCatalogTitle.value = e?.name || e.id\n  } else {\n    selectedCatalogId.value = e\n    selectedCatalogTitle.value = e\n  }\n\n  showList.value = false\n}\n\nconst { execute: filterCatList, state: catalogListData, isReady: isQueryReady, error } = useAsyncState(async () => {\n  const catalogListData = await axios.get(env.api.baseUrl + 'search?filter=catalogue&limit=1000')\n  return catalogListData\n}, { data: { result: { results: [] } } }, { immediate: false })\n\n// Wait until everything mounted and loaded tu ensure that the catalog list is available and selected catalog from edit mode is available\nconst isReady = computed(() => hasMounted.value && !!catalogListData.value && isQueryReady.value)\n\nwatch(error, () => {\n  console.error(error.value)\n})\n\nconst hasResults = computed(() => {\n  return catalogListData?.value?.data?.result?.results?.length > 0\n})\n\nconst hasOneResultOnly = computed(() => {\n  return hasResults && catalogListData?.value?.data?.result?.results?.length === 1\n})\n\n/**\n * Computes list of users' authorized catalogs in { id: string; name: string } format\n */\nconst authorizedCatalogs = computed(() => {\n  if (!hasResults.value || !isQueryReady.value) return []\n\n  const allCatalogs = catalogListData.value?.data?.result?.results || []\n  const authorizedCatalogs = allCatalogs.filter(catalog => userCats.value?.includes(catalog.id))\n\n  // map to { id: string; name: string } pairs\n  const authorizedCatalogsDataModel = authorizedCatalogs.map((catalog) => {\n    const id = catalog?.id || ''\n    let title = ''\n\n    if (!catalog?.title) title = id\n    else if (typeof catalog?.title === 'string') title = catalog?.title\n    else if (typeof catalog?.title === 'object') title =\n      catalog?.title[locale.value]\n      || catalog?.title[fallbackLocale.value]\n      || Object.values(catalog?.title)?.[0]\n      || id\n\n    return { id, name: title || id }\n  });\n  return authorizedCatalogsDataModel\n})\n\nwatch(hasOneResultOnly, (yes) => {\n  if (yes) {\n    const result = catalogListData.value.data.result.results[0]\n    setvalue({ id: result.id, name: result.name })\n  }\n}, { immediate: true })\n\nonMounted(async () => {\n  // When editing, we can restore the selected catalog id immediately, but we rely on fetching from hub-search for its catalog title.\n  // So we need to wait until everything is fetched before proceeding further.\n  await filterCatList()\n  await nextTick()\n  const catalogIdToLoadForEdit =\n    dpiContext.value.edit?.catalog\n    || getNode?.('catalog')?.value\n    || getNode?.('dcat:catalog')?.value\n    || getNode?.('dct:catalog')?.value\n    || undefined\n  const maybeFoundCatalogFromQuery = authorizedCatalogs.value?.find(item => item.id === catalogIdToLoadForEdit)\n  if (maybeFoundCatalogFromQuery) {\n    setvalue({ id: maybeFoundCatalogFromQuery.id, name: maybeFoundCatalogFromQuery.name })\n  }\n  await nextTick()\n  hasMounted.value = true\n});\n\n// Disable select option if in edit mode\n// Note: Decision is made due to a backend limitation that causes dataset duplicates to occur when changing a catalog\nconst isDisabled = computed(() => {\n  const isInEditMode = dpiContext.value.edit?.enabled\n\n  // If duplicate, do not disable select option so that they can duplicate datasets into different catalogs\n  // todo: code debt due to code replication; usage of localStorage kind of weird here -> see DraftsPage for more on this.\n  // We use localStorage to track if the intent is to duplicate or not\n  const isDuplicate = localStorage?.getItem('dpi_duplicate')\n\n  return isInEditMode && !isDuplicate\n})\n\n</script>\n<style>\n.catSelectList {\n  width: 97.3% !important;\n  margin: 0 1rem;\n}\n\n.selectListFK {\n\n  max-height: 20rem;\n  overflow: overlay;\n  overflow-x: hidden;\n}\n</style>\n"],"names":["props","__props","dpiContext","useDpiContext","locale","fallbackLocale","useI18n","userCats","computed","store","showList","ref","useStore","dropdownList","env","useRuntimeEnv","selectedCatalogTitle","selectedCatalogId","hasMounted","onClickOutside","event","setvalue","e","filterCatList","catalogListData","isQueryReady","error","useAsyncState","axios","isReady","watch","hasResults","_d","_c","_b","_a","hasOneResultOnly","authorizedCatalogs","catalog","id","title","yes","result","onMounted","nextTick","catalogIdToLoadForEdit","getNode","_e","_g","_f","maybeFoundCatalogFromQuery","_h","item","isDisabled","isInEditMode","isDuplicate"],"mappings":"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"}

package/dist/data-provider-interface/composables/useDpiContext.d.ts

@@ -12,6 +12,7 @@ export interface DpiContext {
     specificationName: string;
     edit?: {
         enabled?: boolean;
+        catalog?: string;
         id?: string;
         fromDraft?: boolean;
     };

package/dist/data-provider-interface/composables/useDpiContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDpiContext.mjs","sources":["../../../lib/data-provider-interface/composables/useDpiContext.ts"],"sourcesContent":["import { FormKitLibrary } from \"@formkit/core\"\nimport { computed, ComputedRef, getCurrentInstance, inject, InjectionKey, MaybeRefOrGetter, provide, toValue } from \"vue\"\n\nexport interface DpiSpecification {\n  pageConent?: object\n  inputDefinition: object\n  prefixes: object\n  formatTypes: object\n  vocabPrefixes: object\n}\n\nexport interface DpiContext {\n  specification: DpiSpecification\n  specificationName: string\n  edit?: {\n    enabled?: boolean\n    id?: string\n    fromDraft?: boolean\n  }\n}\n\nexport type ComputedDpiContext = ComputedRef<DpiContext>\n\nexport const dpiContextKey: InjectionKey<ComputedDpiContext> = Symbol('dpiContext')\n\nexport function useDpiContext(): ComputedDpiContext {\n  const dpiContext = inject(dpiContextKey)\n\n  if (!dpiContext) {\n    throw new Error('[useDpiContext] DPI Context not found. Did you forget to inject it?')\n  }\n\n  return dpiContext\n}\n\nexport function setupDpiContext(context: MaybeRefOrGetter<DpiContext>) {\n  provide(dpiContextKey, computed(() => toValue(context)))\n}"],"names":["dpiContextKey","useDpiContext","dpiContext","inject","setupDpiContext","context","provide","computed","toValue"],"mappings":";AAuBa,MAAAA,IAAkD,OAAO,YAAY;AAE3E,SAASC,IAAoC;AAC5C,QAAAC,IAAaC,EAAOH,CAAa;AAEvC,MAAI,CAACE;AACG,UAAA,IAAI,MAAM,qEAAqE;AAGhF,SAAAA;AACT;AAEO,SAASE,EAAgBC,GAAuC;AACrE,EAAAC,EAAQN,GAAeO,EAAS,MAAMC,EAAQH,CAAO,CAAC,CAAC;AACzD;"}
+{"version":3,"file":"useDpiContext.mjs","sources":["../../../lib/data-provider-interface/composables/useDpiContext.ts"],"sourcesContent":["import { FormKitLibrary } from \"@formkit/core\"\nimport { computed, ComputedRef, getCurrentInstance, inject, InjectionKey, MaybeRefOrGetter, provide, toValue } from \"vue\"\n\nexport interface DpiSpecification {\n  pageConent?: object\n  inputDefinition: object\n  prefixes: object\n  formatTypes: object\n  vocabPrefixes: object\n}\n\nexport interface DpiContext {\n  specification: DpiSpecification\n  specificationName: string\n  edit?: {\n    enabled?: boolean\n    catalog?: string\n    id?: string\n    fromDraft?: boolean\n  }\n}\n\nexport type ComputedDpiContext = ComputedRef<DpiContext>\n\nexport const dpiContextKey: InjectionKey<ComputedDpiContext> = Symbol('dpiContext')\n\nexport function useDpiContext(): ComputedDpiContext {\n  const dpiContext = inject(dpiContextKey)\n\n  if (!dpiContext) {\n    throw new Error('[useDpiContext] DPI Context not found. Did you forget to inject it?')\n  }\n\n  return dpiContext\n}\n\nexport function setupDpiContext(context: MaybeRefOrGetter<DpiContext>) {\n  provide(dpiContextKey, computed(() => toValue(context)))\n}"],"names":["dpiContextKey","useDpiContext","dpiContext","inject","setupDpiContext","context","provide","computed","toValue"],"mappings":";AAwBa,MAAAA,IAAkD,OAAO,YAAY;AAE3E,SAASC,IAAoC;AAC5C,QAAAC,IAAaC,EAAOH,CAAa;AAEvC,MAAI,CAACE;AACG,UAAA,IAAI,MAAM,qEAAqE;AAGhF,SAAAA;AACT;AAEO,SAASE,EAAgBC,GAAuC;AACrE,EAAAC,EAAQN,GAAeO,EAAS,MAAMC,EAAQH,CAAO,CAAC,CAAC;AACzD;"}

package/dist/data-provider-interface/config/dcatapde/input-definition.mjs

@@ -1220,8 +1220,9 @@ const t = {
     catalog: {
       identifier: "catalog",
       $formkit: "simpleSelect",
-      name: "dcat:catalog",
-      id: "dcat:catalog",
+      // Intentionally not setting something like dcat:catalog here
+      // Because we don't neeed catalog to be part of the payload
+      name: "catalog",
       class: "property mandatory",
       options: {},
       classes: { outer: "formkitProperty formkitCmpWrap mx-0 my-3 p-3" }