@piveau/piveau-hub-ui-modules 4.6.83 → 4.6.85

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

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.vue.mjs","sources":["../../../lib/data-provider-interface/components/FileUpload.vue"],"sourcesContent":["<template>\n  <div class=\"position-relative w-100 \">\n    <FormKit name=\"mode\" validation=\"required\" type=\"text\" class=\"selectInputField formkit-inner \" readonly=\"readonly\"\n      @click=\"triggerDropdown()\" :placeholder=\"t('message.dataupload.info.preferredInput')\" v-model=\"inputChoice\" :validation-messages=\"{\n        required: t('message.dataupload.info.preferredInput'),\n      }\" />\n    <ul ref=\"fLoad\" v-if=\"drop.active\" class=\"selectListUpload fileuploadList\">\n      <li @click=\"uploadFileSwitch = true; toggleUploadUrl()\"\n        class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">{{$t('message.dataupload.datasets.conditional.fileupload')}}</li>\n      <li @click=\"uploadURL = true; toggleUploadFileSwitch()\"\n        class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">{{$t('message.dataupload.datasets.conditional.URL')}}</li>\n    </ul>\n  </div>\n  <div class=\"w-100 position-relative\" v-if=\"uploadURL && !uploadFileSwitch\">\n\n    <FormKit id=\"aUrlLink\" v-model=\"URLValue\" class=\"selectInputField formkit-inner\" type=\"url\" name=\"@id\" :placeholder=\"context.attrs.placeholder\"\n      @input=\"saveUrl\" validation=\"required|url\" validation-visibility=\"live\" :validation-messages=\"{\n        required: t('message.dataupload.datasets.conditional.URL'),\n        url: t('message.dataupload.info.urlFormat')\n      }\" />\n\n  </div>\n  <div v-if=\"uploadFileSwitch\" ref=\"fileupload\" class=\"p-3 w-100\"\n    :class=\"`formkit-input-element formkit-input-element--${context.type}`\" :data-type=\"context.type\" v-bind=\"$attrs\">\n    <input type=\"text\" v-model=\"context.model\" @blur=\"context.blurHandler\" hidden />\n    <div class=\"file-div position-relative\">\n      <input class=\"mt-3\" type=\"file\" id=\"aUrlFL\" name=\"fileUpload\" @change=\"validateFile($event)\"\n        :accept=\"validExtensions\" :disabled=\"isLoading || !catalogId\">\n      <div class=\"upload-feedback position-absolute d-flex\" style=\"right: 0\">\n        <div v-if=\"isLoading\" class=\"lds-ring\">\n        </div>\n        <div v-if=\"success\"><i class=\"material-icons d-flex check-icon\">check_circle</i></div>\n        <div v-if=\"fail\"><i class=\"material-icons d-flex close-icon\">error</i></div>\n      </div>\n    </div>\n    <p class=\"dURLText my-3\" v-if=\"success\">{{ $t('message.metadata.downloadUrl') }}: <a :href=\"context.value?.['@id']\">{{\n      context.value?.['@id'] }}</a></p>\n    <div v-if=\"validExtensions && validExtensions.length\" class=\"allowedTypesWrapper\">\n      <p class=\"errorSub my-3 d-flex \" v-if=\"!success\">Allowed types: </p>\n      <div class=\"d-flex flex-wrap w-100\">\n        <span v-for=\"types in validExtensions\" :key=\"types\" class=\"mr-1 mb-1 allowedFTypes \">\n          {{ types }}\n        </span>\n      </div>\n\n    </div>\n\n\n  </div>\n\n</template>\n\n<script>\n/* eslint-disable consistent-return, no-unused-vars */\nimport { mapGetters, mapActions } from 'vuex';\nimport axios from 'axios';\nimport helper from '../utils/general-helper'\nimport { getNode } from '@formkit/core'\n\nimport { reactive, ref, onMounted, computed, defineComponent } from 'vue';\nimport { onClickOutside } from '@vueuse/core'\nimport { useRuntimeEnv } from \"../../composables/useRuntimeEnv.ts\";\nimport { FormKit, useFormKitNodeById } from '@formkit/vue';\nimport { useI18n } from 'vue-i18n';\nimport { useDpiContext } from '../composables';\n\nexport default defineComponent({\n  props: {\n    context: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  data() {\n    return {\n      inputChoice: '',\n      error: '',\n      URLValue: '',\n      uploadURL: false,\n      uploadFileSwitch: false,\n      checkifSet: false,\n      isLoading: false,\n      success: false,\n      fail: false,\n    \n      validExtensions: this.$env.content.dataProviderInterface.uploadFileTypes?.split(',') || []\n    };\n  },\n  computed: {\n\n    ...mapGetters('auth', [\n      'getUserData',\n      'getIsEditMode'\n    ]),\n    ...mapGetters('dpiStore', [\n      'getData',\n    ]),\n  },\n  methods: {\n    ...mapActions('dpiStore', [\n      'saveLocalstorageValues',\n    ]),\n    toggleUploadUrl() {\n      this.inputChoice = this.t('message.dataupload.datasets.conditional.fileupload')\n      if (this.uploadURL) { this.uploadURL = !this.uploadURL }\n    },\n    toggleUploadFileSwitch() {\n      this.inputChoice = this.t('message.dataupload.datasets.conditional.URL')\n      if (this.uploadFileSwitch) { this.uploadFileSwitch = !this.uploadFileSwitch }\n    },\n    validateFile(event) {\n      const file = event.target.files[0];\n      const fileExtension = '.' + file.name.split('.').pop().toLowerCase();\n      if (this.validExtensions && this.validExtensions.length) {\n        if (!this.validExtensions.includes(fileExtension)) {\n          console.log('Wrong filetype');\n        } else {\n          this.uploadOrReplaceFile({ file: event.target.files[0] })\n        }\n      } else {\n        this.error = \"\"\n        this.uploadOrReplaceFile({ file: event.target.files[0] })\n      }\n    },\n    async saveUrl() {\n\n      if (this.URLValue.includes('http://') || this.URLValue.includes('https://')) {\n        await this.context.node.input({ '@id': this.URLValue, 'mode': this.inputChoice })\n      }\n      else await this.context.node.input({ '@id': 'https://' + this.URLValue, 'mode': this.inputChoice })\n\n    },\n    checkIfPresent() {\n      // console.log(this.context.value['@id']);\n      if (this.context.value['@id']) {\n        // console.log(this.context.value['@id']);\n        this.URLValue = this.context.value['@id']\n        return true\n      }\n      else false\n    },\n    // finds the parent input group of a given element.\n    findParentInputGroupOfElement(element) {\n      // Start with the given element.\n      let currentElement = element;\n\n      // Traverse the DOM tree upwards.\n      while (currentElement) {\n        // If the current element is an input group, return it.\n        if (currentElement.classList.contains('formkit-input-group-repeatable')) {\n          return currentElement;\n        }\n        // If not, move to the parent element.\n        currentElement = currentElement.parentElement;\n      }\n\n      // If no input group was found, return null.\n      return null;\n    },\n    // finds the index of the distribution access URL based on the root of this component.\n    findDistributionAccessUrlIndex() {\n      // todo: find a more stable way to find the index of the distribution access URL.\n      // this way uses the DOM tree, which is not stable.\n\n      // Start at the root of this component.\n      const rootElement = this.$refs.fileupload;\n\n      // Find the parent input group of the root element.\n      const parentInputGroup = this.findParentInputGroupOfElement(rootElement);\n      if (!parentInputGroup) return null;\n\n      // Get the parent element of all input groups.\n      const parentOfAllInputGroups = parentInputGroup.parentElement;\n      const allInputGroupsNodeList = parentOfAllInputGroups.querySelectorAll('.formkit-input-group-repeatable');\n      const allInputGroupsArray = Array.from(allInputGroupsNodeList);\n\n      // Find the index of the parent input group within the array of all input groups.\n      const indexOfParentInputGroup = allInputGroupsArray.indexOf(parentInputGroup);\n\n      return indexOfParentInputGroup;\n    },\n    async uploadOrReplaceFile({ file }) {\n\n      const replaceEnabled = this.$env?.content?.dataProviderInterface?.enableFileUploadReplace || false;\n      const wantsToReplace = this.$route.query?.edit ?? false;\n\n      if (replaceEnabled && wantsToReplace) {\n        const distributionIndexToReplace = this.$route.query?.edit;\n        const fileIndexToReplace = this.findDistributionAccessUrlIndex();\n\n        const targetDistribution = this.getData('distributions')?.[distributionIndexToReplace];\n        const targetFile = targetDistribution?.['dcat:accessURL']?.[fileIndexToReplace];\n        const accessUrl = targetFile?.['@id'];\n        if (accessUrl) {\n          const fileUploadUrl = this.$env.api.fileUploadUrl;\n\n          const fileId = helper.getFileIdByAccessUrl({ accessUrl, fileUploadUrl })\n\n          return await this.uploadFile(file, {\n            method: 'PUT',\n            url: `${this.$env.api.fileUploadUrl}data/${fileId}?catalog=${this.catalogId}`,\n          });\n        }\n\n      }\n\n      return await this.uploadFile(file);\n    },\n    async uploadFile(file, options = {}) {\n\n      this.isLoading = true;\n\n      const form = new FormData();\n      form.append('file', file);\n\n      const catalog = this.catalogId;\n      const token = this.getUserData.rtpToken;\n\n      const resolvedOptions = {\n        method: 'POST',\n        url: `${this.$env.api.fileUploadUrl}data?catalog=${catalog}`,\n        ...options,\n      };\n\n      const requestOptions = {\n        method: resolvedOptions.method,\n        url: resolvedOptions.url,\n        headers: {\n          'Content-Type': 'multipart/form-data',\n          Authorization: `Bearer ${token}`,\n        },\n        data: form,\n      };\n\n      try {\n\n        const result = await axios.request(requestOptions);\n        const path = result.data.result.location.substring(result.data.result.location.indexOf('/') + 1);\n        this.isLoading = false;\n        this.success = true;\n        this.context.node.input({ '@id': `${this.$env.api.fileUploadUrl}${path}`, 'mode': this.inputChoice })\n\n      } catch (err) {\n\n        this.isLoading = false;\n        this.fail = true;\n        console.error(err); // eslint-disable-line\n      }\n    },\n  },\n  mounted() {\n\n    this.$nextTick(function () {\n\n      if (this.context.value['@id']) {\n        this.uploadURL = true\n        this.URLValue = this.context.value['@id']\n        this.inputChoice = \"Provide an URL\"\n        return true\n      }\n      else false\n    })\n  },\n  setup() {\n    const { t } = useI18n();\n    const env = useRuntimeEnv();\n \n\n\n    var drop = reactive({\n      active: false,\n    })\n\n\n    const fLoad = ref('fload');\n\n    onClickOutside(fLoad, event => {\n      drop.active = false\n    })\n    function triggerDropdown(e) {\n      drop.active = !drop.active\n    }\n\n    const dpiContext = useDpiContext();\n\n    const catalogIdFromFormkit = useFormKitNodeById('catalog')\n\n    const catalogId = computed(() =>\n      // Extract from catalog input field\n      catalogIdFromFormkit?.value.value\n      // Try to recover if catalog is empty for some reason\n      || dpiContext.value.edit?.catalog \n    );\n\n    return {\n      drop,\n      onClickOutside,\n      triggerDropdown,\n      t,\n      catalogId,\n    };\n  },\n});\n</script>\n\n<style lang=\"scss\" scoped>\n// @import '../../../styles/bootstrap_theme';\n// @import '../../../styles/utils/css-animations';\n.dURLText {}\n\n\n.accessUrl {\n  .formkit-outer {}\n}\n\n.file-div {\n  display: flex;\n  align-items: center;\n}\n\n.upload-feedback {\n  padding: 10px;\n}\n\n/*** MATERIAL ICONS ***/\n%modal-icon {\n  font-size: 20px;\n  cursor: default;\n}\n\n.check-icon {\n  @extend %modal-icon;\n  color: #28a745;\n}\n\n.close-icon {\n  @extend %modal-icon;\n  color: red;\n}\n\n.lds-ring {\n  display: inline-block;\n  position: relative;\n  width: 30px;\n  height: 30px;\n}\n\n.lds-ring div {\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  right: 0;\n  width: 30px;\n  height: 30px;\n  border: 8px solid lightgray;\n  border-radius: 50%;\n  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: lightgray transparent transparent transparent;\n}\n\n.lds-ring div:nth-child(1) {\n  animation-delay: -0.45s;\n}\n\n.lds-ring div:nth-child(2) {\n  animation-delay: -0.3s;\n}\n\n.lds-ring div:nth-child(3) {\n  animation-delay: -0.15s;\n}\n\n.error {\n  color: red;\n}\n\n.errorSub {\n  color: black;\n}\n\n@keyframes lds-ring {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.allowedFTypes {\n  padding: 0.5rem;\n  border-radius: 5px;\n  border: 1px solid lightgrey;\n}\n\n.allowedTypesWrapper {\n  max-width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.fileuploadList {\n  width: 96.7%;\n}\n</style>\n"],"names":["_sfc_main","defineComponent","_a","mapGetters","mapActions","event","fileExtension","element","currentElement","rootElement","parentInputGroup","allInputGroupsNodeList","file","replaceEnabled","_c","_b","wantsToReplace","_d","distributionIndexToReplace","_e","fileIndexToReplace","targetDistribution","_f","targetFile","_g","accessUrl","fileUploadUrl","fileId","helper","options","form","catalog","token","resolvedOptions","requestOptions","result","axios","path","err","useI18n","useRuntimeEnv","drop","reactive","fLoad","ref","onClickOutside","triggerDropdown","e","dpiContext","useDpiContext","catalogIdFromFormkit","useFormKitNodeById","catalogId","computed","_hoisted_1","_hoisted_5","_hoisted_15","_createElementVNode","_createVNode","_component_FormKit","_ctx","$event","_openBlock","_createElementBlock","_hoisted_2","_cache","_hoisted_3","_mergeProps","args","_vModelText","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_createTextVNode","_toDisplayString","_hoisted_12","_hoisted_13","_hoisted_14","_Fragment","_renderList","types"],"mappings":"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"}
+{"version":3,"file":"FileUpload.vue.mjs","sources":["../../../lib/data-provider-interface/components/FileUpload.vue"],"sourcesContent":["<template>\n  <div class=\"position-relative w-100 \">\n    <FormKit name=\"mode\" validation=\"required\" type=\"text\" class=\"selectInputField formkit-inner \" readonly=\"readonly\"\n      @click=\"triggerDropdown()\" :placeholder=\"t('message.dataupload.info.preferredInput')\" v-model=\"inputChoice\" :validation-messages=\"{\n        required: t('message.dataupload.info.preferredInput'),\n      }\" />\n    <ul ref=\"fLoad\" v-if=\"drop.active\" class=\"selectListUpload fileuploadList\">\n      <li @click=\"uploadFileSwitch = true; toggleUploadUrl()\"\n        class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">{{$t('message.dataupload.datasets.conditional.fileupload')}}</li>\n      <li @click=\"uploadURL = true; toggleUploadFileSwitch()\"\n        class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">{{$t('message.dataupload.datasets.conditional.URL')}}</li>\n    </ul>\n  </div>\n  <div class=\"w-100 position-relative\" v-if=\"uploadURL && !uploadFileSwitch\">\n\n    <FormKit id=\"aUrlLink\" v-model=\"URLValue\" class=\"selectInputField formkit-inner\" type=\"url\" name=\"@id\" :placeholder=\"context.attrs.placeholder\"\n      @input=\"saveUrl\" validation=\"required|url\" validation-visibility=\"live\" :validation-messages=\"{\n        required: t('message.dataupload.datasets.conditional.URL'),\n        url: t('message.dataupload.info.urlFormat')\n      }\" />\n\n  </div>\n  <div v-if=\"uploadFileSwitch\" ref=\"fileupload\" class=\"p-3 w-100\"\n    :class=\"`formkit-input-element formkit-input-element--${context.type}`\" :data-type=\"context.type\" v-bind=\"$attrs\">\n    <input type=\"text\" v-model=\"context.model\" @blur=\"context.blurHandler\" hidden />\n    <div class=\"file-div position-relative\">\n      <input class=\"mt-3\" type=\"file\" id=\"aUrlFL\" name=\"fileUpload\" @change=\"validateFile($event)\"\n        :accept=\"validExtensions\" :disabled=\"isLoading || !catalogId\">\n      <div class=\"upload-feedback position-absolute d-flex\" style=\"right: 0\">\n        <div v-if=\"isLoading\" class=\"lds-ring\">\n        </div>\n        <div v-if=\"success\"><i class=\"material-icons d-flex check-icon\">check_circle</i></div>\n        <div v-if=\"fail\"><i class=\"material-icons d-flex close-icon\">error</i></div>\n      </div>\n    </div>\n    <p class=\"dURLText my-3\" v-if=\"success\">{{ $t('message.metadata.downloadUrl') }}: <a :href=\"context.value?.['@id']\">{{\n      context.value?.['@id'] }}</a></p>\n    <div v-if=\"validExtensions && validExtensions.length\" class=\"allowedTypesWrapper\">\n      <p class=\"errorSub my-3 d-flex \" v-if=\"!success\">Allowed types: </p>\n      <div class=\"d-flex flex-wrap w-100\">\n        <span v-for=\"types in validExtensions\" :key=\"types\" class=\"mr-1 mb-1 allowedFTypes \">\n          {{ types }}\n        </span>\n      </div>\n\n    </div>\n\n\n  </div>\n\n</template>\n\n<script>\n/* eslint-disable consistent-return, no-unused-vars */\nimport { mapGetters, mapActions } from 'vuex';\nimport axios from 'axios';\nimport helper from '../utils/general-helper'\nimport { getNode } from '@formkit/core'\n\nimport { reactive, ref, onMounted, computed, defineComponent } from 'vue';\nimport { onClickOutside } from '@vueuse/core'\nimport { useRuntimeEnv } from \"../../composables/useRuntimeEnv.ts\";\nimport { FormKit, useFormKitNodeById } from '@formkit/vue';\nimport { useI18n } from 'vue-i18n';\nimport { useDpiContext } from '../composables';\n\nexport default defineComponent({\n  props: {\n    context: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  data() {\n    return {\n      inputChoice: '',\n      error: '',\n      URLValue: '',\n      uploadURL: false,\n      uploadFileSwitch: false,\n      checkifSet: false,\n      isLoading: false,\n      success: false,\n      fail: false,\n    \n      validExtensions: this.$env.content.dataProviderInterface.uploadFileTypes?.split(',') || []\n    };\n  },\n  computed: {\n\n    ...mapGetters('auth', [\n      'getUserData',\n      'getIsEditMode'\n    ]),\n    ...mapGetters('dpiStore', [\n      'getData',\n    ]),\n  },\n  methods: {\n    ...mapActions('dpiStore', [\n      'saveLocalstorageValues',\n    ]),\n    toggleUploadUrl() {\n      this.inputChoice = this.t('message.dataupload.datasets.conditional.fileupload')\n      if (this.uploadURL) { this.uploadURL = !this.uploadURL }\n    },\n    toggleUploadFileSwitch() {\n      this.inputChoice = this.t('message.dataupload.datasets.conditional.URL')\n      if (this.uploadFileSwitch) { this.uploadFileSwitch = !this.uploadFileSwitch }\n    },\n    validateFile(event) {\n      const file = event.target.files[0];\n      const fileExtension = '.' + file.name.split('.').pop().toLowerCase();\n      if (this.validExtensions && this.validExtensions.length) {\n        if (!this.validExtensions.includes(fileExtension)) {\n          console.log('Wrong filetype');\n        } else {\n          this.uploadOrReplaceFile({ file: event.target.files[0] })\n        }\n      } else {\n        this.error = \"\"\n        this.uploadOrReplaceFile({ file: event.target.files[0] })\n      }\n    },\n    async saveUrl() {\n\n      if (this.URLValue.includes('http://') || this.URLValue.includes('https://')) {\n        await this.context.node.input({ '@id': this.URLValue, 'mode': this.inputChoice })\n      }\n      else await this.context.node.input({ '@id': 'https://' + this.URLValue, 'mode': this.inputChoice })\n\n    },\n    checkIfPresent() {\n      // console.log(this.context.value['@id']);\n      if (this.context.value['@id']) {\n        // console.log(this.context.value['@id']);\n        this.URLValue = this.context.value['@id']\n        return true\n      }\n      else false\n    },\n    // finds the parent input group of a given element.\n    findParentInputGroupOfElement(element) {\n      // Start with the given element.\n      let currentElement = element;\n\n      // Traverse the DOM tree upwards.\n      while (currentElement) {\n        // If the current element is an input group, return it.\n        if (currentElement.classList.contains('formkit-input-group-repeatable')) {\n          return currentElement;\n        }\n        // If not, move to the parent element.\n        currentElement = currentElement.parentElement;\n      }\n\n      // If no input group was found, return null.\n      return null;\n    },\n    // finds the index of the distribution access URL based on the root of this component.\n    findDistributionAccessUrlIndex() {\n      // todo: find a more stable way to find the index of the distribution access URL.\n      // this way uses the DOM tree, which is not stable.\n\n      // Start at the root of this component.\n      const rootElement = this.$refs.fileupload;\n\n      // Find the parent input group of the root element.\n      const parentInputGroup = this.findParentInputGroupOfElement(rootElement);\n      if (!parentInputGroup) return null;\n\n      // Get the parent element of all input groups.\n      const parentOfAllInputGroups = parentInputGroup.parentElement;\n      const allInputGroupsNodeList = parentOfAllInputGroups.querySelectorAll('.formkit-input-group-repeatable');\n      const allInputGroupsArray = Array.from(allInputGroupsNodeList);\n\n      // Find the index of the parent input group within the array of all input groups.\n      const indexOfParentInputGroup = allInputGroupsArray.indexOf(parentInputGroup);\n\n      return indexOfParentInputGroup;\n    },\n    async uploadOrReplaceFile({ file }) {\n\n      const replaceEnabled = this.$env?.content?.dataProviderInterface?.enableFileUploadReplace || false;\n      const wantsToReplace = this.$route.query?.edit ?? false;\n\n      if (replaceEnabled && wantsToReplace) {\n        const distributionIndexToReplace = this.$route.query?.edit;\n        const fileIndexToReplace = this.findDistributionAccessUrlIndex();\n\n        const targetDistribution = this.getData('distributions')?.[distributionIndexToReplace];\n        const targetFile = targetDistribution?.['dcat:accessURL']?.[fileIndexToReplace];\n        const accessUrl = targetFile?.['@id'];\n        if (accessUrl) {\n          const fileUploadUrl = this.$env.api.fileUploadUrl;\n\n          const fileId = helper.getFileIdByAccessUrl({ accessUrl, fileUploadUrl })\n\n          return await this.uploadFile(file, {\n            method: 'PUT',\n            url: `${this.$env.api.fileUploadUrl}data/${fileId}?catalog=${this.catalogId}`,\n          });\n        }\n\n      }\n\n      return await this.uploadFile(file);\n    },\n    async uploadFile(file, options = {}) {\n\n      this.isLoading = true;\n\n      const form = new FormData();\n      form.append('file', file);\n\n      const catalog = this.catalogId;\n      const token = this.getUserData.rtpToken;\n\n      const resolvedOptions = {\n        method: 'POST',\n        url: `${this.$env.api.fileUploadUrl}data?catalog=${catalog}`,\n        ...options,\n      };\n\n      const requestOptions = {\n        method: resolvedOptions.method,\n        url: resolvedOptions.url,\n        headers: {\n          'Content-Type': 'multipart/form-data',\n          Authorization: `Bearer ${token}`,\n        },\n        data: form,\n      };\n\n      try {\n\n        const result = await axios.request(requestOptions);\n        const path = result.data.result.location.substring(result.data.result.location.indexOf('/') + 1);\n        this.isLoading = false;\n        this.success = true;\n        this.context.node.input({ '@id': `${this.$env.api.fileUploadUrl}${path}`, 'mode': this.inputChoice })\n\n      } catch (err) {\n\n        this.isLoading = false;\n        this.fail = true;\n        console.error(err); // eslint-disable-line\n      }\n    },\n  },\n  mounted() {\n\n    this.$nextTick(function () {\n\n      if (this.context.value['@id']) {\n        this.uploadURL = true\n        this.URLValue = this.context.value['@id']\n        this.inputChoice = \"Provide an URL\"\n        return true\n      }\n      else false\n    })\n  },\n  setup() {\n    const { t } = useI18n();\n    const env = useRuntimeEnv();\n \n\n\n    var drop = reactive({\n      active: false,\n    })\n\n\n    const fLoad = ref('fload');\n\n    onClickOutside(fLoad, event => {\n      drop.active = false\n    })\n    function triggerDropdown(e) {\n      drop.active = !drop.active\n    }\n\n    const dpiContext = useDpiContext();\n\n    const catalogIdFromFormkit = useFormKitNodeById('catalog')\n\n    const catalogId = computed(() =>\n      // Extract from catalog input field\n      catalogIdFromFormkit?.value.value\n      // Try to recover if catalog is empty for some reason\n      || dpiContext.value.edit?.catalog \n    );\n\n    return {\n      drop,\n      onClickOutside,\n      triggerDropdown,\n      t,\n      catalogId,\n    };\n  },\n});\n</script>\n\n<style lang=\"scss\" scoped>\n// @import '../../../styles/bootstrap_theme';\n// @import '../../../styles/utils/css-animations';\n.dURLText {}\n\n\n.accessUrl {\n  .formkit-outer {}\n}\n\n.file-div {\n  display: flex;\n  align-items: center;\n}\n\n.upload-feedback {\n  padding: 10px;\n}\n\n/*** MATERIAL ICONS ***/\n%modal-icon {\n  font-size: 20px;\n  cursor: default;\n}\n\n.check-icon {\n  @extend %modal-icon;\n  color: #28a745;\n}\n\n.close-icon {\n  @extend %modal-icon;\n  color: red;\n}\n\n.lds-ring {\n  display: inline-block;\n  position: relative;\n  width: 30px;\n  height: 30px;\n}\n\n.lds-ring div {\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  right: 0;\n  width: 30px;\n  height: 30px;\n  border: 8px solid lightgray;\n  border-radius: 50%;\n  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: lightgray transparent transparent transparent;\n}\n\n.lds-ring div:nth-child(1) {\n  animation-delay: -0.45s;\n}\n\n.lds-ring div:nth-child(2) {\n  animation-delay: -0.3s;\n}\n\n.lds-ring div:nth-child(3) {\n  animation-delay: -0.15s;\n}\n\n.error {\n  color: red;\n}\n\n.errorSub {\n  color: black;\n}\n\n@keyframes lds-ring {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.allowedFTypes {\n  padding: 0.5rem;\n  border-radius: 5px;\n  border: 1px solid lightgrey;\n}\n\n.allowedTypesWrapper {\n  max-width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.fileuploadList {\n  width: 96.7%;\n}\n</style>\n"],"names":["_sfc_main","defineComponent","_a","mapGetters","mapActions","event","fileExtension","element","currentElement","rootElement","parentInputGroup","allInputGroupsNodeList","file","replaceEnabled","_c","_b","wantsToReplace","_d","distributionIndexToReplace","_e","fileIndexToReplace","targetDistribution","_f","targetFile","_g","accessUrl","fileUploadUrl","fileId","helper","options","form","catalog","token","resolvedOptions","requestOptions","result","axios","path","err","useI18n","useRuntimeEnv","drop","reactive","fLoad","ref","onClickOutside","triggerDropdown","e","dpiContext","useDpiContext","catalogIdFromFormkit","useFormKitNodeById","catalogId","computed","_hoisted_1","_hoisted_5","_hoisted_15","_createElementVNode","_createVNode","_component_FormKit","_ctx","$event","_openBlock","_createElementBlock","_hoisted_2","_cache","_hoisted_3","_mergeProps","args","_vModelText","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_createTextVNode","_toDisplayString","_hoisted_12","_hoisted_13","_hoisted_14","_Fragment","_renderList","types"],"mappings":"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"}

package/dist/data-provider-interface/components/Navigation.vue.d.ts

@@ -1,7 +1,7 @@
 declare const _default: import('vue').DefineComponent<{
     steps?: any;
-    nextStep?: any;
     previousStep?: any;
+    nextStep?: any;
     goToNextStep?: any;
     goToPreviousStep?: any;
 }, {
@@ -25,7 +25,6 @@ declare const _default: import('vue').DefineComponent<{
             corsproxyApiUrl: string;
         };
         authentication: {
-            useService: boolean;
             login: {
                 useLogin: boolean;
                 loginTitle: string;
@@ -35,6 +34,7 @@ declare const _default: import('vue').DefineComponent<{
                 logoutURL: string;
                 logoutRedirectUri: string;
             };
+            useService: boolean;
             keycloak: {
                 realm: string;
                 clientId: string;
@@ -356,9 +356,9 @@ declare const _default: import('vue').DefineComponent<{
 }, {
     formErrorCount(): boolean;
     getData: import('vuex').Computed;
+    getUserData: import('vuex').Computed;
     getIsEditMode: import('vuex').Computed;
     getIsDraft: import('vuex').Computed;
-    getUserData: import('vuex').Computed;
 }, {
     closeModal(): void;
     handleIDError(): void;
@@ -370,15 +370,15 @@ declare const _default: import('vue').DefineComponent<{
     createDraft(): void;
     createCatalogue(datasetId: any): void;
     idunique(id: any): Promise<boolean>;
-    convertToRDF: import('vuex').ActionMethod;
     clearAll: import('vuex').ActionMethod;
+    convertToRDF: import('vuex').ActionMethod;
     showSnackbar: import('vuex').ActionMethod;
     setIsEditMode: import('vuex').ActionMethod;
     setIsDraft: import('vuex').ActionMethod;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     steps?: any;
-    nextStep?: any;
     previousStep?: any;
+    nextStep?: any;
     goToNextStep?: any;
     goToPreviousStep?: any;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -38,7 +38,7 @@ const k = { class: "formkitProperty" }, y = { class: "formkitCmpWrap d-flex" },
               options: t.options,
               name: t.selectName
             }, {
-              prefix: d(() => e[2] || (e[2] = [])),
+              prefix: d(() => [...e[2] || (e[2] = [])]),
               _: 1
             }, 8, ["modelValue", "options", "name"]),
             e[3] || (e[3] = i()),
@@ -46,8 +46,7 @@ const k = { class: "formkitProperty" }, y = { class: "formkitCmpWrap d-flex" },
               selectValue: l.selectValue
             })
           ]),
-          _: 3,
-          __: [3]
+          _: 3
         }, 8, ["id", "name", "index", "modelValue"])
       ])
     ]));

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

@@ -1 +1 @@
-{"version":3,"file":"SelectControlledGroup.vue.mjs","sources":["../../../lib/data-provider-interface/components/SelectControlledGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * `SelectControlledGroup` is a Vue component wrapping the FormKit group input. \n * It features a central select input that dictates the behavior of all child inputs within the group. \n * This setup allows for conditional display and interaction of child components based on the select input's value. \n * \n * Note that this is not a FormKit input itself, but rather a wrapper around the FormKit group input.\n */\n\nimport { reactive } from 'vue';\nimport { FormKit } from '@formkit/vue';\n\nconst props = defineProps<{\n  name?: string;\n  selectName: string;\n  initialValue?: string;\n  options: Record<string, string>;\n  index?: number;\n  id?: any;\n  label?: string;\n  placeholder?: string;\n  info?: string;\n}>();\n\nconst data = reactive({\n  groupValue: {},\n  selectValue: props.initialValue ?? Object.keys(props.options)[0],\n});\n</script>\n\n<template>\n  <div class=\"formkitProperty\">\n    <h4>{{ props.label }}</h4>\n    <div class=\"formkitCmpWrap  d-flex\">\n      <FormKit :id=\"props.id\" type=\"group\" :name=\"name\" :index=\"props.index\" v-model=\"data.groupValue\">\n        <FormKit v-model=\"data.selectValue\" type=\"select\" :options=\"props.options\" :name=\"props.selectName\">\n          <template #prefix>\n            <!-- <div v-if=\"props.info\" class=\"infoI\">\n              <div class=\"tooltipFormkit\">\n                {{ props.info }}\n              </div>\n            </div> -->\n          </template>\n        </FormKit>\n        <slot :select-value=\"data.selectValue\" />\n      </FormKit>\n    </div>\n\n  </div>\n\n</template>"],"names":["props","__props","data","reactive","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_toDisplayString","_hoisted_2","_createVNode","_unref","FormKit","name","_cache","$event","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;AAYA,UAAMA,IAAQC,GAYRC,IAAOC,EAAS;AAAA,MACpB,YAAY,CAAC;AAAA,MACb,aAAaH,EAAM,gBAAgB,OAAO,KAAKA,EAAM,OAAO,EAAE,CAAC;AAAA,IAAA,CAChE;sBAICI,EAAA,GAAAC,EAiBM,OAjBNC,GAiBM;AAAA,MAhBJC,EAA0B,MAAA,MAAAC,EAAnBR,EAAM,KAAK,GAAA,CAAA;AAAA;MAClBO,EAaM,OAbNE,GAaM;AAAA,QAZJC,EAWUC,EAAAC,CAAA,GAAA;AAAA,UAXA,IAAIZ,EAAM;AAAA,UAAI,MAAK;AAAA,UAAS,MAAMa,EAAI;AAAA,UAAG,OAAOb,EAAM;AAAA,UAAgB,YAAAE,EAAK;AAAA,UAAL,uBAAAY,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAb,EAAK,aAAUa;AAAA,QAAA;qBAC7F,MAQU;AAAA,YARVL,EAQUC,EAAAC,CAAA,GAAA;AAAA,cARQ,YAAAV,EAAK;AAAA,cAAL,uBAAAY,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAb,EAAK,cAAWa;AAAA,cAAE,MAAK;AAAA,cAAU,SAASf,EAAM;AAAA,cAAU,MAAMA,EAAM;AAAA,YAAA;cAC3E,UAAX,MAMWc,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAA,EAAA;AAAA;;;YAEbE,EAAyCC,EAAA,QAAA,WAAA;AAAA,cAAlC,aAAcf,EAAK;AAAA,YAAA;;;;;;;;;"}
+{"version":3,"file":"SelectControlledGroup.vue.mjs","sources":["../../../lib/data-provider-interface/components/SelectControlledGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * `SelectControlledGroup` is a Vue component wrapping the FormKit group input. \n * It features a central select input that dictates the behavior of all child inputs within the group. \n * This setup allows for conditional display and interaction of child components based on the select input's value. \n * \n * Note that this is not a FormKit input itself, but rather a wrapper around the FormKit group input.\n */\n\nimport { reactive } from 'vue';\nimport { FormKit } from '@formkit/vue';\n\nconst props = defineProps<{\n  name?: string;\n  selectName: string;\n  initialValue?: string;\n  options: Record<string, string>;\n  index?: number;\n  id?: any;\n  label?: string;\n  placeholder?: string;\n  info?: string;\n}>();\n\nconst data = reactive({\n  groupValue: {},\n  selectValue: props.initialValue ?? Object.keys(props.options)[0],\n});\n</script>\n\n<template>\n  <div class=\"formkitProperty\">\n    <h4>{{ props.label }}</h4>\n    <div class=\"formkitCmpWrap  d-flex\">\n      <FormKit :id=\"props.id\" type=\"group\" :name=\"name\" :index=\"props.index\" v-model=\"data.groupValue\">\n        <FormKit v-model=\"data.selectValue\" type=\"select\" :options=\"props.options\" :name=\"props.selectName\">\n          <template #prefix>\n            <!-- <div v-if=\"props.info\" class=\"infoI\">\n              <div class=\"tooltipFormkit\">\n                {{ props.info }}\n              </div>\n            </div> -->\n          </template>\n        </FormKit>\n        <slot :select-value=\"data.selectValue\" />\n      </FormKit>\n    </div>\n\n  </div>\n\n</template>"],"names":["props","__props","data","reactive","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_toDisplayString","_hoisted_2","_createVNode","_unref","FormKit","name","_cache","$event","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;AAYA,UAAMA,IAAQC,GAYRC,IAAOC,EAAS;AAAA,MACpB,YAAY,CAAC;AAAA,MACb,aAAaH,EAAM,gBAAgB,OAAO,KAAKA,EAAM,OAAO,EAAE,CAAC;AAAA,IAAA,CAChE;sBAICI,EAAA,GAAAC,EAiBM,OAjBNC,GAiBM;AAAA,MAhBJC,EAA0B,MAAA,MAAAC,EAAnBR,EAAM,KAAK,GAAA,CAAA;AAAA;MAClBO,EAaM,OAbNE,GAaM;AAAA,QAZJC,EAWUC,EAAAC,CAAA,GAAA;AAAA,UAXA,IAAIZ,EAAM;AAAA,UAAI,MAAK;AAAA,UAAS,MAAMa,EAAI;AAAA,UAAG,OAAOb,EAAM;AAAA,UAAgB,YAAAE,EAAK;AAAA,UAAL,uBAAAY,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAb,EAAK,aAAUa;AAAA,QAAA;qBAC7F,MAQU;AAAA,YARVL,EAQUC,EAAAC,CAAA,GAAA;AAAA,cARQ,YAAAV,EAAK;AAAA,cAAL,uBAAAY,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAb,EAAK,cAAWa;AAAA,cAAE,MAAK;AAAA,cAAU,SAASf,EAAM;AAAA,cAAU,MAAMA,EAAM;AAAA,YAAA;cAC3E,UAAX,MAMW,CAAA,GAAAc,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,GAAA,CAAA;AAAA;;;YAEbE,EAAyCC,EAAA,QAAA,WAAA;AAAA,cAAlC,aAAcf,EAAK;AAAA,YAAA;;;;;;;;"}

package/dist/data-provider-interface/views/DistributionOverview.vue.d.ts

@@ -5,8 +5,8 @@ declare const _default: import('vue').DefineComponent<{
     distributionToDelete: number;
     distributionData: never[];
 }, {
-    getData: import('vuex').Computed;
     getNavSteps: import('vuex').Computed;
+    getData: import('vuex').Computed;
     getNumberOfDistributions: import('vuex').Computed;
 }, {
     truncate: typeof truncate;
@@ -18,9 +18,9 @@ declare const _default: import('vue').DefineComponent<{
     titleExists(data: any): boolean;
     descriptionExists(data: any): boolean;
     accessExists(data: any): boolean;
+    deleteDistribution: import('vuex').ActionMethod;
     saveLocalstorageValues: import('vuex').ActionMethod;
     addDistribution: import('vuex').ActionMethod;
-    deleteDistribution: import('vuex').ActionMethod;
     setDeleteDistributionInline: import('vuex').ActionMethod;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     distributionOverviewPage?: any;

package/dist/data-provider-interface/views/DistributionOverview.vue.mjs

@@ -126,7 +126,7 @@ function V(e, t, m, j, H, n) {
               i("span", {
                 onClick: (p) => n.redirectToDistributionForm(b),
                 class: "dist-edit-button p-2"
-              }, t[6] || (t[6] = [
+              }, [...t[6] || (t[6] = [
                 i("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   width: "25",
@@ -142,12 +142,12 @@ function V(e, t, m, j, H, n) {
                     d: "M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5v11z"
                   })
                 ], -1)
-              ]), 8, I),
+              ])], 8, I),
               t[8] || (t[8] = s()),
               i("span", {
                 onClick: (p) => n.triggerDeleteModal(b),
                 class: "dist-delete-button p-2"
-              }, t[7] || (t[7] = [
+              }, [...t[7] || (t[7] = [
                 i("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   width: "25",
@@ -160,7 +160,7 @@ function V(e, t, m, j, H, n) {
                   s(),
                   i("path", { d: "M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z" })
                 ], -1)
-              ]), 8, O)
+              ])], 8, O)
             ])
           ])
         ]))), 128))

package/dist/data-provider-interface/views/DraftsPage.vue.d.ts

@@ -17,7 +17,6 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
             corsproxyApiUrl: string;
         };
         authentication: {
-            useService: boolean;
             login: {
                 useLogin: boolean;
                 loginTitle: string;
@@ -27,6 +26,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
                 logoutURL: string;
                 logoutRedirectUri: string;
             };
+            useService: boolean;
             keycloak: {
                 realm: string;
                 clientId: string;
@@ -356,8 +356,8 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         url: any;
         token: any;
     }): Promise<void>;
-    convertToRDF: import('vuex').ActionMethod;
     clearAll: import('vuex').ActionMethod;
+    convertToRDF: import('vuex').ActionMethod;
     convertToInput: import('vuex').ActionMethod;
     showSnackbar: import('vuex').ActionMethod;
     setIsEditMode: import('vuex').ActionMethod;

package/dist/data-provider-interface/views/DraftsPage.vue.mjs

@@ -2,10 +2,10 @@ import { mapGetters as v, mapActions as h } from "vuex";
 import f from "jquery";
 import w from "../../widgets/AppLink.vue.mjs";
 import { useRuntimeEnv as $ } from "../../composables/useRuntimeEnv.mjs";
-import { resolveComponent as y, openBlock as c, createElementBlock as b, createElementVNode as e, createTextVNode as o, toDisplayString as r, Fragment as P, renderList as _, createVNode as i, withCtx as p } from "vue";
+import { resolveComponent as y, openBlock as c, createElementBlock as b, createElementVNode as e, createTextVNode as o, toDisplayString as r, Fragment as P, renderList as I, createVNode as i, withCtx as p } from "vue";
 import "./DraftsPage.vue2.mjs";
-import I from "../../_virtual/_plugin-vue_export-helper.mjs";
-const C = {
+import C from "../../_virtual/_plugin-vue_export-helper.mjs";
+const L = {
   props: [],
   components: {
     AppLink: w
@@ -105,7 +105,7 @@ const C = {
   created() {
     this.updateUserDrafts();
   }
-}, L = { class: "d-flex flex-column bg-transparent container-fluid justify-content-between content draftWrapper" }, S = { class: "d-flex mt-3" }, U = { class: "logoDPIPiveau" }, x = { class: "" }, M = { class: "infoBox" }, R = { class: "d-flex" }, q = ["innerHTML"], T = { class: "d-flex align-items-center justify-content-center" }, B = { class: "table" }, E = { scope: "col" }, N = { scope: "col" }, A = { scope: "col" }, j = ["data-cy"], F = { class: "w33" }, V = { class: "w33" }, W = { class: "buttonWrapper" }, z = {
+}, S = { class: "d-flex flex-column bg-transparent container-fluid justify-content-between content draftWrapper" }, U = { class: "d-flex mt-3" }, _ = { class: "logoDPIPiveau" }, x = { class: "" }, M = { class: "infoBox" }, R = { class: "d-flex" }, q = ["innerHTML"], T = { class: "d-flex align-items-center justify-content-center" }, B = { class: "table" }, E = { scope: "col" }, N = { scope: "col" }, A = { scope: "col" }, j = ["data-cy"], F = { class: "w33" }, V = { class: "w33" }, W = { class: "buttonWrapper" }, z = {
   type: "button",
   class: "btn btn-secondary dropDownWrap"
 }, H = ["title"], G = {
@@ -114,9 +114,9 @@ const C = {
 }, J = ["onClick"], O = ["onClick"], X = ["onClick"], K = ["onClick"];
 function Q(s, t, u, D, m, n) {
   const l = y("app-link"), k = y("app-confirmation-dialog");
-  return c(), b("div", L, [
-    e("div", S, [
-      e("div", U, [
+  return c(), b("div", S, [
+    e("div", U, [
+      e("div", _, [
         t[0] || (t[0] = e("h2", null, "DPI", -1)),
         t[1] || (t[1] = o()),
         t[2] || (t[2] = e("div", { class: "dpiLogoSeperator" }, null, -1)),
@@ -159,7 +159,7 @@ function Q(s, t, u, D, m, n) {
         ]),
         t[24] || (t[24] = o()),
         e("tbody", null, [
-          (c(!0), b(P, null, _(s.getUserDrafts, ({ id: a, catalog: d }) => (c(), b("tr", {
+          (c(!0), b(P, null, I(s.getUserDrafts, ({ id: a, catalog: d }) => (c(), b("tr", {
             key: `draft@${a}`,
             "data-cy": `draft@${a}`
           }, [
@@ -194,60 +194,55 @@ function Q(s, t, u, D, m, n) {
                     target: "_blank",
                     class: "dropdown-item"
                   }, {
-                    default: p(() => t[8] || (t[8] = [
+                    default: p(() => [...t[8] || (t[8] = [
                       e("div", { class: "px-2 py-1" }, "RDF/XML", -1)
-                    ])),
-                    _: 2,
-                    __: [8]
-                  }, 1032, ["to"]),
+                    ])]),
+                    _: 1
+                  }, 8, ["to"]),
                   t[13] || (t[13] = o()),
                   i(l, {
                     to: n.createLinkedMetricsURL(a, d, "ttl"),
                     target: "_blank",
                     class: "dropdown-item"
                   }, {
-                    default: p(() => t[9] || (t[9] = [
+                    default: p(() => [...t[9] || (t[9] = [
                       e("div", { class: "px-2 py-1" }, "Turtle", -1)
-                    ])),
-                    _: 2,
-                    __: [9]
-                  }, 1032, ["to"]),
+                    ])]),
+                    _: 1
+                  }, 8, ["to"]),
                   t[14] || (t[14] = o()),
                   i(l, {
                     to: n.createLinkedMetricsURL(a, d, "n3"),
                     target: "_blank",
                     class: "dropdown-item"
                   }, {
-                    default: p(() => t[10] || (t[10] = [
+                    default: p(() => [...t[10] || (t[10] = [
                       e("div", { class: "px-2 py-1" }, "Notation3", -1)
-                    ])),
-                    _: 2,
-                    __: [10]
-                  }, 1032, ["to"]),
+                    ])]),
+                    _: 1
+                  }, 8, ["to"]),
                   t[15] || (t[15] = o()),
                   i(l, {
                     to: n.createLinkedMetricsURL(a, d, "nt"),
                     target: "_blank",
                     class: "dropdown-item"
                   }, {
-                    default: p(() => t[11] || (t[11] = [
+                    default: p(() => [...t[11] || (t[11] = [
                       e("div", { class: "px-2 py-1" }, "N-Triples", -1)
-                    ])),
-                    _: 2,
-                    __: [11]
-                  }, 1032, ["to"]),
+                    ])]),
+                    _: 1
+                  }, 8, ["to"]),
                   t[16] || (t[16] = o()),
                   i(l, {
                     to: n.createLinkedMetricsURL(a, d, "jsonld"),
                     target: "_blank",
                     class: "dropdown-item"
                   }, {
-                    default: p(() => t[12] || (t[12] = [
+                    default: p(() => [...t[12] || (t[12] = [
                       e("div", { class: "px-2 py-1" }, "JSON-LD", -1)
-                    ])),
-                    _: 2,
-                    __: [12]
-                  }, 1032, ["to"])
+                    ])]),
+                    _: 1
+                  }, 8, ["to"])
                 ])
               ]),
               t[18] || (t[18] = o()),
@@ -293,7 +288,7 @@ function Q(s, t, u, D, m, n) {
     }, 8, ["loading", "onConfirm"])
   ]);
 }
-const rt = /* @__PURE__ */ I(C, [["render", Q], ["__scopeId", "data-v-8f837c12"]]);
+const rt = /* @__PURE__ */ C(L, [["render", Q], ["__scopeId", "data-v-8f837c12"]]);
 export {
   rt as default
 };

package/dist/data-provider-interface/views/DraftsPage.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DraftsPage.vue.mjs","sources":["../../../lib/data-provider-interface/views/DraftsPage.vue"],"sourcesContent":["<template>\n  <!-- TODO Add a Mobile Version of that overview (pref with Icons)-->\n  <div class=\"d-flex flex-column bg-transparent container-fluid justify-content-between content draftWrapper\">\n    <div class=\"d-flex mt-3\">\n\n      <div class=\"logoDPIPiveau\">\n        <h2>DPI</h2>\n        <div class=\"dpiLogoSeperator\"></div>\n        <h4 class=\"\" >{{ $t('message.dataupload.menu.draftDatasets') }}</h4>\n      </div>\n    </div>\n\n    <div class=\"infoBox\">\n      <div class=\"d-flex\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30px\" height=\"30px\" fill=\"currentColor\"\n          class=\"bi bi-info-circle mr-3 mb-3 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 v-html=\"$t('message.dataupload.drafts.intro')\">\n        </p>\n      </div>\n\n    </div>\n    <div class=\"d-flex align-items-center justify-content-center\">\n      <table class=\"table\">\n        <thead>\n          <tr>\n            <th scope=\"col\">{{ $t('message.dataupload.menu.Dataset') }} ID</th>\n            <th scope=\"col\">{{ $t('message.dataupload.menu.Catalogue') }} ID</th>\n            <th scope=\"col\">{{ $t('message.dataupload.menu.actions') }}</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-for=\"{ id, catalog } in getUserDrafts\" :key=\"`draft@${id}`\" :data-cy=\"`draft@${id}`\">\n            <td class=\"w33\">{{ id }}</td>\n            <td class=\"w33\">{{ catalog }}</td>\n            <td class=\"buttonWrapper\">\n              <button type=\"button\" class=\"btn btn-secondary dropDownWrap\">\n                <app-link class=\"dropdown-toggle text-nowrap text-decoration-none\" fragment=\"#\" role=\"button\"\n                  id=\"linkedDataDropdown\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n                  <span :title=\"$t('message.metadata.linkedData')\" data-toggle=\"tooltip\" data-placement=\"top\">\n                    {{ $t('message.metadata.linkedData') }}\n                  </span>\n                </app-link>\n                <div class=\"dropdown-menu dropdown-menu-right\" aria-labelledby=\"linkedDataDropdown\">\n                  <app-link :to=\"createLinkedMetricsURL(id, catalog, 'rdf')\" target=\"_blank\" class=\"dropdown-item\">\n                    <div class=\"px-2 py-1\">RDF/XML</div>\n                  </app-link>\n                  <app-link :to=\"createLinkedMetricsURL(id, catalog, 'ttl')\" target=\"_blank\" class=\"dropdown-item\">\n                    <div class=\"px-2 py-1\">Turtle</div>\n                  </app-link>\n                  <app-link :to=\"createLinkedMetricsURL(id, catalog, 'n3')\" target=\"_blank\" class=\"dropdown-item\">\n                    <div class=\"px-2 py-1\">Notation3</div>\n                  </app-link>\n                  <app-link :to=\"createLinkedMetricsURL(id, catalog, 'nt')\" target=\"_blank\" class=\"dropdown-item\">\n                    <div class=\"px-2 py-1\">N-Triples</div>\n                  </app-link>\n                  <app-link :to=\"createLinkedMetricsURL(id, catalog, 'jsonld')\" target=\"_blank\" class=\"dropdown-item\">\n                    <div class=\"px-2 py-1\">JSON-LD</div>\n                  </app-link>\n\n                </div>\n              </button>\n              <button type=\"button\" class=\"btn btn-secondary\" @click=\"handleEdit(id, catalog)\">{{\n                $t('message.dataupload.menu.edit') }}</button>\n              <button type=\"button\" class=\"btn btn-primary\" @click=\"handleConfirmPublish(id, catalog)\">{{\n                $t('message.dataupload.menu.publish') }}</button>\n              <button type=\"button\" class=\"btn btn-primary\" @click=\"handleConfirmDuplication(id, catalog)\">{{\n                $t('message.dataupload.menu.duplicate') }}</button>\n              <button type=\"button\" class=\"btn btn-danger\" @click=\"handleConfirmDelete(id, catalog)\">{{\n                $t('message.dataupload.menu.delete') }}</button>\n\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n\n    <app-confirmation-dialog id=\"modal\" confirm=\"Confirm\" :loading=\"modalProps.loading\" @confirm=\"modalProps.confirm\">\n      {{ modalProps.message }}\n    </app-confirmation-dialog>\n  </div>\n</template>\n\n<script>\nimport { mapActions, mapGetters } from 'vuex';\nimport $ from 'jquery';\nimport AppLink from \"../../widgets/AppLink.vue\";\nimport { useRuntimeEnv } from \"../../composables/useRuntimeEnv.ts\";\n\nexport default {\n  props: [],\n  components: {\n    AppLink\n  },\n  data() {\n    return {\n      env: useRuntimeEnv(),\n      values: {},\n      isDuplication: localStorage.getItem('dpi_duplicate'),\n      duplicatedID: '',\n      modalProps: {\n        loading: false,\n        message: this.$t('message.dataupload.modal.deleteDraft'),\n        confirm: () => null,\n      },\n    };\n  },\n  computed: {\n    ...mapGetters('auth', [\n      'getUserDrafts',\n      'getUserData',\n\n    ]),\n    token() {\n      return this.getUserData.rtpToken;\n    },\n  },\n  methods: {\n    ...mapActions('auth', [\n      'setIsDraft',\n      'updateUserDrafts',\n      'setIsEditMode',\n    ]),\n    ...mapActions('snackbar', [\n      'showSnackbar',\n    ]),\n    ...mapActions('dpiStore', [\n      'convertToRDF',\n      'clearAll',\n      'convertToInput',\n      // 'deleteDistribution',\n      // 'setDeleteDistributionInline',\n    ]),\n    createLinkedMetricsURL(id, catalog, format) {\n      return {\n        path: `/dpi/draft/${id}.${format}`,\n        query: {\n          useNormalizedId: true,\n          locale: this.$route.query.locale,\n          catalogue: catalog,\n        },\n      };\n    },\n    handleEdit(id, catalog) {\n      this.setIsDraft(true);\n      localStorage.removeItem('dpi_duplicate')\n      this.$router.push({ name: 'DataProviderInterface-Edit', params: { catalog, property: 'datasets', id }, query: { locale: this.$route.query.locale } }).catch(() => { });\n    },\n    async handleDelete(id, catalog) {\n      await this.doRequest('auth/deleteUserDraftById', { id, catalog });\n      $('#modal').modal('hide');\n      this.showSnackbar({\n        message: this.$t('message.dataupload.snackBar.draftDeleted'),\n        variant: 'success',\n      });\n\n    },\n    async handlePublish(id, catalog) {\n      await this.doRequest('auth/publishUserDraftById', { id, catalog });\n      $('#modal').modal('hide');\n      this.showSnackbar({\n        message: this.$t('message.dataupload.snackBar.datasetPublished'),\n        variant: 'success',\n      });\n      this.$router.push({ name: 'DatasetDetailsDataset', params: { ds_id: id }, query: { locale: this.$route.query.locale } }).catch(() => { });\n      setTimeout(() => {\n        localStorage.removeItem('dpi_duplicate')\n        this.$router.go();\n      });\n\n    },\n    handleConfirmPublish(id, catalog) {\n\n      this.modalProps.message = this.$t('message.dataupload.modal.publishDataset');\n      \n      this.modalProps.confirm = () => this.handlePublish(id, catalog);\n      $('#modal').modal('show');\n      localStorage.removeItem('dpi_duplicate')\n    },\n    handleConfirmDelete(id, catalog) {\n\n      this.modalProps.message = this.$t('message.dataupload.modal.deleteDraft');\n      this.modalProps.confirm = () => this.handleDelete(id, catalog);\n      $('#modal').modal('show');\n      localStorage.removeItem('dpi_duplicate')\n    },\n    handleConfirmDuplication(id, catalog) {\n      this.setIsDraft(true);\n      localStorage.setItem('dpi_duplicate', true)\n      this.$router.push({ name: 'DataProviderInterface-Edit', params: { catalog, property: 'datasets', id }, query: { locale: this.$route.query.locale } }).catch(() => { console.log(error); });\n\n    },\n    async doRequest(action, { id, newId, catalog, url, token }) {\n      this.$Progress.start();\n      this.modalProps.loading = true;\n      try {\n        await this.$store.dispatch(action, { id, newId, catalog, url, token });\n        this.$Progress.finish();\n      } catch (ex) {\n        // Show snackbar\n        this.showSnackbar({\n          message: ex.message,\n          color: 'error',\n        });\n        this.$Progress.fail();\n      } finally {\n        await new Promise(resolve => setTimeout(resolve, 500));\n        this.modalProps.loading = false;\n      }\n    },\n  },\n  created() {\n    this.updateUserDrafts();\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@media (min-width: 1140px) {}\n\n.nav-link {\n  text-decoration: underline;\n}\n\n.active {\n  text-decoration: none;\n  font-weight: 700;\n}\n\n.dropdown-item {\n  &:active {\n    background-color: #868e96;\n  }\n}\n\n#linkedDataDropdown {\n\n  color: #3f3f3f;\n\n  &:hover {\n    color: white;\n  }\n}\n\n.buttonWrapper button {\n  margin: 0.2rem;\n}\n\n.buttonWrapper {\n  width: 100%;\n  display: flex;\n}\n\n.newIdField {\n  margin: 1rem 0 !important;\n  box-shadow: none;\n  border-radius: 0;\n  border-bottom: 1px solid #001D85;\n  transition: all 100ms ease-in-out;\n}\n\n.table td {\n  border-top: none;\n  vertical-align: middle;\n}\n\n.table tbody tr:not(:last-of-type) {\n\n  border-bottom: 1px solid lightgray;\n  // box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n  // transition: all 0.3s cubic-bezier(.25, .8, .25, 1);\n\n  // &:hover {\n  //   box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);\n  // }\n}\n\n.w33 {\n  width: 33%;\n}\n\n.draftWrapper {\n  margin-bottom: 120px;\n}\n\n.btn {\n  background: none;\n  color: #3f3f3f;\n\n  &:hover {\n\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);\n  }\n}\n\n.dropDownWrap {\n  min-width: 175px;\n  position: relative;\n}\n\n.dropdown-toggle {\n  display: inline-block;\n  width: 100%;\n\n  &:active {\n    border: none;\n  }\n}\n\n.dropdown-menu.show {\n  padding: 0 !important;\n  transform: none !important;\n  top: 35px !important;\n  width: 100%;\n  z-index: 1;\n}\n\n.infoBox {\n  margin-bottom: 40px;\n}\n\n.logoDPIPiveau {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  justify-content: space-between;\n\n  img {\n    width: 10rem;\n  }\n\n  h2 {\n\n    color: #3f3f3f;\n  }\n}\n\n.dpiLogoSeperator {\n  height: 1px;\n  background-color: #3f3f3f;\n  width: 100%;\n  margin: 0 1rem;\n}\n</style>\n"],"names":["_sfc_main","AppLink","useRuntimeEnv","mapGetters","mapActions","id","catalog","format","$","action","newId","url","token","ex","resolve","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_14","_hoisted_15","_hoisted_16","_openBlock","_createElementBlock","_createElementVNode","_cache","_toDisplayString","_ctx","_Fragment","_renderList","_hoisted_17","_createVNode","_component_app_link","_hoisted_18","_hoisted_19","$options","$event","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_component_app_confirmation_dialog","$data","_createTextVNode"],"mappings":"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"}
+{"version":3,"file":"DraftsPage.vue.mjs","sources":["../../../lib/data-provider-interface/views/DraftsPage.vue"],"sourcesContent":["<template>\n  <!-- TODO Add a Mobile Version of that overview (pref with Icons)-->\n  <div class=\"d-flex flex-column bg-transparent container-fluid justify-content-between content draftWrapper\">\n    <div class=\"d-flex mt-3\">\n\n      <div class=\"logoDPIPiveau\">\n        <h2>DPI</h2>\n        <div class=\"dpiLogoSeperator\"></div>\n        <h4 class=\"\" >{{ $t('message.dataupload.menu.draftDatasets') }}</h4>\n      </div>\n    </div>\n\n    <div class=\"infoBox\">\n      <div class=\"d-flex\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30px\" height=\"30px\" fill=\"currentColor\"\n          class=\"bi bi-info-circle mr-3 mb-3 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 v-html=\"$t('message.dataupload.drafts.intro')\">\n        </p>\n      </div>\n\n    </div>\n    <div class=\"d-flex align-items-center justify-content-center\">\n      <table class=\"table\">\n        <thead>\n          <tr>\n            <th scope=\"col\">{{ $t('message.dataupload.menu.Dataset') }} ID</th>\n            <th scope=\"col\">{{ $t('message.dataupload.menu.Catalogue') }} ID</th>\n            <th scope=\"col\">{{ $t('message.dataupload.menu.actions') }}</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-for=\"{ id, catalog } in getUserDrafts\" :key=\"`draft@${id}`\" :data-cy=\"`draft@${id}`\">\n            <td class=\"w33\">{{ id }}</td>\n            <td class=\"w33\">{{ catalog }}</td>\n            <td class=\"buttonWrapper\">\n              <button type=\"button\" class=\"btn btn-secondary dropDownWrap\">\n                <app-link class=\"dropdown-toggle text-nowrap text-decoration-none\" fragment=\"#\" role=\"button\"\n                  id=\"linkedDataDropdown\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n                  <span :title=\"$t('message.metadata.linkedData')\" data-toggle=\"tooltip\" data-placement=\"top\">\n                    {{ $t('message.metadata.linkedData') }}\n                  </span>\n                </app-link>\n                <div class=\"dropdown-menu dropdown-menu-right\" aria-labelledby=\"linkedDataDropdown\">\n                  <app-link :to=\"createLinkedMetricsURL(id, catalog, 'rdf')\" target=\"_blank\" class=\"dropdown-item\">\n                    <div class=\"px-2 py-1\">RDF/XML</div>\n                  </app-link>\n                  <app-link :to=\"createLinkedMetricsURL(id, catalog, 'ttl')\" target=\"_blank\" class=\"dropdown-item\">\n                    <div class=\"px-2 py-1\">Turtle</div>\n                  </app-link>\n                  <app-link :to=\"createLinkedMetricsURL(id, catalog, 'n3')\" target=\"_blank\" class=\"dropdown-item\">\n                    <div class=\"px-2 py-1\">Notation3</div>\n                  </app-link>\n                  <app-link :to=\"createLinkedMetricsURL(id, catalog, 'nt')\" target=\"_blank\" class=\"dropdown-item\">\n                    <div class=\"px-2 py-1\">N-Triples</div>\n                  </app-link>\n                  <app-link :to=\"createLinkedMetricsURL(id, catalog, 'jsonld')\" target=\"_blank\" class=\"dropdown-item\">\n                    <div class=\"px-2 py-1\">JSON-LD</div>\n                  </app-link>\n\n                </div>\n              </button>\n              <button type=\"button\" class=\"btn btn-secondary\" @click=\"handleEdit(id, catalog)\">{{\n                $t('message.dataupload.menu.edit') }}</button>\n              <button type=\"button\" class=\"btn btn-primary\" @click=\"handleConfirmPublish(id, catalog)\">{{\n                $t('message.dataupload.menu.publish') }}</button>\n              <button type=\"button\" class=\"btn btn-primary\" @click=\"handleConfirmDuplication(id, catalog)\">{{\n                $t('message.dataupload.menu.duplicate') }}</button>\n              <button type=\"button\" class=\"btn btn-danger\" @click=\"handleConfirmDelete(id, catalog)\">{{\n                $t('message.dataupload.menu.delete') }}</button>\n\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n\n    <app-confirmation-dialog id=\"modal\" confirm=\"Confirm\" :loading=\"modalProps.loading\" @confirm=\"modalProps.confirm\">\n      {{ modalProps.message }}\n    </app-confirmation-dialog>\n  </div>\n</template>\n\n<script>\nimport { mapActions, mapGetters } from 'vuex';\nimport $ from 'jquery';\nimport AppLink from \"../../widgets/AppLink.vue\";\nimport { useRuntimeEnv } from \"../../composables/useRuntimeEnv.ts\";\n\nexport default {\n  props: [],\n  components: {\n    AppLink\n  },\n  data() {\n    return {\n      env: useRuntimeEnv(),\n      values: {},\n      isDuplication: localStorage.getItem('dpi_duplicate'),\n      duplicatedID: '',\n      modalProps: {\n        loading: false,\n        message: this.$t('message.dataupload.modal.deleteDraft'),\n        confirm: () => null,\n      },\n    };\n  },\n  computed: {\n    ...mapGetters('auth', [\n      'getUserDrafts',\n      'getUserData',\n\n    ]),\n    token() {\n      return this.getUserData.rtpToken;\n    },\n  },\n  methods: {\n    ...mapActions('auth', [\n      'setIsDraft',\n      'updateUserDrafts',\n      'setIsEditMode',\n    ]),\n    ...mapActions('snackbar', [\n      'showSnackbar',\n    ]),\n    ...mapActions('dpiStore', [\n      'convertToRDF',\n      'clearAll',\n      'convertToInput',\n      // 'deleteDistribution',\n      // 'setDeleteDistributionInline',\n    ]),\n    createLinkedMetricsURL(id, catalog, format) {\n      return {\n        path: `/dpi/draft/${id}.${format}`,\n        query: {\n          useNormalizedId: true,\n          locale: this.$route.query.locale,\n          catalogue: catalog,\n        },\n      };\n    },\n    handleEdit(id, catalog) {\n      this.setIsDraft(true);\n      localStorage.removeItem('dpi_duplicate')\n      this.$router.push({ name: 'DataProviderInterface-Edit', params: { catalog, property: 'datasets', id }, query: { locale: this.$route.query.locale } }).catch(() => { });\n    },\n    async handleDelete(id, catalog) {\n      await this.doRequest('auth/deleteUserDraftById', { id, catalog });\n      $('#modal').modal('hide');\n      this.showSnackbar({\n        message: this.$t('message.dataupload.snackBar.draftDeleted'),\n        variant: 'success',\n      });\n\n    },\n    async handlePublish(id, catalog) {\n      await this.doRequest('auth/publishUserDraftById', { id, catalog });\n      $('#modal').modal('hide');\n      this.showSnackbar({\n        message: this.$t('message.dataupload.snackBar.datasetPublished'),\n        variant: 'success',\n      });\n      this.$router.push({ name: 'DatasetDetailsDataset', params: { ds_id: id }, query: { locale: this.$route.query.locale } }).catch(() => { });\n      setTimeout(() => {\n        localStorage.removeItem('dpi_duplicate')\n        this.$router.go();\n      });\n\n    },\n    handleConfirmPublish(id, catalog) {\n\n      this.modalProps.message = this.$t('message.dataupload.modal.publishDataset');\n      \n      this.modalProps.confirm = () => this.handlePublish(id, catalog);\n      $('#modal').modal('show');\n      localStorage.removeItem('dpi_duplicate')\n    },\n    handleConfirmDelete(id, catalog) {\n\n      this.modalProps.message = this.$t('message.dataupload.modal.deleteDraft');\n      this.modalProps.confirm = () => this.handleDelete(id, catalog);\n      $('#modal').modal('show');\n      localStorage.removeItem('dpi_duplicate')\n    },\n    handleConfirmDuplication(id, catalog) {\n      this.setIsDraft(true);\n      localStorage.setItem('dpi_duplicate', true)\n      this.$router.push({ name: 'DataProviderInterface-Edit', params: { catalog, property: 'datasets', id }, query: { locale: this.$route.query.locale } }).catch(() => { console.log(error); });\n\n    },\n    async doRequest(action, { id, newId, catalog, url, token }) {\n      this.$Progress.start();\n      this.modalProps.loading = true;\n      try {\n        await this.$store.dispatch(action, { id, newId, catalog, url, token });\n        this.$Progress.finish();\n      } catch (ex) {\n        // Show snackbar\n        this.showSnackbar({\n          message: ex.message,\n          color: 'error',\n        });\n        this.$Progress.fail();\n      } finally {\n        await new Promise(resolve => setTimeout(resolve, 500));\n        this.modalProps.loading = false;\n      }\n    },\n  },\n  created() {\n    this.updateUserDrafts();\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@media (min-width: 1140px) {}\n\n.nav-link {\n  text-decoration: underline;\n}\n\n.active {\n  text-decoration: none;\n  font-weight: 700;\n}\n\n.dropdown-item {\n  &:active {\n    background-color: #868e96;\n  }\n}\n\n#linkedDataDropdown {\n\n  color: #3f3f3f;\n\n  &:hover {\n    color: white;\n  }\n}\n\n.buttonWrapper button {\n  margin: 0.2rem;\n}\n\n.buttonWrapper {\n  width: 100%;\n  display: flex;\n}\n\n.newIdField {\n  margin: 1rem 0 !important;\n  box-shadow: none;\n  border-radius: 0;\n  border-bottom: 1px solid #001D85;\n  transition: all 100ms ease-in-out;\n}\n\n.table td {\n  border-top: none;\n  vertical-align: middle;\n}\n\n.table tbody tr:not(:last-of-type) {\n\n  border-bottom: 1px solid lightgray;\n  // box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n  // transition: all 0.3s cubic-bezier(.25, .8, .25, 1);\n\n  // &:hover {\n  //   box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);\n  // }\n}\n\n.w33 {\n  width: 33%;\n}\n\n.draftWrapper {\n  margin-bottom: 120px;\n}\n\n.btn {\n  background: none;\n  color: #3f3f3f;\n\n  &:hover {\n\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);\n  }\n}\n\n.dropDownWrap {\n  min-width: 175px;\n  position: relative;\n}\n\n.dropdown-toggle {\n  display: inline-block;\n  width: 100%;\n\n  &:active {\n    border: none;\n  }\n}\n\n.dropdown-menu.show {\n  padding: 0 !important;\n  transform: none !important;\n  top: 35px !important;\n  width: 100%;\n  z-index: 1;\n}\n\n.infoBox {\n  margin-bottom: 40px;\n}\n\n.logoDPIPiveau {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  justify-content: space-between;\n\n  img {\n    width: 10rem;\n  }\n\n  h2 {\n\n    color: #3f3f3f;\n  }\n}\n\n.dpiLogoSeperator {\n  height: 1px;\n  background-color: #3f3f3f;\n  width: 100%;\n  margin: 0 1rem;\n}\n</style>\n"],"names":["_sfc_main","AppLink","useRuntimeEnv","mapGetters","mapActions","id","catalog","format","$","action","newId","url","token","ex","resolve","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_14","_hoisted_15","_hoisted_16","_openBlock","_createElementBlock","_createElementVNode","_cache","_toDisplayString","_ctx","_Fragment","_renderList","_hoisted_17","_createVNode","_component_app_link","_hoisted_18","_hoisted_19","$options","$event","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_component_app_confirmation_dialog","$data","_createTextVNode"],"mappings":"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"}

package/dist/data-provider-interface/views/InputPage.vue.d.ts

@@ -46,7 +46,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     corsproxyApiUrl: string;
                 };
                 authentication: {
-                    useService: boolean;
                     login: {
                         useLogin: boolean;
                         loginTitle: string;
@@ -56,6 +55,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         logoutURL: string;
                         logoutRedirectUri: string;
                     };
+                    useService: boolean;
                     keycloak: {
                         realm: string;
                         clientId: string;
@@ -1245,8 +1245,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     createDatasetID(): void;
     generateandTranslateSchema(property: any): void;
     clearAll: import('vuex').ActionMethod;
-    saveFormValues: import('vuex').ActionMethod;
     saveLocalstorageValues: import('vuex').ActionMethod;
+    saveFormValues: import('vuex').ActionMethod;
     setIsEditMode: import('vuex').ActionMethod;
     setIsDraft: import('vuex').ActionMethod;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -1301,8 +1301,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     PropertyChooser: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
     Navigation: import('vue').DefineComponent<{
         steps?: any;
-        nextStep?: any;
         previousStep?: any;
+        nextStep?: any;
         goToNextStep?: any;
         goToPreviousStep?: any;
     }, {
@@ -1326,7 +1326,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 corsproxyApiUrl: string;
             };
             authentication: {
-                useService: boolean;
                 login: {
                     useLogin: boolean;
                     loginTitle: string;
@@ -1336,6 +1335,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     logoutURL: string;
                     logoutRedirectUri: string;
                 };
+                useService: boolean;
                 keycloak: {
                     realm: string;
                     clientId: string;
@@ -1657,9 +1657,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }, {
         formErrorCount(): boolean;
         getData: import('vuex').Computed;
+        getUserData: import('vuex').Computed;
         getIsEditMode: import('vuex').Computed;
         getIsDraft: import('vuex').Computed;
-        getUserData: import('vuex').Computed;
     }, {
         closeModal(): void;
         handleIDError(): void;
@@ -1671,15 +1671,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         createDraft(): void;
         createCatalogue(datasetId: any): void;
         idunique(id: any): Promise<boolean>;
-        convertToRDF: import('vuex').ActionMethod;
         clearAll: import('vuex').ActionMethod;
+        convertToRDF: import('vuex').ActionMethod;
         showSnackbar: import('vuex').ActionMethod;
         setIsEditMode: import('vuex').ActionMethod;
         setIsDraft: import('vuex').ActionMethod;
     }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
         steps?: any;
-        nextStep?: any;
         previousStep?: any;
+        nextStep?: any;
         goToNextStep?: any;
         goToPreviousStep?: any;
     }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/data-provider-interface/views/InputPage.vue.mjs

@@ -267,9 +267,9 @@ function ye(e, t, d, s, n, c) {
                   h != Object.keys(e.steps).length ? (o(), r("div", de)) : u("", !0)
                 ], 10, ae))), 128)),
                 t[8] || (t[8] = a()),
-                e.activeStep === "Overview" ? (o(), r("li", ue, t[7] || (t[7] = [
+                e.activeStep === "Overview" ? (o(), r("li", ue, [...t[7] || (t[7] = [
                   p("div", { class: "circle stepCircle" }, null, -1)
-                ]))) : u("", !0)
+                ])])) : u("", !0)
               ]),
               t[15] || (t[15] = a()),
               p("div", me, [
@@ -308,8 +308,7 @@ function ye(e, t, d, s, n, c) {
                         a(" " + m(e.$t("message.dataupload.info.mandatory")), 1)
                       ])) : u("", !0)
                     ]),
-                    _: 2,
-                    __: [11, 12, 13, 14]
+                    _: 2
                   }, 1032, ["name"])
                 ]))), 128))
               ])
@@ -323,8 +322,7 @@ function ye(e, t, d, s, n, c) {
               goToPreviousStep: e.goToPreviousStep
             }, null, 8, ["steps", "nextStep", "previousStep", "goToNextStep", "goToPreviousStep"])
           ]),
-          _: 1,
-          __: [16]
+          _: 1
         }, 8, ["modelValue", "plugins"])
       ])
     ], 512)) : u("", !0)