@piveau/piveau-hub-ui-modules 4.1.3 → 4.1.4

package/dist/data-provider-interface/DPIMenu.vue.mjs

@@ -1,16 +1,16 @@
 import w from "axios";
 import m from "jquery";
 import "lodash-es";
-import { mapGetters as k, mapActions as y } from "vuex";
-import T from "./components/Dropup.vue.mjs";
-import { useWindowScroll as A } from "../external/@vueuse/core/index";
-import { resolveComponent as f, openBlock as d, createElementBlock as h, createElementVNode as l, toDisplayString as c, createTextVNode as u, Fragment as b, renderList as C, createBlock as v, resolveDynamicComponent as U, normalizeClass as q, withCtx as D, renderSlot as S, createVNode as P, createCommentVNode as _, pushScopeId as z, popScopeId as L } from "vue";
+import { mapGetters as $, mapActions as k } from "vuex";
+import A from "./components/Dropup.vue.mjs";
+import { useWindowScroll as T } from "../external/@vueuse/core/index";
+import { resolveComponent as f, openBlock as d, createElementBlock as h, createElementVNode as l, toDisplayString as c, createTextVNode as u, Fragment as y, renderList as b, createBlock as C, resolveDynamicComponent as U, normalizeClass as q, withCtx as D, renderSlot as S, createVNode as P, createCommentVNode as v, pushScopeId as z, popScopeId as L } from "vue";
 import "./DPIMenu.vue2.mjs";
 import O from "../_virtual/_plugin-vue_export-helper.mjs";
 const M = {
   name: "DPI-menu",
   components: {
-    Dropup: T
+    Dropup: A
   },
   props: {},
   data() {
@@ -29,20 +29,20 @@ const M = {
   setup() {
     return {
       scrollToTop: () => {
-        let { x: t, y: o } = A({ behavior: "smooth" });
+        let { x: t, y: o } = T({ behavior: "smooth" });
         o.value = 0;
       }
     };
   },
   computed: {
-    ...k("datasetDetails", [
+    ...$("datasetDetails", [
       "getCatalog",
       "getID",
       "getLoading",
       "getTitle",
       "getDescription"
     ]),
-    ...k("auth", [
+    ...$("auth", [
       "getUserData"
     ]),
     menuGroups() {
@@ -203,10 +203,10 @@ const M = {
     }
   },
   methods: {
-    ...y("auth", [
+    ...k("auth", [
       "updateUserData"
     ]),
-    ...y("snackbar", [
+    ...k("snackbar", [
       "showSnackbar"
     ]),
     setupKeycloakWatcher() {
@@ -311,7 +311,7 @@ const M = {
   created() {
     this.setupKeycloakWatcher();
   }
-}, N = (e) => (z("data-v-b7e3f9d7"), e = e(), L(), e), R = {
+}, N = (e) => (z("data-v-6f96de4e"), e = e(), L(), e), R = {
   id: "wrapper",
   "data-cy": "dpi-menu"
 }, x = { key: 0 }, E = { class: "text-white" }, H = { style: { "margin-top": "1%" } }, F = { class: "btn-group dropup" }, B = {
@@ -322,7 +322,7 @@ const M = {
   class: "btn btn-default logout"
 };
 function K(e, t, o, s, a, r) {
-  const i = f("dropup"), g = f("router-link"), I = f("app-confirmation-dialog");
+  const i = f("dropup"), g = f("router-link"), _ = f("app-confirmation-dialog");
   return d(), h("div", R, [
     a.visible ? (d(), h("nav", x, [
       l("div", null, [
@@ -330,9 +330,8 @@ function K(e, t, o, s, a, r) {
       ]),
       u(),
       l("div", H, [
-        (d(!0), h(b, null, C(r.menuGroups, (n, p) => (d(), v(i, {
+        (d(!0), h(y, null, b(r.menuGroups, (n, p) => (d(), C(i, {
           key: `Group${p}`,
-          onClick: t[0] || (t[0] = ($) => s.scrollToTop()),
           groupName: n.group,
           groupItems: n.items,
           show: e.$env.content.dataProviderInterface.buttons[n.group],
@@ -342,18 +341,18 @@ function K(e, t, o, s, a, r) {
         u(),
         l("ul", null, [
           l("div", F, [
-            (d(!0), h(b, null, C(r.menuItems, (n, p) => (d(), h("li", {
+            (d(!0), h(y, null, b(r.menuItems, (n, p) => (d(), h("li", {
               key: `Menu${p}`
             }, [
               l("button", {
                 type: "button",
                 class: "btn btn-default",
-                onClick: t[1] || (t[1] = ($) => s.scrollToTop())
+                onClick: t[0] || (t[0] = (I) => s.scrollToTop())
               }, [
-                (d(), v(U(n.handler ? "button" : "router-link"), {
+                (d(), C(U(n.handler ? "button" : "router-link"), {
                   class: q({ disabled: n.disabled }),
                   to: n.to,
-                  onClick: ($) => n.handler ? n.handler() : null
+                  onClick: (I) => n.handler ? n.handler() : null
                 }, {
                   default: D(() => [
                     u(c(n.handler) + " " + c(n.name), 1)
@@ -380,10 +379,10 @@ function K(e, t, o, s, a, r) {
             })
           ])
         ], !0)
-      ])) : _("", !0)
-    ])) : _("", !0),
+      ])) : v("", !0)
+    ])) : v("", !0),
     u(),
-    P(I, {
+    P(_, {
       id: "DPIMenuModal",
       loading: a.modal.loading,
       confirm: a.modal.confirm,
@@ -396,7 +395,7 @@ function K(e, t, o, s, a, r) {
     }, 8, ["loading", "confirm", "onConfirm"])
   ]);
 }
-const se = /* @__PURE__ */ O(M, [["render", K], ["__scopeId", "data-v-b7e3f9d7"]]);
+const se = /* @__PURE__ */ O(M, [["render", K], ["__scopeId", "data-v-6f96de4e"]]);
 export {
   se as default
 };

package/dist/data-provider-interface/DPIMenu.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DPIMenu.vue.mjs","sources":["../../lib/data-provider-interface/DPIMenu.vue"],"sourcesContent":["<template>\n  <div id=\"wrapper\" data-cy=\"dpi-menu\">\n    <nav v-if=\"visible\">\n      <div>\n        <h4 class=\"text-white\">{{ $t('message.dataupload.menu.dpi') }}</h4>\n      </div>\n\n      <div style=\"margin-top:1%;\">\n        <dropup v-for=\"(group, index) in menuGroups\" :key=\"`Group${index}`\" @click=\"scrollToTop()\"\n          :groupName=\"group.group\" :groupItems=\"group.items\"\n          :show=\"$env.content.dataProviderInterface.buttons[group.group]\"\n          :isOperator=\"getUserData.roles.includes('operator')\" :isCatalog=\"group.group === 'Catalogue' ? true : false\">\n        </dropup>\n        <ul>\n          <div class=\"btn-group dropup\">\n            <li v-for=\"(menuItem, index) in menuItems\" :key=\"`Menu${index}`\">\n              <button type=\"button\" class=\"btn btn-default\" @click=\"scrollToTop()\">\n                <!-- Menu items are either buttons or router-link -->\n                <!-- depending if they have a 'to' or 'handler' property -->\n                <component :is=\"menuItem.handler ? 'button' : 'router-link'\" :class=\"{ 'disabled': menuItem.disabled }\"\n                  :to=\"menuItem.to\" @click.native=\"menuItem.handler ? menuItem.handler() : null\">\n                  {{ menuItem.handler }}\n                  {{ menuItem.name }}\n                </component>\n              </button>\n            </li>\n          </div>\n        </ul>\n      </div>\n\n\n      <div v-if=\"getUserData.userName\" class=\"logoutWrap\">\n        <slot name=\"right\" :get-user-data=\"getUserData\">\n          <small class=\"text-white\">{{ $t('message.dataupload.menu.loggedInAs') }} {{ getUserData.userName\n            }}</small><br>\n          <button type=\"button\" class=\"btn btn-default logout\">\n            <router-link :to=\"{ name: 'Logout' }\">{{ $t('message.dataupload.menu.logout') }}</router-link>\n          </button>\n        </slot>\n      </div>\n    </nav>\n\n    <app-confirmation-dialog id=\"DPIMenuModal\" :loading=\"modal.loading\" :confirm=\"modal.confirm\"\n      @confirm=\"modal.confirmHandler\">\n      {{ modal.message }}\n    </app-confirmation-dialog>\n  </div>\n</template>\n\n<script>\nimport axios from 'axios';\nimport $ from 'jquery';\nimport { has, isEmpty } from 'lodash-es';\nimport { mapGetters, mapActions } from 'vuex';\nimport Dropup from './components/Dropup';\nimport { useWindowScroll } from '@vueuse/core'\n\nexport default {\n  name: 'DPI-menu',\n  components: {\n    Dropup\n  },\n  props: {},\n  data() {\n    return {\n      visible: true,\n      modal: {\n        show: false,\n        loading: false,\n        error: null,\n        message: '',\n        confirm: '',\n        confirmHandler: () => null,\n      },\n    };\n  },\n  setup() {\n    const scrollToTop = () => {\n      let { x, y } = useWindowScroll({ behavior: 'smooth' })\n      y.value = 0\n\n    }\n    return {\n      scrollToTop\n    }\n  },\n  computed: {\n    ...mapGetters('datasetDetails', [\n      'getCatalog',\n      'getID',\n      'getLoading',\n      'getTitle',\n      'getDescription',\n    ]),\n    ...mapGetters('auth', [\n      'getUserData',\n    ]),\n    menuGroups() {\n      return [\n        {\n          group: 'Dataset',\n          items: [\n            {\n              key: 'create-dataset',\n              name: this.$t('message.dataupload.createDataset'),\n              to: {\n                name: 'DataProviderInterface-Input',\n                query: { locale: this.$route.query.locale, edit: false }, // if edit is false -> reset is triggered\n                params: { property: 'datasets' },\n              },\n            },\n            {\n              name: this.$t('message.dataupload.menu.deleteDataset'),\n              disabled: !this.isLocatedOnAuthorizedDatasetPage,\n              handler: () => {\n                this.modal = {\n                  ...this.modal,\n                  ...{\n                    message: this.$t('message.dataupload.menu.datasetDeletion.message'),\n                    confirm: this.$t('message.dataupload.menu.datasetDeletion.confirm'),\n                    confirmHandler: () => this.handleDelete({ id: this.getID, property: 'datasets', catalog: this.getCatalog.id }),\n                  },\n                };\n                $('#modal').modal({ show: true });\n              },\n            },\n            {\n              key: 'edit-dataset',\n              name: this.$t('message.dataupload.menu.editDataset'),\n              onlyAuthorizedDatasetPage: true,\n              disabled: !this.isLocatedOnAuthorizedDatasetPage,\n              to: {\n                name: 'DataProviderInterface-Edit',\n                params: {\n                  catalog: this.getCatalog.id || 'undefined',\n                  property: 'datasets',\n                  id: this.getID || 'undefined',\n                },\n                query: {\n                  draft: false,\n                  locale: this.$route.query.locale,\n                },\n              },\n            },\n            {\n              key: 'draft-dataset',\n              name: this.$t('message.dataupload.menu.setToDraft'),\n              disabled: !this.isLocatedOnAuthorizedDatasetPage,\n              handler: () => {\n                this.modal = {\n                  ...this.modal,\n                  ...{\n                    message: this.$t('message.dataupload.menu.markAsDraft.message'),\n                    confirm: this.$t('message.dataupload.menu.markAsDraft.confirm'),\n                    confirmHandler: () => this.handleMarkAsDraft({\n                      id: this.getID, catalog: this.getCatalog.id, title: this.getTitle, description: this.getDescription,\n                    }),\n                  },\n                };\n                $('#modal').modal({ show: true });\n              },\n            },\n            {\n              key: 'register-dataset',\n              name: this.$t('message.dataupload.menu.registerDoi'),\n              disabled: !this.isLocatedOnAuthorizedDatasetPage,\n              handler: () => {\n                this.modal = {\n                  ...this.modal,\n                  ...{\n                    message: this.$t('message.dataupload.menu.registerADoi.message'),\n                    confirm: this.$t('message.dataupload.menu.registerADoi.confirm'),\n                    confirmHandler: () => this.handleRegisterDoi({ id: this.getID, catalog: this.getCatalog.id, type: this.$env.content.dataProviderInterface.doiRegistrationService.persistentIdentifierType || 'mock' }),\n                  },\n                };\n                $('#modal').modal({ show: true });\n              },\n            },\n          ],\n        },\n        {\n          group: 'Catalogue',\n          items: [\n            {\n              name: 'Create Catalogue',\n              to: {\n                name: 'DataProviderInterface-Input',\n                query: { locale: this.$route.query.locale, edit: false },\n                params: { property: 'catalogues' }\n              },\n            },\n            {\n              name: 'Delete Catalogue',\n              disabled: !this.isLocatedOnAuthorizedCatalogPage,\n              handler: () => {\n                this.modal = {\n                  ...this.modal,\n                  ...{\n                    message: 'Are you sure you want to delete this catalogue? This can not be reverted!',\n                    confirm: 'Delete catlogue (irreversible)',\n                    confirmHandler: () => this.handleDelete({ id: this.$route.params.ctlg_id, property: 'catalogues', catalog: this.$route.params.ctlg_id }),\n                  },\n                };\n                $('#modal').modal({ show: true });\n              }\n            },\n            {\n              name: 'Edit Catalog',\n              onlyAuthorizedDatasetPage: true,\n              disabled: !this.isLocatedOnAuthorizedCatalogPage,\n              to: {\n                name: 'DataProviderInterface-Edit',\n                params: {\n                  catalog: this.$route.params.ctlg_id ? this.$route.params.ctlg_id : 'undefined',\n                  property: 'catalogues',\n                  id: this.getID || 'undefined',\n                },\n                query: {\n                  draft: false,\n                  locale: this.$route.query.locale,\n                }\n              }\n            },\n          ],\n        },\n      ];\n    },\n    menuItems() {\n      return [\n        {\n          name: this.$t('message.dataupload.menu.draftDatasets'),\n          to: { name: 'DataProviderInterface-Draft', query: { locale: this.$route.query.locale } },\n        },\n        {\n          name: 'My Catalogues',\n          to: { name: 'DataProviderInterface-UserCatalogues', query: { locale: this.$route.query.locale } },\n        },\n        {\n          name: 'User profile',\n          to: { name: 'DataProviderInterface-UserProfile', query: { locale: this.$route.query.locale } },\n        },\n      ];\n    },\n    isLocatedOnAuthorizedDatasetPage() {\n      // Never return true while loading\n      if (this.getLoading) return false;\n\n      // Is the user located on the correct page?\n      const isOnDatasetDetailsPage = this.$route.name === 'DatasetDetailsDataset';\n      if (!isOnDatasetDetailsPage) return false;\n      const datasetId = isOnDatasetDetailsPage && this.$route.params.ds_id;\n\n      // Does user have permission on dataset (based on current datasetDetails state)?\n      const permissions = this.getUserData && this.getUserData.permissions;\n      const catalogId = this.getCatalog && this.getCatalog.id;\n      const hasPermission = permissions.find(permission => permission.rsname === catalogId);\n\n      // Does the user have permission on the current dataset details page?\n      return hasPermission\n        && isOnDatasetDetailsPage\n        && datasetId === this.getID;\n    },\n    isLocatedOnAuthorizedCatalogPage() {\n      // never return true while loading\n      if (this.getLoading) return false;\n\n      // is the user located on the correct page?\n      const onCatalogPage = this.$route.name === 'CatalogueDetails';\n      if (!onCatalogPage) return false;\n      const catalogId = onCatalogPage && this.$route.params.ctlg_id;\n\n      const permissions = this.getUserData && this.getUserData.permissions;\n      const hasPermission = permissions.find(permission => permission.rsname === catalogId);\n\n      // does user have permission on current catalogue\n      return hasPermission && onCatalogPage;\n    }\n  },\n  methods: {\n    ...mapActions('auth', [\n      'updateUserData',\n    ]),\n    ...mapActions('snackbar', [\n      'showSnackbar',\n    ]),\n    setupKeycloakWatcher() {\n      if (this.$keycloak && this.$keycloak.authenticated) {\n        // Set up watcher here since we this.$keycloak might not be available.\n        // If this.$keycloak is ensured, move this watcher out of this created hook.\n        this.$watch('$keycloak.token', async (newToken) => {\n          if (!newToken) return;\n\n          let rtpToken = this.$keycloak.rtpToken;\n          if (!rtpToken) {\n            const rtpTokenFn = this.$keycloak.getRtpToken;\n            if (rtpTokenFn) {\n              const res = (await rtpTokenFn({ autoRefresh: true }));\n              rtpToken = res;\n            }\n          }\n\n          this.updateUserData({\n            authToken: newToken,\n            rtpToken: rtpToken,\n            hubUrl: this.$env.api.hubUrl,\n          });\n        }, { immediate: true });\n\n        this.$watch('$keycloak.rtpToken', (newRtpToken) => {\n          if (!newRtpToken) return;\n\n          this.updateUserData({\n            authToken: this.$keycloak.token,\n            rtpToken: newRtpToken,\n            hubUrl: this.$env.api.hubUrl,\n          });\n        });\n      }\n    },\n    async handleConfirm(action, argsObj, { successMessage, errorMessage }) {\n      this.modal.loading = true;\n      try {\n        // Sleep for 250ms for better UX\n        this.$Progress.start();\n        await new Promise(resolve => setTimeout(resolve, 250));\n\n        this.$Progress.set(25);\n        await this.$store.dispatch(action, argsObj);\n\n        // Successful DOI registration\n        this.showSnackbar({\n          message: successMessage,\n          variant: 'success',\n        });\n        await new Promise(resolve => setTimeout(resolve, 250));\n\n        this.$Progress.finish();\n      } catch (ex) {\n        this.$Progress.fail();\n        // eslint-disable-next-line no-console\n        console.error(ex);\n\n        const maybeErrorStatusMsg = ex.response && ex.response.data && ex.response.data.message;\n\n        let customErrorMessage = typeof errorMessage === 'string' && errorMessage;\n        customErrorMessage = typeof errorMessage === 'function' && errorMessage(ex);\n        customErrorMessage = typeof errorMessage === 'object' && errorMessage.prefix && `${errorMessage.prefix}${maybeErrorStatusMsg && ` — ${maybeErrorStatusMsg}`}`;\n\n        const errorMsg = customErrorMessage || maybeErrorStatusMsg || ex.message || 'An error occurred';\n        // show snackbar\n        this.showSnackbar({\n          message: errorMsg,\n          variant: 'error',\n        });\n      } finally {\n        this.modal.loading = false;\n        $('#modal').modal('hide');\n      }\n    },\n    async handleRegisterDoi({ id, catalog, type = 'eu-ra-doi' }) {\n      await this.handleConfirm(\n        'auth/createPersistentIdentifier',\n        { id, catalog, type },\n        {\n          successMessage: this.$te('message.snackbar.doiRegistration.success') ? this.$t('message.snackbar.doiRegistration.success') : 'Successfully registered DOI',\n          errorMessage: { prefix: this.$te('message.snackbar.doiRegistration.error') ? this.$t('message.snackbar.doiRegistration.error') : 'DOI registration failed' },\n        },\n      );\n    },\n    async handleMarkAsDraft({\n      id, catalog, title, description,\n    }) {\n      await this.handleConfirm('auth/putDatasetToDraft', {\n        id, catalog, title, description,\n      }, {\n        successMessage: this.$te('message.snackbar.markAsDraft.success') ? this.$t('message.snackbar.markAsDraft.success') : 'Dataset successfully marked as draft',\n        errorMessage: { prefix: this.$te('message.snackbar.markAsDraft.error') ? this.$t('message.snackbar.markAsDraft.error') : 'Failed to mark dataset as draft' },\n      });\n\n      this.$router.push({ name: 'DataProviderInterface-Draft', query: { locale: this.$route.query.locale } }).catch(() => { });\n    },\n    async handleDelete({ id, property, catalog }) {\n      // todo: create user dataset api (and maybe integrate to store)\n      // For now, do request manually using axios\n\n      this.modal.loading = true;\n      this.$Progress.start();\n      try {\n        let endpoint;\n\n        if (property === 'datasets') {\n\n          endpoint = `${this.$env.api.hubUrl}datasets/${id}?useNormalizedId=true&catalogue=${catalog}`;\n        } else if (property === 'catalogues') {\n          endpoint = `${this.$env.api.hubUrl}catalogues/${id}`\n        }\n\n        await axios.delete(endpoint, {\n\n          headers: {\n            'Content-Type': 'text/turtle',\n            Authorization: `Bearer ${this.getUserData.rtpToken}`,\n          },\n        });\n\n        let successMessage;\n        if (property === 'datasets') {\n          successMessage = this.$te('message.snackbar.deleteDataset.success') ? this.$t('message.snackbar.deleteDataset.success') : 'Dataset successfully deleted';\n        } else if (property === 'catalogues') {\n          successMessage = this.$te('message.snackbar.deleteCatalog.success') ? this.$t('message.snackbar.deleteCatalog.success') : 'Catalog successfully deleted';\n        }\n\n\n        this.showSnackbar({\n          message: successMessage,\n          variant: 'success',\n        });\n        this.$Progress.finish();\n\n        // Redirect to Home\n        this.$router.push({ name: 'Datasets', query: { locale: this.$route.query.locale, refresh: true } }).catch(() => { });\n      } catch (ex) {\n        this.$Progress.fail();\n\n        let errorMessage;\n\n        if (property === 'datasets') {\n          errorMessage = this.$te('message.snackbar.deleteDataset.error') ? this.$t('message.snackbar.deleteDataset.error') : 'Failed to delete dataset';\n        } else if (property === 'catalogues') {\n          errorMessage = this.$te('message.snackbar.deleteCatalog.error') ? this.$t('message.snackbar.deleteCatalog.error') : 'Failed to delete catalog';\n        }\n\n        this.showSnackbar({\n          message: `${errorMessage}${ex.response?.data ? ` — ${ex.response?.data}` : ex.message}`,\n          variant: 'error',\n        });\n      } finally {\n        this.modal.loading = false;\n        $('#modal').modal('hide');\n      }\n    },\n  },\n  created() {\n    this.setupKeycloakWatcher();\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n#wrapper {\n  background: linear-gradient(90deg, #082b7a, #0e47cb);\n  width: 100%;\n  position: sticky;\n  bottom: 0;\n  z-index: 999;\n}\n\nnav {\n  max-width: 1400px;\n  display: flex;\n  flex-direction: row;\n  margin: 0 auto;\n  justify-content: space-between;\n  font-size: 1rem;\n  align-items: center;\n}\n\nul {\n  float: right;\n\n  li {\n    display: inline;\n\n    a {\n      color: white;\n    }\n  }\n}\n\nbutton a {\n  color: white;\n}\n\n.logout {\n  display: block;\n  margin: 0 auto;\n  border: 1px solid white;\n  padding: 0.1rem 1.5rem;\n}\n\n.logoutWrap {\n  width: 13rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n</style>\n"],"names":["_sfc_main","Dropup","x","y","useWindowScroll","mapGetters","$","isOnDatasetDetailsPage","datasetId","permissions","catalogId","permission","onCatalogPage","mapActions","newToken","rtpToken","rtpTokenFn","newRtpToken","action","argsObj","successMessage","errorMessage","resolve","ex","maybeErrorStatusMsg","customErrorMessage","errorMsg","id","catalog","type","title","description","property","endpoint","axios","_a","_b","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_7","_createElementVNode","_openBlock","_createElementBlock","_hoisted_1","$data","_hoisted_2","_toDisplayString","_ctx","_createTextVNode","_Fragment","_renderList","$options","group","index","_createBlock","_component_dropup","$setup","menuItem","_resolveDynamicComponent","_normalizeClass","_withCtx","_hoisted_6","_renderSlot","_hoisted_8","_hoisted_9","_createVNode","_component_router_link","_createCommentVNode","_component_app_confirmation_dialog"],"mappings":"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"}
+{"version":3,"file":"DPIMenu.vue.mjs","sources":["../../lib/data-provider-interface/DPIMenu.vue"],"sourcesContent":["<template>\n  <div id=\"wrapper\" data-cy=\"dpi-menu\">\n    <nav v-if=\"visible\">\n      <div>\n        <h4 class=\"text-white\">{{ $t('message.dataupload.menu.dpi') }}</h4>\n      </div>\n\n      <div style=\"margin-top:1%;\">\n        <dropup v-for=\"(group, index) in menuGroups\" :key=\"`Group${index}`\" \n          :groupName=\"group.group\" :groupItems=\"group.items\"\n          :show=\"$env.content.dataProviderInterface.buttons[group.group]\"\n          :isOperator=\"getUserData.roles.includes('operator')\" :isCatalog=\"group.group === 'Catalogue' ? true : false\">\n        </dropup>\n        <ul>\n          <div class=\"btn-group dropup\">\n            <li v-for=\"(menuItem, index) in menuItems\" :key=\"`Menu${index}`\">\n              <button type=\"button\" class=\"btn btn-default\" @click=\"scrollToTop()\">\n                <!-- Menu items are either buttons or router-link -->\n                <!-- depending if they have a 'to' or 'handler' property -->\n                <component :is=\"menuItem.handler ? 'button' : 'router-link'\" :class=\"{ 'disabled': menuItem.disabled }\"\n                  :to=\"menuItem.to\" @click.native=\"menuItem.handler ? menuItem.handler() : null\">\n                  {{ menuItem.handler }}\n                  {{ menuItem.name }}\n                </component>\n              </button>\n            </li>\n          </div>\n        </ul>\n      </div>\n\n\n      <div v-if=\"getUserData.userName\" class=\"logoutWrap\">\n        <slot name=\"right\" :get-user-data=\"getUserData\">\n          <small class=\"text-white\">{{ $t('message.dataupload.menu.loggedInAs') }} {{ getUserData.userName\n            }}</small><br>\n          <button type=\"button\" class=\"btn btn-default logout\">\n            <router-link :to=\"{ name: 'Logout' }\">{{ $t('message.dataupload.menu.logout') }}</router-link>\n          </button>\n        </slot>\n      </div>\n    </nav>\n\n    <app-confirmation-dialog id=\"DPIMenuModal\" :loading=\"modal.loading\" :confirm=\"modal.confirm\"\n      @confirm=\"modal.confirmHandler\">\n      {{ modal.message }}\n    </app-confirmation-dialog>\n  </div>\n</template>\n\n<script>\nimport axios from 'axios';\nimport $ from 'jquery';\nimport { has, isEmpty } from 'lodash-es';\nimport { mapGetters, mapActions } from 'vuex';\nimport Dropup from './components/Dropup';\nimport { useWindowScroll } from '@vueuse/core'\n\nexport default {\n  name: 'DPI-menu',\n  components: {\n    Dropup\n  },\n  props: {},\n  data() {\n    return {\n      visible: true,\n      modal: {\n        show: false,\n        loading: false,\n        error: null,\n        message: '',\n        confirm: '',\n        confirmHandler: () => null,\n      },\n    };\n  },\n  setup() {\n    const scrollToTop = () => {\n      let { x, y } = useWindowScroll({ behavior: 'smooth' })\n      y.value = 0\n\n    }\n    return {\n      scrollToTop\n    }\n  },\n  computed: {\n    ...mapGetters('datasetDetails', [\n      'getCatalog',\n      'getID',\n      'getLoading',\n      'getTitle',\n      'getDescription',\n    ]),\n    ...mapGetters('auth', [\n      'getUserData',\n    ]),\n    menuGroups() {\n      return [\n        {\n          group: 'Dataset',\n          items: [\n            {\n              key: 'create-dataset',\n              name: this.$t('message.dataupload.createDataset'),\n              to: {\n                name: 'DataProviderInterface-Input',\n                query: { locale: this.$route.query.locale, edit: false }, // if edit is false -> reset is triggered\n                params: { property: 'datasets' },\n              },\n            },\n            {\n              name: this.$t('message.dataupload.menu.deleteDataset'),\n              disabled: !this.isLocatedOnAuthorizedDatasetPage,\n              handler: () => {\n                this.modal = {\n                  ...this.modal,\n                  ...{\n                    message: this.$t('message.dataupload.menu.datasetDeletion.message'),\n                    confirm: this.$t('message.dataupload.menu.datasetDeletion.confirm'),\n                    confirmHandler: () => this.handleDelete({ id: this.getID, property: 'datasets', catalog: this.getCatalog.id }),\n                  },\n                };\n                $('#modal').modal({ show: true });\n              },\n            },\n            {\n              key: 'edit-dataset',\n              name: this.$t('message.dataupload.menu.editDataset'),\n              onlyAuthorizedDatasetPage: true,\n              disabled: !this.isLocatedOnAuthorizedDatasetPage,\n              to: {\n                name: 'DataProviderInterface-Edit',\n                params: {\n                  catalog: this.getCatalog.id || 'undefined',\n                  property: 'datasets',\n                  id: this.getID || 'undefined',\n                },\n                query: {\n                  draft: false,\n                  locale: this.$route.query.locale,\n                },\n              },\n            },\n            {\n              key: 'draft-dataset',\n              name: this.$t('message.dataupload.menu.setToDraft'),\n              disabled: !this.isLocatedOnAuthorizedDatasetPage,\n              handler: () => {\n                this.modal = {\n                  ...this.modal,\n                  ...{\n                    message: this.$t('message.dataupload.menu.markAsDraft.message'),\n                    confirm: this.$t('message.dataupload.menu.markAsDraft.confirm'),\n                    confirmHandler: () => this.handleMarkAsDraft({\n                      id: this.getID, catalog: this.getCatalog.id, title: this.getTitle, description: this.getDescription,\n                    }),\n                  },\n                };\n                $('#modal').modal({ show: true });\n              },\n            },\n            {\n              key: 'register-dataset',\n              name: this.$t('message.dataupload.menu.registerDoi'),\n              disabled: !this.isLocatedOnAuthorizedDatasetPage,\n              handler: () => {\n                this.modal = {\n                  ...this.modal,\n                  ...{\n                    message: this.$t('message.dataupload.menu.registerADoi.message'),\n                    confirm: this.$t('message.dataupload.menu.registerADoi.confirm'),\n                    confirmHandler: () => this.handleRegisterDoi({ id: this.getID, catalog: this.getCatalog.id, type: this.$env.content.dataProviderInterface.doiRegistrationService.persistentIdentifierType || 'mock' }),\n                  },\n                };\n                $('#modal').modal({ show: true });\n              },\n            },\n          ],\n        },\n        {\n          group: 'Catalogue',\n          items: [\n            {\n              name: 'Create Catalogue',\n              to: {\n                name: 'DataProviderInterface-Input',\n                query: { locale: this.$route.query.locale, edit: false },\n                params: { property: 'catalogues' }\n              },\n            },\n            {\n              name: 'Delete Catalogue',\n              disabled: !this.isLocatedOnAuthorizedCatalogPage,\n              handler: () => {\n                this.modal = {\n                  ...this.modal,\n                  ...{\n                    message: 'Are you sure you want to delete this catalogue? This can not be reverted!',\n                    confirm: 'Delete catlogue (irreversible)',\n                    confirmHandler: () => this.handleDelete({ id: this.$route.params.ctlg_id, property: 'catalogues', catalog: this.$route.params.ctlg_id }),\n                  },\n                };\n                $('#modal').modal({ show: true });\n              }\n            },\n            {\n              name: 'Edit Catalog',\n              onlyAuthorizedDatasetPage: true,\n              disabled: !this.isLocatedOnAuthorizedCatalogPage,\n              to: {\n                name: 'DataProviderInterface-Edit',\n                params: {\n                  catalog: this.$route.params.ctlg_id ? this.$route.params.ctlg_id : 'undefined',\n                  property: 'catalogues',\n                  id: this.getID || 'undefined',\n                },\n                query: {\n                  draft: false,\n                  locale: this.$route.query.locale,\n                }\n              }\n            },\n          ],\n        },\n      ];\n    },\n    menuItems() {\n      return [\n        {\n          name: this.$t('message.dataupload.menu.draftDatasets'),\n          to: { name: 'DataProviderInterface-Draft', query: { locale: this.$route.query.locale } },\n        },\n        {\n          name: 'My Catalogues',\n          to: { name: 'DataProviderInterface-UserCatalogues', query: { locale: this.$route.query.locale } },\n        },\n        {\n          name: 'User profile',\n          to: { name: 'DataProviderInterface-UserProfile', query: { locale: this.$route.query.locale } },\n        },\n      ];\n    },\n    isLocatedOnAuthorizedDatasetPage() {\n      // Never return true while loading\n      if (this.getLoading) return false;\n\n      // Is the user located on the correct page?\n      const isOnDatasetDetailsPage = this.$route.name === 'DatasetDetailsDataset';\n      if (!isOnDatasetDetailsPage) return false;\n      const datasetId = isOnDatasetDetailsPage && this.$route.params.ds_id;\n\n      // Does user have permission on dataset (based on current datasetDetails state)?\n      const permissions = this.getUserData && this.getUserData.permissions;\n      const catalogId = this.getCatalog && this.getCatalog.id;\n      const hasPermission = permissions.find(permission => permission.rsname === catalogId);\n\n      // Does the user have permission on the current dataset details page?\n      return hasPermission\n        && isOnDatasetDetailsPage\n        && datasetId === this.getID;\n    },\n    isLocatedOnAuthorizedCatalogPage() {\n      // never return true while loading\n      if (this.getLoading) return false;\n\n      // is the user located on the correct page?\n      const onCatalogPage = this.$route.name === 'CatalogueDetails';\n      if (!onCatalogPage) return false;\n      const catalogId = onCatalogPage && this.$route.params.ctlg_id;\n\n      const permissions = this.getUserData && this.getUserData.permissions;\n      const hasPermission = permissions.find(permission => permission.rsname === catalogId);\n\n      // does user have permission on current catalogue\n      return hasPermission && onCatalogPage;\n    }\n  },\n  methods: {\n    ...mapActions('auth', [\n      'updateUserData',\n    ]),\n    ...mapActions('snackbar', [\n      'showSnackbar',\n    ]),\n    setupKeycloakWatcher() {\n      if (this.$keycloak && this.$keycloak.authenticated) {\n        // Set up watcher here since we this.$keycloak might not be available.\n        // If this.$keycloak is ensured, move this watcher out of this created hook.\n        this.$watch('$keycloak.token', async (newToken) => {\n          if (!newToken) return;\n\n          let rtpToken = this.$keycloak.rtpToken;\n          if (!rtpToken) {\n            const rtpTokenFn = this.$keycloak.getRtpToken;\n            if (rtpTokenFn) {\n              const res = (await rtpTokenFn({ autoRefresh: true }));\n              rtpToken = res;\n            }\n          }\n\n          this.updateUserData({\n            authToken: newToken,\n            rtpToken: rtpToken,\n            hubUrl: this.$env.api.hubUrl,\n          });\n        }, { immediate: true });\n\n        this.$watch('$keycloak.rtpToken', (newRtpToken) => {\n          if (!newRtpToken) return;\n\n          this.updateUserData({\n            authToken: this.$keycloak.token,\n            rtpToken: newRtpToken,\n            hubUrl: this.$env.api.hubUrl,\n          });\n        });\n      }\n    },\n    async handleConfirm(action, argsObj, { successMessage, errorMessage }) {\n      this.modal.loading = true;\n      try {\n        // Sleep for 250ms for better UX\n        this.$Progress.start();\n        await new Promise(resolve => setTimeout(resolve, 250));\n\n        this.$Progress.set(25);\n        await this.$store.dispatch(action, argsObj);\n\n        // Successful DOI registration\n        this.showSnackbar({\n          message: successMessage,\n          variant: 'success',\n        });\n        await new Promise(resolve => setTimeout(resolve, 250));\n\n        this.$Progress.finish();\n      } catch (ex) {\n        this.$Progress.fail();\n        // eslint-disable-next-line no-console\n        console.error(ex);\n\n        const maybeErrorStatusMsg = ex.response && ex.response.data && ex.response.data.message;\n\n        let customErrorMessage = typeof errorMessage === 'string' && errorMessage;\n        customErrorMessage = typeof errorMessage === 'function' && errorMessage(ex);\n        customErrorMessage = typeof errorMessage === 'object' && errorMessage.prefix && `${errorMessage.prefix}${maybeErrorStatusMsg && ` — ${maybeErrorStatusMsg}`}`;\n\n        const errorMsg = customErrorMessage || maybeErrorStatusMsg || ex.message || 'An error occurred';\n        // show snackbar\n        this.showSnackbar({\n          message: errorMsg,\n          variant: 'error',\n        });\n      } finally {\n        this.modal.loading = false;\n        $('#modal').modal('hide');\n      }\n    },\n    async handleRegisterDoi({ id, catalog, type = 'eu-ra-doi' }) {\n      await this.handleConfirm(\n        'auth/createPersistentIdentifier',\n        { id, catalog, type },\n        {\n          successMessage: this.$te('message.snackbar.doiRegistration.success') ? this.$t('message.snackbar.doiRegistration.success') : 'Successfully registered DOI',\n          errorMessage: { prefix: this.$te('message.snackbar.doiRegistration.error') ? this.$t('message.snackbar.doiRegistration.error') : 'DOI registration failed' },\n        },\n      );\n    },\n    async handleMarkAsDraft({\n      id, catalog, title, description,\n    }) {\n      await this.handleConfirm('auth/putDatasetToDraft', {\n        id, catalog, title, description,\n      }, {\n        successMessage: this.$te('message.snackbar.markAsDraft.success') ? this.$t('message.snackbar.markAsDraft.success') : 'Dataset successfully marked as draft',\n        errorMessage: { prefix: this.$te('message.snackbar.markAsDraft.error') ? this.$t('message.snackbar.markAsDraft.error') : 'Failed to mark dataset as draft' },\n      });\n\n      this.$router.push({ name: 'DataProviderInterface-Draft', query: { locale: this.$route.query.locale } }).catch(() => { });\n    },\n    async handleDelete({ id, property, catalog }) {\n      // todo: create user dataset api (and maybe integrate to store)\n      // For now, do request manually using axios\n\n      this.modal.loading = true;\n      this.$Progress.start();\n      try {\n        let endpoint;\n\n        if (property === 'datasets') {\n\n          endpoint = `${this.$env.api.hubUrl}datasets/${id}?useNormalizedId=true&catalogue=${catalog}`;\n        } else if (property === 'catalogues') {\n          endpoint = `${this.$env.api.hubUrl}catalogues/${id}`\n        }\n\n        await axios.delete(endpoint, {\n\n          headers: {\n            'Content-Type': 'text/turtle',\n            Authorization: `Bearer ${this.getUserData.rtpToken}`,\n          },\n        });\n\n        let successMessage;\n        if (property === 'datasets') {\n          successMessage = this.$te('message.snackbar.deleteDataset.success') ? this.$t('message.snackbar.deleteDataset.success') : 'Dataset successfully deleted';\n        } else if (property === 'catalogues') {\n          successMessage = this.$te('message.snackbar.deleteCatalog.success') ? this.$t('message.snackbar.deleteCatalog.success') : 'Catalog successfully deleted';\n        }\n\n\n        this.showSnackbar({\n          message: successMessage,\n          variant: 'success',\n        });\n        this.$Progress.finish();\n\n        // Redirect to Home\n        this.$router.push({ name: 'Datasets', query: { locale: this.$route.query.locale, refresh: true } }).catch(() => { });\n      } catch (ex) {\n        this.$Progress.fail();\n\n        let errorMessage;\n\n        if (property === 'datasets') {\n          errorMessage = this.$te('message.snackbar.deleteDataset.error') ? this.$t('message.snackbar.deleteDataset.error') : 'Failed to delete dataset';\n        } else if (property === 'catalogues') {\n          errorMessage = this.$te('message.snackbar.deleteCatalog.error') ? this.$t('message.snackbar.deleteCatalog.error') : 'Failed to delete catalog';\n        }\n\n        this.showSnackbar({\n          message: `${errorMessage}${ex.response?.data ? ` — ${ex.response?.data}` : ex.message}`,\n          variant: 'error',\n        });\n      } finally {\n        this.modal.loading = false;\n        $('#modal').modal('hide');\n      }\n    },\n  },\n  created() {\n    this.setupKeycloakWatcher();\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n#wrapper {\n  background: linear-gradient(90deg, #082b7a, #0e47cb);\n  width: 100%;\n  position: sticky;\n  bottom: 0;\n  z-index: 999;\n}\n\nnav {\n  max-width: 1400px;\n  display: flex;\n  flex-direction: row;\n  margin: 0 auto;\n  justify-content: space-between;\n  font-size: 1rem;\n  align-items: center;\n}\n\nul {\n  float: right;\n\n  li {\n    display: inline;\n\n    a {\n      color: white;\n    }\n  }\n}\n\nbutton a {\n  color: white;\n}\n\n.logout {\n  display: block;\n  margin: 0 auto;\n  border: 1px solid white;\n  padding: 0.1rem 1.5rem;\n}\n\n.logoutWrap {\n  width: 13rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n</style>\n"],"names":["_sfc_main","Dropup","x","y","useWindowScroll","mapGetters","$","isOnDatasetDetailsPage","datasetId","permissions","catalogId","permission","onCatalogPage","mapActions","newToken","rtpToken","rtpTokenFn","newRtpToken","action","argsObj","successMessage","errorMessage","resolve","ex","maybeErrorStatusMsg","customErrorMessage","errorMsg","id","catalog","type","title","description","property","endpoint","axios","_a","_b","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_7","_createElementVNode","_openBlock","_createElementBlock","_hoisted_1","$data","_hoisted_2","_toDisplayString","_ctx","_createTextVNode","_Fragment","_renderList","$options","group","index","_createBlock","_component_dropup","menuItem","$setup","_resolveDynamicComponent","_normalizeClass","_withCtx","_hoisted_6","_renderSlot","_hoisted_8","_hoisted_9","_createVNode","_component_router_link","_createCommentVNode","_component_app_confirmation_dialog"],"mappings":"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"}

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

@@ -1,80 +1,214 @@
-import { ref as m, resolveComponent as V, openBlock as t, createElementBlock as l, createElementVNode as n, toDisplayString as _, createTextVNode as p, withDirectives as M, isRef as S, vModelText as I, unref as i, Fragment as x, renderList as y, createCommentVNode as v, createBlock as L, createVNode as N } from "vue";
-import O from "./AutocompleteInput.vue.mjs";
-import { onClickOutside as T } from "../../external/@vueuse/core/index";
+import { ref as h, resolveComponent as T, openBlock as i, createElementBlock as l, createElementVNode as e, toDisplayString as x, createTextVNode as o, unref as r, createCommentVNode as u, withDirectives as I, isRef as M, vModelText as V, Fragment as b, renderList as _, createVNode as g, createBlock as D } from "vue";
+import U from "./AutocompleteInput.vue.mjs";
+import { onClickOutside as A } from "../../external/@vueuse/core/index";
+import { useRuntimeEnv as E } from "../../composables/useRuntimeEnv.mjs";
 import "./ConditionalInput.vue2.mjs";
-const j = { class: "formkitProperty" }, w = { class: "formkitCmpWrap simpleConditional" }, B = { class: "m-3" }, D = { class: "conditionalSelectDiv" }, F = { key: 0 }, E = { class: "selectListConditional" }, H = { class: "conditionalManual" }, K = {
+const P = { class: "formkitProperty" }, S = { class: "formkitHeader" }, B = {
+  key: 0,
+  class: "d-flex infoLicense py-5"
+}, H = /* @__PURE__ */ e("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "30px",
+  height: "30px",
+  fill: "currentColor",
+  class: "bi bi-info-circle mx-3 mb-3 mt-1 infoboxI",
+  viewBox: "0 0 16 16"
+}, [
+  /* @__PURE__ */ e("path", { d: "M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" }),
+  /* @__PURE__ */ o(),
+  /* @__PURE__ */ e("path", { d: "m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0" })
+], -1), N = /* @__PURE__ */ e("p", { class: "textInfoI" }, [
+  /* @__PURE__ */ o("For European Commission’s datasets, bear in mind that Decision "),
+  /* @__PURE__ */ e("a", { href: "https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=CELEX:32011D0833" }, "2011/833/EU"),
+  /* @__PURE__ */ o(` allows for their
+        commercial reuse
+        without prior authorisation, except for the material subject to the third party intellectual property rights.
+        This Decision has been implemented under the `),
+  /* @__PURE__ */ e("a", { href: "https://ec.europa.eu/transparency/documents-register/detail?ref=C(2019)1655&lang=en" }, `Decision C(2019)
+          1655 final`),
+  /* @__PURE__ */ o(` by which Creative Commons Attribution
+        4.0 International Public License (CC BY 4.0) is adopted as an open licence for the Commission’s reuse policy.
+        Additionally, raw data, metadata or other documents of comparable nature may alternatively be distributed under
+        the provisions of the Creative Commons Universal Public Domain Dedication deed (CC0 1.0).
+        `),
+  /* @__PURE__ */ e("br"),
+  /* @__PURE__ */ e("br"),
+  /* @__PURE__ */ o(`
+        The Council and the European Court of Auditors have approved similar decisions on reuse. It is advisable that
+        you check the reuse policy of your organisation before publishing or submitting your dataset.
+      `)
+], -1), j = {
+  key: 1,
+  class: "d-flex infoLicense py-5"
+}, F = /* @__PURE__ */ e("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "30px",
+  height: "30px",
+  fill: "currentColor",
+  class: "bi bi-info-circle mx-3 mb-3 mt-1 infoboxI",
+  viewBox: "0 0 16 16"
+}, [
+  /* @__PURE__ */ e("path", { d: "M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" }),
+  /* @__PURE__ */ o(),
+  /* @__PURE__ */ e("path", { d: "m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0" })
+], -1), O = /* @__PURE__ */ e("p", { class: "textInfoI" }, [
+  /* @__PURE__ */ o(`As owner of your dataset, you guarantee that it does not violate the copyright, other intellectual property or
+        privacy rights of any third party. In particular, if third party material is included in the dataset, you must
+        ensure that all necessary permissions have been obtained and appropriate acknowledgment is given, if necessary.
+        `),
+  /* @__PURE__ */ e("br"),
+  /* @__PURE__ */ e("br"),
+  /* @__PURE__ */ o(`
+        If you need further information regarding copyright issues, please contact us at 
+        `),
+  /* @__PURE__ */ e("a", { href: "mailto:op-copyright@publications.europa.eu" }, "op-copyright@publications.europa.eu")
+], -1), R = {
+  key: 2,
+  class: "formkitCmpWrap simpleConditional"
+}, z = { class: "m-3" }, K = { class: "conditionalSelectDiv" }, W = { key: 0 }, X = { class: "selectListConditional" }, Y = { class: "conditionalManual" }, $ = {
+  key: 0,
+  class: "d-flex"
+}, q = { key: 0 }, G = {
+  key: 3,
+  class: "formkitCmpWrap simpleConditional"
+}, J = { class: "m-3" }, Q = { class: "conditionalSelectDiv" }, Z = { key: 0 }, ee = { class: "selectListConditional" }, te = { class: "conditionalManual" }, oe = {
   key: 0,
   class: "d-flex"
-}, P = {
+}, ne = {
   key: 0,
   class: "conditionalVocabulary"
-}, q = {
+}, ce = {
   __name: "ConditionalInput",
   props: {
     context: Object
   },
-  setup(h) {
-    const e = h;
-    let r = m(), a = m(!1), d = m(!1);
-    const f = m(null), k = (c) => {
-      d.value = !d.value;
-    }, b = (c) => {
-      r.value = c.target.innerHTML, c.target.innerHTML === "manually" ? a.value = "manually" : a.value = "vocabulary", e.context.node.reset();
+  setup(L) {
+    let C = E();
+    const t = L;
+    let c = h(), s = h(!1), p = h(!1);
+    const f = h(null), k = (d) => {
+      p.value = !p.value;
+    }, w = (d) => {
+      c.value = d.target.innerHTML, d.target.innerHTML === "Manually" && (s.value = "manually"), d.target.innerHTML === "Vocabulary" && (s.value = "vocabulary"), d.target.innerHTML === "URL" && (s.value = "url"), d.target.innerHTML === "Text" && (s.value = "text"), t.context.node.reset(), t.context.value = "";
     };
-    return T(f, (c) => d.value = !1), (c, s) => {
-      const C = V("FormKit");
-      return t(), l("div", j, [
-        n("h4", null, _(e.context.attrs.identifier), 1),
-        p(),
-        n("div", w, [
-          n("div", B, [
-            n("div", D, [
-              M(n("input", {
+    return A(f, (d) => p.value = !1), (d, a) => {
+      const v = T("FormKit");
+      return i(), l("div", P, [
+        e("h4", S, x(t.context.attrs.identifier.charAt(0).toUpperCase() + t.context.attrs.identifier.slice(1)), 1),
+        o(),
+        t.context.attrs.identifier === "licence" && r(C).content.dataProviderInterface.annifIntegration ? (i(), l("div", B, [
+          H,
+          o(),
+          N
+        ])) : u("", !0),
+        o(),
+        t.context.attrs.identifier === "rights" && r(C).content.dataProviderInterface.annifIntegration ? (i(), l("div", j, [
+          F,
+          o(),
+          O
+        ])) : u("", !0),
+        o(),
+        t.context.attrs.identifier === "rights" ? (i(), l("div", R, [
+          e("div", z, [
+            e("div", K, [
+              I(e("input", {
+                ref_key: "I1",
+                ref: f,
+                type: "text",
+                class: "conditionalSelect formkit-input formkit-inner",
+                onClick: a[0] || (a[0] = (n) => k()),
+                placeholder: "Choose input method",
+                "onUpdate:modelValue": a[1] || (a[1] = (n) => M(c) ? c.value = n : c = n)
+              }, null, 512), [
+                [V, r(c)]
+              ]),
+              o(),
+              r(p) ? (i(), l("div", W, [
+                e("ul", X, [
+                  (i(!0), l(b, null, _(t.context.attrs.selection, (n, m) => (i(), l("li", {
+                    class: "p-2 border-b border-gray-200",
+                    onClick: a[2] || (a[2] = (y) => w(y))
+                  }, x(n), 1))), 256))
+                ])
+              ])) : u("", !0)
+            ]),
+            o(),
+            e("div", Y, [
+              r(s) === "url" || t.context.node.value["@type"] === "url" ? (i(), l("div", $, [
+                g(v, {
+                  type: "url",
+                  placeholder: "Please provide a valid URL",
+                  name: "rdfs:label",
+                  validation: "url",
+                  class: "w-100",
+                  identifier: "rightsUrl",
+                  modelValue: t.context.value["rdfs:value"],
+                  "onUpdate:modelValue": a[3] || (a[3] = (n) => t.context.value["rdfs:value"] = n)
+                }, null, 8, ["modelValue"])
+              ])) : u("", !0)
+            ]),
+            o(),
+            r(s) === "text" || t.context.value["@type"] === "text" ? (i(), l("div", q, [
+              g(v, {
+                type: "text",
+                placeholder: "Please provide a Text",
+                name: "rdfs:label",
+                class: "w-100",
+                identifier: "rightsText",
+                modelValue: t.context.value["rdfs:value"],
+                "onUpdate:modelValue": a[4] || (a[4] = (n) => t.context.value["rdfs:value"] = n)
+              }, null, 8, ["modelValue"])
+            ])) : u("", !0)
+          ])
+        ])) : (i(), l("div", G, [
+          e("div", J, [
+            e("div", Q, [
+              I(e("input", {
                 ref_key: "I1",
                 ref: f,
                 type: "text",
                 class: "conditionalSelect formkit-input formkit-inner",
-                onClick: s[0] || (s[0] = (o) => k()),
+                onClick: a[5] || (a[5] = (n) => k()),
                 placeholder: "Choose input method",
-                "onUpdate:modelValue": s[1] || (s[1] = (o) => S(r) ? r.value = o : r = o)
+                "onUpdate:modelValue": a[6] || (a[6] = (n) => M(c) ? c.value = n : c = n)
               }, null, 512), [
-                [I, i(r)]
+                [V, r(c)]
               ]),
-              p(),
-              i(d) ? (t(), l("div", F, [
-                n("ul", E, [
-                  (t(!0), l(x, null, y(e.context.attrs.selection, (o, u) => (t(), l("li", {
+              o(),
+              r(p) ? (i(), l("div", Z, [
+                e("ul", ee, [
+                  (i(!0), l(b, null, _(t.context.attrs.selection, (n, m) => (i(), l("li", {
                     class: "p-2 border-b border-gray-200",
-                    onClick: s[2] || (s[2] = (g) => b(g))
-                  }, _(o), 1))), 256))
+                    onClick: a[7] || (a[7] = (y) => w(y))
+                  }, x(n), 1))), 256))
                 ])
-              ])) : v("", !0)
+              ])) : u("", !0)
             ]),
-            p(),
-            n("div", H, [
-              i(a) === "manually" || Object.keys(e.context.value).length > 0 && e.context.value["foaf:name"] && i(a) != "vocabulary" ? (t(), l("div", K, [
-                (t(!0), l(x, null, y(e.context.attrs.options, (o, u) => (t(), L(C, {
-                  type: u,
-                  placeholder: u,
-                  name: o,
-                  validation: u,
+            o(),
+            e("div", te, [
+              r(s) === "manually" || Object.keys(t.context.value).length > 0 && t.context.value["foaf:name"] && r(s) != "vocabulary" ? (i(), l("div", oe, [
+                (i(!0), l(b, null, _(t.context.attrs.options, (n, m) => (i(), D(v, {
+                  type: m,
+                  placeholder: m,
+                  name: n,
+                  validation: m,
                   class: "w-100"
                 }, null, 8, ["type", "placeholder", "name", "validation"]))), 256))
-              ])) : v("", !0)
+              ])) : u("", !0)
             ]),
-            p(),
-            i(a) === "vocabulary" || Object.keys(e.context.value).length > 0 && e.context.value.name && i(a) != "manually" ? (t(), l("div", P, [
-              N(O, {
-                context: e.context
+            o(),
+            r(s) === "vocabulary" || Object.keys(t.context.value).length > 0 && t.context.value.name && r(s) != "manually" ? (i(), l("div", ne, [
+              g(U, {
+                context: t.context
               }, null, 8, ["context"])
-            ])) : v("", !0)
+            ])) : u("", !0)
           ])
-        ])
+        ]))
       ]);
     };
   }
 };
 export {
-  q as default
+  ce as default
 };
 //# sourceMappingURL=ConditionalInput.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ConditionalInput.vue.mjs","sources":["../../../lib/data-provider-interface/components/ConditionalInput.vue"],"sourcesContent":["<template>\n  <div class=\"formkitProperty\">\n    <h4>{{ props.context.attrs.identifier }}</h4>\n    <div class=\"formkitCmpWrap simpleConditional\">\n      <div class=\"m-3\">\n        <div class=\"conditionalSelectDiv\">\n          <input ref=\"I1\" type=\"text\" class=\"conditionalSelect formkit-input formkit-inner\" @click=\"openSelect($event)\"\n            placeholder=\"Choose input method\" v-model=\"selectModeVal\">\n          <div v-if=\"showSelect\">\n            <ul class=\"selectListConditional\">\n              <li v-for=\"el, index in props.context.attrs.selection\" class=\"p-2 border-b border-gray-200 \"\n                @click=\"selectMode($event)\">{{ el }}</li>\n            </ul>\n          </div>\n        </div>\n        <div class=\"conditionalManual\">\n          <div class=\"d-flex\" v-if=\"selectedItem === 'manually' ||\n            Object.keys(props.context.value).length > 0 && props.context.value['foaf:name']\n            && selectedItem != 'vocabulary'\">\n            <FormKit v-for=\"el, key in props.context.attrs.options\" :type=\"key\" :placeholder=\"key\" :name=\"el\"\n              :validation=\"key\" class=\"w-100\"></FormKit>\n          </div>\n        </div>\n        <div v-if=\"selectedItem === 'vocabulary' || Object.keys(props.context.value).length > 0\n          && props.context.value.name && selectedItem != 'manually'\" class=\"conditionalVocabulary\">\n          <AutocompleteInput :context=\"props.context\"></AutocompleteInput>\n        </div>\n\n\n      </div>\n\n    </div>\n  </div>\n\n</template>\n<script setup>\nimport { ref } from 'vue';\nimport AutocompleteInput from './AutocompleteInput.vue';\nimport { onClickOutside } from '@vueuse/core'\n\nconst props = defineProps({\n  context: Object,\n})\nlet selectModeVal = ref()\nlet selectedItem = ref(false)\nlet showSelect = ref(false)\n\n\nconst I1 = ref(null)\n\nconst openSelect = (e) => {\n\n  showSelect.value = !showSelect.value\n\n}\nconst selectMode = (e) => {\n  selectModeVal.value = e.target.innerHTML\n\n  if (e.target.innerHTML === 'manually') {\n    selectedItem.value = \"manually\"\n  }\n  else selectedItem.value = \"vocabulary\"\n  props.context.node.reset()\n}\n\nonClickOutside(I1, event => showSelect.value = false)\n\n</script>\n<style>\n.conditionalManual {\n  .formkit-outer {\n    width: 100%;\n  }\n}\n</style>"],"names":["props","__props","selectModeVal","ref","selectedItem","showSelect","I1","openSelect","e","selectMode","onClickOutside","event"],"mappings":";;;;;;;;;;;;;;;;AAwCA,UAAMA,IAAQC;AAGd,QAAIC,IAAgBC,EAAK,GACrBC,IAAeD,EAAI,EAAK,GACxBE,IAAaF,EAAI,EAAK;AAG1B,UAAMG,IAAKH,EAAI,IAAI,GAEbI,IAAa,CAACC,MAAM;AAExB,MAAAH,EAAW,QAAQ,CAACA,EAAW;AAAA,IAEjC,GACMI,IAAa,CAACD,MAAM;AACxB,MAAAN,EAAc,QAAQM,EAAE,OAAO,WAE3BA,EAAE,OAAO,cAAc,aACzBJ,EAAa,QAAQ,aAElBA,EAAa,QAAQ,cAC1BJ,EAAM,QAAQ,KAAK,MAAO;AAAA,IAC5B;AAEA,WAAAU,EAAeJ,GAAI,CAAAK,MAASN,EAAW,QAAQ,EAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ConditionalInput.vue.mjs","sources":["../../../lib/data-provider-interface/components/ConditionalInput.vue"],"sourcesContent":["<template>\n  <div class=\"formkitProperty\">\n    <h4 class=\"formkitHeader\">{{ props.context.attrs.identifier.charAt(0).toUpperCase() + props.context.attrs.identifier.slice(1) }}</h4>\n    <div v-if=\"props.context.attrs.identifier === 'licence' && env.content.dataProviderInterface.annifIntegration\" class=\"d-flex infoLicense py-5\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30px\" height=\"30px\" fill=\"currentColor\"\n        class=\"bi bi-info-circle mx-3 mb-3 mt-1 infoboxI \" viewBox=\"0 0 16 16\">\n        <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16\" />\n        <path\n          d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0\" />\n      </svg>\n      <p class=\"textInfoI\">For European Commission’s datasets, bear in mind that Decision <a\n          href=\"https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=CELEX:32011D0833\">2011/833/EU</a> allows for their\n        commercial reuse\n        without prior authorisation, except for the material subject to the third party intellectual property rights.\n        This Decision has been implemented under the <a\n          href=\"https://ec.europa.eu/transparency/documents-register/detail?ref=C(2019)1655&lang=en\">Decision C(2019)\n          1655 final</a> by which Creative Commons Attribution\n        4.0 International Public License (CC BY 4.0) is adopted as an open licence for the Commission’s reuse policy.\n        Additionally, raw data, metadata or other documents of comparable nature may alternatively be distributed under\n        the provisions of the Creative Commons Universal Public Domain Dedication deed (CC0 1.0).\n        <br><br>\n        The Council and the European Court of Auditors have approved similar decisions on reuse. It is advisable that\n        you check the reuse policy of your organisation before publishing or submitting your dataset.\n      </p>\n    </div>\n    <div v-if=\"props.context.attrs.identifier === 'rights' && env.content.dataProviderInterface.annifIntegration\" class=\"d-flex infoLicense py-5\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30px\" height=\"30px\" fill=\"currentColor\"\n        class=\"bi bi-info-circle mx-3 mb-3 mt-1 infoboxI\" viewBox=\"0 0 16 16\">\n        <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16\" />\n        <path\n          d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0\" />\n      </svg>\n      <p class=\"textInfoI\">As owner of your dataset, you guarantee that it does not violate the copyright, other intellectual property or\n        privacy rights of any third party. In particular, if third party material is included in the dataset, you must\n        ensure that all necessary permissions have been obtained and appropriate acknowledgment is given, if necessary.\n        <br><br>\n        If you need further information regarding copyright issues, please contact us at \n        <a href=\"mailto:op-copyright@publications.europa.eu\">op-copyright@publications.europa.eu</a>\n      </p>\n    </div>\n    <!-- Choice between text and URL -->\n    <div class=\"formkitCmpWrap simpleConditional\" v-if=\"props.context.attrs.identifier === 'rights'\">\n      <div class=\"m-3\">\n        <div class=\"conditionalSelectDiv\">\n          <input ref=\"I1\" type=\"text\" class=\"conditionalSelect formkit-input formkit-inner\" @click=\"openSelect($event)\"\n            placeholder=\"Choose input method\" v-model=\"selectModeVal\">\n          <div v-if=\"showSelect\">\n            <ul class=\"selectListConditional\">\n              <li v-for=\"el, index in props.context.attrs.selection\" class=\"p-2 border-b border-gray-200 \"\n                @click=\"selectMode($event)\">{{ el }}</li>\n            </ul>\n          </div>\n        </div>\n        <div class=\"conditionalManual\">\n          <div class=\"d-flex\" v-if=\"selectedItem === 'url' || props.context.node.value['@type'] === 'url'\">\n            <FormKit type=\"url\" placeholder=\"Please provide a valid URL\" name=\"rdfs:label\" validation=\"url\"\n              class=\"w-100\" identifier=\"rightsUrl\" v-model=\"props.context.value['rdfs:value']\"></FormKit>\n          </div>\n        </div>\n        <div v-if=\"selectedItem === 'text' || props.context.value['@type'] === 'text'\">\n          <FormKit type=\"text\" placeholder=\"Please provide a Text\" name=\"rdfs:label\" class=\"w-100\"\n            identifier=\"rightsText\" v-model=\"props.context.value['rdfs:value']\"></FormKit>\n        </div>\n      </div>\n    </div>\n\n    <!-- Choice between manualinput and vocabulary search -->\n    <div class=\"formkitCmpWrap simpleConditional\" v-else>\n      <div class=\"m-3\">\n        <div class=\"conditionalSelectDiv\">\n          <input ref=\"I1\" type=\"text\" class=\"conditionalSelect formkit-input formkit-inner\" @click=\"openSelect($event)\"\n            placeholder=\"Choose input method\" v-model=\"selectModeVal\">\n          <div v-if=\"showSelect\">\n            <ul class=\"selectListConditional\">\n              <li v-for=\"el, index in props.context.attrs.selection\" class=\"p-2 border-b border-gray-200 \"\n                @click=\"selectMode($event)\">{{ el }}</li>\n            </ul>\n          </div>\n        </div>\n        <div class=\"conditionalManual\">\n          <div class=\"d-flex\" v-if=\"selectedItem === 'manually' ||\n            Object.keys(props.context.value).length > 0 && props.context.value['foaf:name']\n            && selectedItem != 'vocabulary'\">\n            <FormKit v-for=\"el, key in props.context.attrs.options\" :type=\"key\" :placeholder=\"key\" :name=\"el\"\n              :validation=\"key\" class=\"w-100\"></FormKit>\n          </div>\n        </div>\n        <div v-if=\"selectedItem === 'vocabulary' || Object.keys(props.context.value).length > 0\n          && props.context.value.name && selectedItem != 'manually'\" class=\"conditionalVocabulary\">\n          <AutocompleteInput :context=\"props.context\"></AutocompleteInput>\n        </div>\n\n\n      </div>\n\n    </div>\n  </div>\n\n</template>\n<script setup>\nimport { ref } from 'vue';\nimport AutocompleteInput from './AutocompleteInput.vue';\nimport { onClickOutside } from '@vueuse/core'\nimport { useRuntimeEnv } from \"../../composables/useRuntimeEnv.ts\";\n\nlet env = useRuntimeEnv()\nconst props = defineProps({\n  context: Object,\n})\nlet selectModeVal = ref()\nlet selectedItem = ref(false)\nlet showSelect = ref(false)\n\n\nconst I1 = ref(null)\n\nconst openSelect = (e) => {\n\n  showSelect.value = !showSelect.value\n\n}\nconst selectMode = (e) => {\n  selectModeVal.value = e.target.innerHTML\n\n  if (e.target.innerHTML === 'Manually') { selectedItem.value = \"manually\" }\n  if (e.target.innerHTML === 'Vocabulary') { selectedItem.value = \"vocabulary\" }\n  if (e.target.innerHTML === 'URL') { selectedItem.value = \"url\" }\n  if (e.target.innerHTML === 'Text') { selectedItem.value = \"text\" }\n\n  props.context.node.reset()\n  props.context.value = \"\"\n}\n\nonClickOutside(I1, event => showSelect.value = false)\n\n</script>\n<style>\n.conditionalManual {\n  .formkit-outer {\n    width: 100%;\n  }\n}\n\n.infoLicense {\n  a {\n    color: blue;\n  }\n\n  padding: 1rem;\n  background-color: rgb(171, 225, 165)\n}\n.infoboxI{\n  width: 5%;\n}\n.textInfoI{\n width: 95%;\n}\n</style>"],"names":["env","useRuntimeEnv","props","__props","selectModeVal","ref","selectedItem","showSelect","I1","openSelect","e","selectMode","onClickOutside","event"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyGA,QAAIA,IAAMC,EAAe;AACzB,UAAMC,IAAQC;AAGd,QAAIC,IAAgBC,EAAK,GACrBC,IAAeD,EAAI,EAAK,GACxBE,IAAaF,EAAI,EAAK;AAG1B,UAAMG,IAAKH,EAAI,IAAI,GAEbI,IAAa,CAACC,MAAM;AAExB,MAAAH,EAAW,QAAQ,CAACA,EAAW;AAAA,IAEjC,GACMI,IAAa,CAACD,MAAM;AACxB,MAAAN,EAAc,QAAQM,EAAE,OAAO,WAE3BA,EAAE,OAAO,cAAc,eAAcJ,EAAa,QAAQ,aAC1DI,EAAE,OAAO,cAAc,iBAAgBJ,EAAa,QAAQ,eAC5DI,EAAE,OAAO,cAAc,UAASJ,EAAa,QAAQ,QACrDI,EAAE,OAAO,cAAc,WAAUJ,EAAa,QAAQ,SAE1DJ,EAAM,QAAQ,KAAK,MAAO,GAC1BA,EAAM,QAAQ,QAAQ;AAAA,IACxB;AAEA,WAAAU,EAAeJ,GAAI,CAAAK,MAASN,EAAW,QAAQ,EAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}