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

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

@@ -1,4 +1,4 @@
-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 { computed as a, ref as y, watch as z, onMounted as Z, nextTick as E, openBlock as d, createElementBlock as m, createElementVNode as V, toDisplayString as w, createTextVNode as k, withDirectives as N, createVNode as O, 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";
@@ -14,92 +14,93 @@ const ne = { class: "formkitProperty" }, ie = { class: "position-relative formki
     context: Object
   },
   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);
+    const i = B, L = re(), { locale: K, fallbackLocale: Q } = oe({ useScope: "global" }), S = a(() => 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) => {
+    const x = 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(_, () => {
+    }, { 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 = a(() => D.value && !!n.value && F.value);
+    z(_, () => {
       console.error(_.value);
     });
-    const z = u(() => {
+    const $ = a(() => {
       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(() => {
+    }), J = a(() => {
       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) => {
+      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) === 1;
+    }), h = a(() => {
+      var o, p, c;
+      return !$.value || !F.value ? [] : (((c = (p = (o = n.value) == null ? void 0 : o.data) == null ? void 0 : p.result) == null ? void 0 : c.results) || []).filter((t) => {
         var r;
         return (r = S.value) == null ? void 0 : r.includes(t.id);
       }).map((t) => {
-        var c;
+        var f;
         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 };
+        let u = "";
+        return t != null && t.title ? typeof (t == null ? void 0 : t.title) == "string" ? u = t == null ? void 0 : t.title : typeof (t == null ? void 0 : t.title) == "object" && (u = (t == null ? void 0 : t.title[K.value]) || (t == null ? void 0 : t.title[Q.value]) || ((f = Object.values(t == null ? void 0 : t.title)) == null ? void 0 : f[0]) || r) : u = r, { id: r, name: u || r };
       });
     });
-    E(J, (l) => {
+    z(J, (l) => {
       if (l) {
         const e = n.value.data.result.results[0];
-        k({ id: e.id, name: e.name });
+        x({ id: e.id, name: e.name });
       }
     }, { 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;
+      var s, o, p, c, t, r, u, f;
+      await G(), await E();
+      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 = (c = I) == null ? void 0 : c("dcat:catalog")) == null ? void 0 : t.value) || ((u = (r = I) == null ? void 0 : r("dct:catalog")) == null ? void 0 : u.value) || void 0, e = (f = h.value) == null ? void 0 : f.find((Y) => Y.id === l);
+      e && x({ id: e.id, name: e.name }), await E(), D.value = !0;
     });
-    const X = u(() => {
+    const X = a(() => {
       var s;
       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) => (a(), d("div", ne, [
-      V("h4", null, w(m.context.label), 1),
-      e[6] || (e[6] = x()),
+    return (l, e) => (d(), m("div", ne, [
+      V("h4", null, w(i.context.label), 1),
+      e[6] || (e[6] = k()),
       V("div", ie, [
-        H.value ? (a(), d("div", ue, [
-          O($(T(q), {
+        H.value ? (d(), m("div", ue, [
+          N(O(T(q), {
             modelValue: b.value,
             "onUpdate:modelValue": e[0] || (e[0] = (s) => b.value = s),
-            name: `${m.context.node.name}`,
+            name: `${i.context.node.name}`,
+            id: `${i.context.node.id || i.context.node.name}`,
             type: "text"
-          }, null, 8, ["modelValue", "name"]), [
+          }, null, 8, ["modelValue", "name", "id"]), [
             [U, !1]
           ]),
-          e[4] || (e[4] = x()),
-          $(T(q), {
+          e[4] || (e[4] = k()),
+          O(T(q), {
             class: "autocompleteInputfield",
             modelValue: C.value,
             "onUpdate:modelValue": e[1] || (e[1] = (s) => C.value = s),
-            placeholder: m.context.attrs.placeholder,
+            placeholder: i.context.attrs.placeholder,
             type: "text",
             validation: "required",
             mandatory: "true",
             "validation-messages": {
-              required: m.context.attrs.placeholder
+              required: i.context.attrs.placeholder
             },
-            name: `${m.context.node.name}__displayedValue`,
+            name: `${i.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] = x()),
-          O(V("ul", {
+          e[5] || (e[5] = k()),
+          N(V("ul", {
             ref_key: "dropdownList",
             ref: R,
             class: "autocompleteResultList selectListFK catSelectList"
           }, [
-            (a(!0), d(j, null, A(h.value, (s) => (a(), d("li", {
+            (d(!0), m(j, null, A(h.value, (s) => (d(), m("li", {
               key: s,
-              onClick: (o) => k(s),
+              onClick: (o) => x(s),
               class: "p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC"
             }, 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", {
+            e[3] || (e[3] = k()),
+            h.value.length === 0 ? (d(!0), m(j, { key: 0 }, A(S.value, (s) => (d(), m("li", {
               key: s,
-              onClick: (o) => k(s),
+              onClick: (o) => x(s),
               class: "p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC"
             }, w(s), 9, de))), 128)) : M("", !0)
           ], 512), [

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  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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"}
+{"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}`\" :id=\"`${props.context.node.id || 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":";;;;;;;;;;;;;;;;AAmDA,UAAMA,IAAQC,GAIRC,IAAaC,GAAc,GAC3B,EAAE,QAAAC,GAAQ,gBAAAC,EAAgB,IAAGC,GAAQ,EAAE,UAAU,UAAU,GAE3DC,IAAWC,EAAS,MAAMC,EAAM,QAAQ,wBAAwB,CAAC,GACjEC,IAAWC,EAAI,EAAK,GACpBF,IAAQG,EAAS,GACjBC,IAAeF,EAAI,IAAI,GACvBG,IAAMC,GAAc,GACpBC,IAAuBL,EAAI,EAAE,GAC7BM,IAAoBN,EAAI,EAAE,GAC1BO,IAAaP,EAAI,EAAK;AAE5B,IAAAQ,GAAeN,GAAc,CAAAO,MAASV,EAAS,QAAQ,EAAK;AAE5D,UAAMW,IAAW,OAAOC,MAAM;AAC5B,MAAIA,EAAE,MACJL,EAAkB,QAAQK,EAAE,IAC5BN,EAAqB,SAAQM,KAAA,gBAAAA,EAAG,SAAQA,EAAE,OAE1CL,EAAkB,QAAQK,GAC1BN,EAAqB,QAAQM,IAG/BZ,EAAS,QAAQ;AAAA,IACnB,GAEM,EAAE,SAASa,GAAe,OAAOC,GAAiB,SAASC,GAAc,OAAAC,MAAUC,GAAc,YAC7E,MAAMC,GAAM,IAAId,EAAI,IAAI,UAAU,oCAAoC,GAE7F,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,GAAI,EAAA,KAAM,EAAE,WAAW,IAAO,GAGxDe,IAAUrB,EAAS,MAAMU,EAAW,SAAS,CAAC,CAACM,EAAgB,SAASC,EAAa,KAAK;AAEhG,IAAAK,EAAMJ,GAAO,MAAM;AACjB,cAAQ,MAAMA,EAAM,KAAK;AAAA,IAC3B,CAAC;AAED,UAAMK,IAAavB,EAAS,MAAM;;AAChC,eAAOwB,KAAAC,KAAAC,KAAAC,IAAAX,KAAA,gBAAAA,EAAiB,UAAjB,gBAAAW,EAAwB,SAAxB,gBAAAD,EAA8B,WAA9B,gBAAAD,EAAsC,YAAtC,gBAAAD,EAA+C,UAAS;AAAA,IACjE,CAAC,GAEKI,IAAmB5B,EAAS,MAAM;;AACtC,aAAOuB,OAAcC,KAAAC,KAAAC,KAAAC,IAAAX,KAAA,gBAAAA,EAAiB,UAAjB,gBAAAW,EAAwB,SAAxB,gBAAAD,EAA8B,WAA9B,gBAAAD,EAAsC,YAAtC,gBAAAD,EAA+C,YAAW;AAAA,IACjF,CAAC,GAKKK,IAAqB7B,EAAS,MAAM;;AACxC,aAAI,CAACuB,EAAW,SAAS,CAACN,EAAa,QAAc,CAAC,OAElCQ,KAAAC,KAAAC,IAAAX,EAAgB,UAAhB,gBAAAW,EAAuB,SAAvB,gBAAAD,EAA6B,WAA7B,gBAAAD,EAAqC,YAAW,CAAC,GAC9B,OAAO,CAAAK,MAAO;;AAAI,gBAAAH,IAAA5B,EAAS,UAAT,gBAAA4B,EAAgB,SAASG,EAAQ;AAAA,OAAG,EAGtC,IAAI,CAACA,MAAY;;AACtE,cAAMC,KAAKD,KAAA,gBAAAA,EAAS,OAAM;AAC1B,YAAIE,IAAQ;AAEZ,eAAKF,KAAA,QAAAA,EAAS,QACL,QAAOA,KAAA,gBAAAA,EAAS,UAAU,WAAUE,IAAQF,KAAA,gBAAAA,EAAS,QACrD,QAAOA,KAAA,gBAAAA,EAAS,UAAU,aAAUE,KAC3CF,KAAA,gBAAAA,EAAS,MAAMlC,EAAO,YACnBkC,KAAA,gBAAAA,EAAS,MAAMjC,EAAe,aAC9B8B,IAAA,OAAO,OAAOG,KAAA,gBAAAA,EAAS,KAAK,MAA5B,gBAAAH,EAAgC,OAChCI,KANgBC,IAAQD,GAQtB,EAAE,IAAAA,GAAI,MAAMC,KAASD,EAAG;AAAA,MACnC,CAAG;AAAA,IAEH,CAAC;AAED,IAAAT,EAAMM,GAAkB,CAACK,MAAQ;AAC/B,UAAIA,GAAK;AACP,cAAMC,IAASlB,EAAgB,MAAM,KAAK,OAAO,QAAQ,CAAC;AAC1D,QAAAH,EAAS,EAAE,IAAIqB,EAAO,IAAI,MAAMA,EAAO,MAAM;AAAA,MAC/C;AAAA,IACF,GAAG,EAAE,WAAW,IAAM,GAEtBC,EAAU,YAAY;;AAGpB,YAAMpB,EAAc,GACpB,MAAMqB,EAAS;AACf,YAAMC,MACJV,IAAAjC,EAAW,MAAM,SAAjB,gBAAAiC,EAAuB,cACpBF,KAAAC,IAAAY,MAAA,gBAAAZ,EAAU,eAAV,gBAAAD,EAAsB,YACtBc,KAAAf,IAAAc,MAAA,gBAAAd,EAAU,oBAAV,gBAAAe,EAA2B,YAC3BC,KAAAC,IAAAH,MAAA,gBAAAG,EAAU,mBAAV,gBAAAD,EAA0B,UAC1B,QACCE,KAA6BC,IAAAd,EAAmB,UAAnB,gBAAAc,EAA0B,KAAK,CAAAC,MAAQA,EAAK,OAAOP;AACtF,MAAIK,KACF7B,EAAS,EAAE,IAAI6B,EAA2B,IAAI,MAAMA,EAA2B,MAAM,GAEvF,MAAMN,EAAS,GACf1B,EAAW,QAAQ;AAAA,IACrB,CAAC;UAIKmC,IAAa7C,EAAS,MAAM;;AAChC,YAAM8C,KAAenB,IAAAjC,EAAW,MAAM,SAAjB,gBAAAiC,EAAuB,SAKtCoB,IAAc,6CAAc,QAAQ;AAE1C,aAAOD,KAAgB,CAACC;AAAA,IAC1B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -979,8 +979,10 @@ 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",
+      id: "catalog",
       placeholder: "Catalog",
       classes: { outer: "formkitProperty formkitCmpWrap mx-0 my-3 p-3" }
     },