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

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

@@ -1,4 +1,4 @@
-import { defineComponent as k, markRaw as $, resolveComponent as v, openBlock as i, createBlock as D, withCtx as f, createElementVNode as n, createElementBlock as s, Fragment as y, renderList as b, normalizeClass as I, toDisplayString as C, createTextVNode as r, createCommentVNode as c, createVNode as g } from "vue";
+import { defineComponent as k, markRaw as $, resolveComponent as v, openBlock as i, createBlock as D, withCtx as y, createElementVNode as n, createElementBlock as o, Fragment as b, renderList as C, normalizeClass as I, toDisplayString as h, createTextVNode as r, createCommentVNode as l, createVNode as g } from "vue";
 import { mapGetters as P } from "vuex";
 import { useDpiStepper as F } from "../composables/useDpiStepper.mjs";
 import V from "./InputPageStep.vue.mjs";
@@ -66,26 +66,26 @@ const K = k({
     const {
       steps: e,
       activeStep: a,
-      visitedSteps: l,
-      previousStep: h,
-      nextStep: S,
-      stepPlugin: _,
+      visitedSteps: c,
+      previousStep: S,
+      nextStep: _,
+      stepPlugin: f,
       goToNextStep: p,
       goToPreviousStep: d
-    } = F(), u = (t) => (e[t].errorCount > 0 || e[t].blockingCount > 0) && l.value.includes(t), o = $({
+    } = F(), u = (t) => (e[t].errorCount > 0 || e[t].blockingCount > 0) && c.value.includes(t), s = $({
       SelectControlledGroup: w
     });
     return {
       steps: e,
-      visitedSteps: l,
+      visitedSteps: c,
       activeStep: a,
-      previousStep: h,
-      nextStep: S,
-      stepPlugin: _,
+      previousStep: S,
+      nextStep: _,
+      stepPlugin: f,
       checkStepValidity: u,
       goToNextStep: p,
       goToPreviousStep: d,
-      library: o
+      library: s
     };
   }
 }), j = {
@@ -94,10 +94,7 @@ const K = k({
 }, z = {
   key: 0,
   class: "disInfoWrapper"
-}, L = { class: "steps" }, O = ["data-step-active", "data-step-valid", "onClick"], T = { class: "stepBubbleWrap" }, q = { class: "circle stepCircle" }, A = {
-  key: 0,
-  class: "step--errors"
-}, E = {
+}, L = { class: "steps" }, O = ["data-step-active", "data-step-valid", "onClick"], T = { class: "stepBubbleWrap" }, q = { class: "circle stepCircle" }, A = ["textContent"], E = {
   key: 0,
   class: "seperatorHorizontalStepper"
 }, G = {
@@ -112,18 +109,18 @@ const K = k({
   key: 0,
   class: "p-1"
 }, Z = /* @__PURE__ */ n("b", null, "*", -1);
-function J(e, a, l, h, S, _) {
+function J(e, a, c, S, _, f) {
   const p = v("FormKitSchema"), d = v("InputPageStep"), u = v("FormKit");
   return i(), D(u, {
     type: "form",
     actions: !1,
     plugins: [e.stepPlugin]
   }, {
-    default: f(() => [
+    default: y(() => [
       n("div", j, [
-        e.isCollapsed ? c("", !0) : (i(), s("div", z, [
+        e.isCollapsed ? l("", !0) : (i(), o("div", z, [
           n("ul", L, [
-            (i(!0), s(y, null, b(e.steps, (o, t, m) => (i(), s("li", {
+            (i(!0), o(b, null, C(e.steps, (s, t, m) => (i(), o("li", {
               key: m,
               class: I(["step", {
                 activeItem: e.activeStep === t,
@@ -131,37 +128,41 @@ function J(e, a, l, h, S, _) {
                 "has-errors": e.checkStepValidity(t)
               }]),
               "data-step-active": e.activeStep === t,
-              "data-step-valid": o.valid && o.errorCount === 0,
+              "data-step-valid": s.valid && s.errorCount === 0,
               onClick: (Q) => e.activeStep = t
             }, [
               n("div", T, [
-                n("div", q, C(m + 1), 1),
+                n("div", q, h(m + 1), 1),
                 r(),
-                e.checkStepValidity(t) ? (i(), s("span", A)) : c("", !0),
-                r(" " + C(e.camel2title(t)), 1)
+                e.checkStepValidity(t) ? (i(), o("span", {
+                  key: 0,
+                  class: "step--errors",
+                  textContent: h(s.errorCount + s.blockingCount)
+                }, null, 8, A)) : l("", !0),
+                r(" " + h(e.camel2title(t)), 1)
               ]),
               r(),
-              m + 1 != Object.keys(e.getNavSteps(e.$env.content.dataProviderInterface.specification).distributions).length ? (i(), s("div", E)) : c("", !0),
+              m + 1 != Object.keys(e.getNavSteps(e.$env.content.dataProviderInterface.specification).distributions).length ? (i(), o("div", E)) : l("", !0),
               r(),
-              e.activeStep === "overview" ? (i(), s("div", G)) : c("", !0)
+              e.activeStep === "overview" ? (i(), o("div", G)) : l("", !0)
             ], 10, O))), 128)),
             r(),
-            e.activeStep === "overview" ? (i(), s("li", H, R)) : c("", !0)
+            e.activeStep === "overview" ? (i(), o("li", H, R)) : l("", !0)
           ]),
           r(),
           n("div", U, [
-            (i(!0), s(y, null, b(e.getNavSteps(e.$env.content.dataProviderInterface.specification).distributions, (o, t) => (i(), s("div", { key: t }, [
-              g(d, { name: o }, {
-                default: f(() => [
+            (i(!0), o(b, null, C(e.getNavSteps(e.$env.content.dataProviderInterface.specification).distributions, (s, t) => (i(), o("div", { key: t }, [
+              g(d, { name: s }, {
+                default: y(() => [
                   g(p, {
-                    schema: e.schema[o],
+                    schema: e.schema[s],
                     library: e.library
                   }, null, 8, ["schema", "library"]),
                   r(),
-                  o === "Mandatory" ? (i(), s("p", W, [
+                  s === "Mandatory" ? (i(), o("p", W, [
                     Z,
                     r(" mandatory")
-                  ])) : c("", !0)
+                  ])) : l("", !0)
                 ]),
                 _: 2
               }, 1032, ["name"])

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

@@ -1 +1 @@
-{"version":3,"file":"DistributionStepper.vue.mjs","sources":["../../../lib/data-provider-interface/components/DistributionStepper.vue"],"sourcesContent":["<template>\n  <FormKit type=\"form\" :actions=\"false\" :plugins=\"[stepPlugin]\">\n    <div name=\"distribution-stepper\" class=\"singleDistributions\">\n      <div class=\"disInfoWrapper\" v-if=\"!isCollapsed\">\n        <ul class=\"steps\">\n          <li v-for=\"(step, stepName, index) in steps\" :key=\"index\" class=\"step\"\n            :data-step-active=\"activeStep === stepName\" :data-step-valid=\"step.valid && step.errorCount === 0\" :class=\"{\n              activeItem: activeStep === stepName, inactiveStep: stepName != activeStep, 'has-errors': checkStepValidity(stepName)\n            }\" @click=\"activeStep = stepName\">\n            <div class=\"stepBubbleWrap\">\n              <div class=\"circle stepCircle\">{{ index + 1 }}</div>\n              <span v-if=\"checkStepValidity(stepName)\" class=\"step--errors\" />\n              <!-- v-text=\"step.errorCount + step.blockingCount\" /> -->\n              {{ camel2title(stepName) }}\n            </div>\n            <div v-if=\"index + 1 != Object.keys(getNavSteps($env.content.dataProviderInterface.specification).distributions).length\" class=\"seperatorHorizontalStepper\">\n            </div>\n            <div v-if=\"activeStep === 'overview'\" class=\"seperatorHorizontalStepper\"></div>\n          </li>\n          <li class=\"step inactiveStep\" v-if=\"activeStep === 'overview'\">\n            <div class=\"circle stepCircle\"></div>\n          </li>\n        </ul>\n        <div class=\"d-flex flex-column w-100\">\n          <div v-for=\"(stepName, index) in getNavSteps($env.content.dataProviderInterface.specification).distributions\" :key=\"index\">\n            <InputPageStep :name=\"stepName\">\n              <!-- <PropertyChooser></PropertyChooser> -->\n              <FormKitSchema :schema=\"schema[stepName]\" :library=\"library\" />\n              <p v-if=\"stepName === 'Mandatory'\" class=\"p-1\"> <b>*</b> mandatory</p>\n            </InputPageStep>\n          </div>\n        </div>\n      </div>\n    </div>\n  </FormKit>\n</template>\n\n<script>\nimport { defineComponent, markRaw } from 'vue';\nimport { mapGetters } from 'vuex';\nimport { useDpiStepper } from '../composables/useDpiStepper';\nimport InputPageStep from '../components/InputPageStep.vue';\nimport SelectControlledGroup from './SelectControlledGroup.vue';\n\n\nexport default defineComponent({\n  props: {\n    name: {\n      type: String,\n      default: '',\n    },\n    index: {\n      required: true\n    },\n    schema: {\n      required: true,\n      type: Object,\n    },\n    context: {\n      type: Object,\n    },\n    distributionIsCollapsed: {\n      type: Boolean,\n    },\n    collapseDistributions: {\n      type: Function,\n    },\n    deleteDistribution: {\n      type: Function,\n    },\n  },\n  components: {\n    InputPageStep,\n  },\n  data() {\n    return {\n      isCollapsed: false,\n      camel2title: (str) =>\n        str\n          .replace(/([A-Z])/g, (match) => ` ${match}`)\n          .replace(/^./, (match) => match.toUpperCase())\n          .trim(),\n      isActive: false\n    }\n  }, \n  methods: {\n    editDistribution() {\n      this.isCollapsed = !this.isCollapsed;\n      this.collapseDistributions(this.index);\n    }\n  }, \n  computed: {\n    ...mapGetters('dpiStore', [\n      'getNavSteps'\n    ]),\n    getName() {\n      return this.name \n        || values['Distributions']['distributionList'][this.name - 1]['Mandatory']['dcat:accessURL'][0]['@id'];\n    },\n  },\n  watch: {\n    distributionIsCollapsed: {\n      handler(newValue) {\n        this.isCollapsed = newValue;\n      },\n    },\n  },\n  created() {},\n  setup() {\n    const {\n      steps,\n      activeStep,\n      visitedSteps,\n      previousStep,\n      nextStep,\n      stepPlugin,\n      goToNextStep,\n      goToPreviousStep,\n    } = useDpiStepper();\n\n    const checkStepValidity = (stepName) => {\n      return (steps[stepName].errorCount > 0 || steps[stepName].blockingCount > 0) && visitedSteps.value.includes(stepName)\n    }\n\n    const library = markRaw({\n      SelectControlledGroup,\n    })\n\n    return {\n      steps,\n      visitedSteps,\n      activeStep,\n      previousStep,\n      nextStep,\n      stepPlugin,\n      checkStepValidity,\n      goToNextStep,\n      goToPreviousStep,\n      \n      library,\n    }\n  }\n});\n</script>\n\n<style></style>"],"names":["_sfc_main","defineComponent","InputPageStep","str","match","mapGetters","newValue","steps","activeStep","visitedSteps","previousStep","nextStep","stepPlugin","goToNextStep","goToPreviousStep","useDpiStepper","checkStepValidity","stepName","library","markRaw","SelectControlledGroup","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_createElementVNode","_hoisted_11","_hoisted_13","_hoisted_15","_createBlock","_component_FormKit","_ctx","_withCtx","_hoisted_1","_createCommentVNode","_openBlock","_createElementBlock","_hoisted_2","_Fragment","_renderList","step","index","_normalizeClass","$event","_toDisplayString","_createTextVNode","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_12","_createVNode","_component_InputPageStep","_component_FormKitSchema","_hoisted_14"],"mappings":"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"}
+{"version":3,"file":"DistributionStepper.vue.mjs","sources":["../../../lib/data-provider-interface/components/DistributionStepper.vue"],"sourcesContent":["<template>\n  <FormKit type=\"form\" :actions=\"false\" :plugins=\"[stepPlugin]\">\n    <div name=\"distribution-stepper\" class=\"singleDistributions\">\n      <div class=\"disInfoWrapper\" v-if=\"!isCollapsed\">\n        <ul class=\"steps\">\n          <li v-for=\"(step, stepName, index) in steps\" :key=\"index\" class=\"step\"\n            :data-step-active=\"activeStep === stepName\" :data-step-valid=\"step.valid && step.errorCount === 0\" :class=\"{\n              activeItem: activeStep === stepName, inactiveStep: stepName != activeStep, 'has-errors': checkStepValidity(stepName)\n            }\" @click=\"activeStep = stepName\">\n            <div class=\"stepBubbleWrap\">\n              <div class=\"circle stepCircle\">{{ index + 1 }}</div>\n              <span v-if=\"checkStepValidity(stepName)\" class=\"step--errors\" \n              v-text=\"step.errorCount + step.blockingCount\" />\n              {{ camel2title(stepName) }}\n            </div>\n            <div v-if=\"index + 1 != Object.keys(getNavSteps($env.content.dataProviderInterface.specification).distributions).length\" class=\"seperatorHorizontalStepper\">\n            </div>\n            <div v-if=\"activeStep === 'overview'\" class=\"seperatorHorizontalStepper\"></div>\n          </li>\n          <li class=\"step inactiveStep\" v-if=\"activeStep === 'overview'\">\n            <div class=\"circle stepCircle\"></div>\n          </li>\n        </ul>\n        <div class=\"d-flex flex-column w-100\">\n          <div v-for=\"(stepName, index) in getNavSteps($env.content.dataProviderInterface.specification).distributions\" :key=\"index\">\n            <InputPageStep :name=\"stepName\">\n              <!-- <PropertyChooser></PropertyChooser> -->\n              <FormKitSchema :schema=\"schema[stepName]\" :library=\"library\" />\n              <p v-if=\"stepName === 'Mandatory'\" class=\"p-1\"> <b>*</b> mandatory</p>\n            </InputPageStep>\n          </div>\n        </div>\n      </div>\n    </div>\n  </FormKit>\n</template>\n\n<script>\nimport { defineComponent, markRaw } from 'vue';\nimport { mapGetters } from 'vuex';\nimport { useDpiStepper } from '../composables/useDpiStepper';\nimport InputPageStep from '../components/InputPageStep.vue';\nimport SelectControlledGroup from './SelectControlledGroup.vue';\n\n\nexport default defineComponent({\n  props: {\n    name: {\n      type: String,\n      default: '',\n    },\n    index: {\n      required: true\n    },\n    schema: {\n      required: true,\n      type: Object,\n    },\n    context: {\n      type: Object,\n    },\n    distributionIsCollapsed: {\n      type: Boolean,\n    },\n    collapseDistributions: {\n      type: Function,\n    },\n    deleteDistribution: {\n      type: Function,\n    },\n  },\n  components: {\n    InputPageStep,\n  },\n  data() {\n    return {\n      isCollapsed: false,\n      camel2title: (str) =>\n        str\n          .replace(/([A-Z])/g, (match) => ` ${match}`)\n          .replace(/^./, (match) => match.toUpperCase())\n          .trim(),\n      isActive: false\n    }\n  }, \n  methods: {\n    editDistribution() {\n      this.isCollapsed = !this.isCollapsed;\n      this.collapseDistributions(this.index);\n    }\n  }, \n  computed: {\n    ...mapGetters('dpiStore', [\n      'getNavSteps'\n    ]),\n    getName() {\n      return this.name \n        || values['Distributions']['distributionList'][this.name - 1]['Mandatory']['dcat:accessURL'][0]['@id'];\n    },\n  },\n  watch: {\n    distributionIsCollapsed: {\n      handler(newValue) {\n        this.isCollapsed = newValue;\n      },\n    },\n  },\n  created() {},\n  setup() {\n    const {\n      steps,\n      activeStep,\n      visitedSteps,\n      previousStep,\n      nextStep,\n      stepPlugin,\n      goToNextStep,\n      goToPreviousStep,\n    } = useDpiStepper();\n\n    const checkStepValidity = (stepName) => {\n      return (steps[stepName].errorCount > 0 || steps[stepName].blockingCount > 0) && visitedSteps.value.includes(stepName)\n    }\n\n    const library = markRaw({\n      SelectControlledGroup,\n    })\n\n    return {\n      steps,\n      visitedSteps,\n      activeStep,\n      previousStep,\n      nextStep,\n      stepPlugin,\n      checkStepValidity,\n      goToNextStep,\n      goToPreviousStep,\n      \n      library,\n    }\n  }\n});\n</script>\n\n<style></style>"],"names":["_sfc_main","defineComponent","InputPageStep","str","match","mapGetters","newValue","steps","activeStep","visitedSteps","previousStep","nextStep","stepPlugin","goToNextStep","goToPreviousStep","useDpiStepper","checkStepValidity","stepName","library","markRaw","SelectControlledGroup","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_createElementVNode","_hoisted_11","_hoisted_13","_hoisted_15","_createBlock","_component_FormKit","_ctx","_withCtx","_hoisted_1","_createCommentVNode","_openBlock","_createElementBlock","_hoisted_2","_Fragment","_renderList","step","index","_normalizeClass","$event","_toDisplayString","_createTextVNode","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_12","_createVNode","_component_InputPageStep","_component_FormKitSchema","_hoisted_14"],"mappings":";;;;;;AA6CA,MAAKA,IAAaC,EAAa;AAAA,EAC7B,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IACD,OAAO;AAAA,MACL,UAAU;AAAA,IACX;AAAA,IACD,QAAQ;AAAA,MACN,UAAU;AAAA,MACV,MAAM;AAAA,IACP;AAAA,IACD,SAAS;AAAA,MACP,MAAM;AAAA,IACP;AAAA,IACD,yBAAyB;AAAA,MACvB,MAAM;AAAA,IACP;AAAA,IACD,uBAAuB;AAAA,MACrB,MAAM;AAAA,IACP;AAAA,IACD,oBAAoB;AAAA,MAClB,MAAM;AAAA,IACP;AAAA,EACF;AAAA,EACD,YAAY;AAAA,mBACVC;AAAAA,EACD;AAAA,EACD,OAAO;AACL,WAAO;AAAA,MACL,aAAa;AAAA,MACb,aAAa,CAACC,MACZA,EACG,QAAQ,YAAY,CAACC,MAAU,IAAIA,CAAK,EAAE,EAC1C,QAAQ,MAAM,CAACA,MAAUA,EAAM,YAAW,CAAE,EAC5C,KAAM;AAAA,MACX,UAAU;AAAA,IACZ;AAAA,EACD;AAAA,EACD,SAAS;AAAA,IACP,mBAAmB;AACjB,WAAK,cAAc,CAAC,KAAK,aACzB,KAAK,sBAAsB,KAAK,KAAK;AAAA,IACvC;AAAA,EACD;AAAA,EACD,UAAU;AAAA,IACR,GAAGC,EAAW,YAAY;AAAA,MACxB;AAAA,IACF,CAAC;AAAA,IACD,UAAU;AACR,aAAO,KAAK,QACP,OAAO,cAAiB,iBAAoB,KAAK,OAAO,CAAC,EAAE,UAAa,gBAAgB,EAAE,CAAC,EAAE,KAAK;AAAA,IACxG;AAAA,EACF;AAAA,EACD,OAAO;AAAA,IACL,yBAAyB;AAAA,MACvB,QAAQC,GAAU;AAChB,aAAK,cAAcA;AAAA,MACpB;AAAA,IACF;AAAA,EACF;AAAA,EACD,UAAU;AAAA,EAAE;AAAA,EACZ,QAAQ;AACN,UAAM;AAAA,MACJ,OAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,UAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,kBAAAC;AAAA,IACF,IAAIC,EAAa,GAEXC,IAAoB,CAACC,OACjBV,EAAMU,CAAQ,EAAE,aAAa,KAAKV,EAAMU,CAAQ,EAAE,gBAAgB,MAAMR,EAAa,MAAM,SAASQ,CAAQ,GAGhHC,IAAUC,EAAQ;AAAA,MACtB,uBAAAC;AAAAA,KACD;AAED,WAAO;AAAA,MACL,OAAAb;AAAA,MACA,cAAAE;AAAA,MACA,YAAAD;AAAA,MACA,cAAAE;AAAA,MACA,UAAAC;AAAA,MACA,YAAAC;AAAA,MACA,mBAAAI;AAAA,MACA,cAAAH;AAAA,MACA,kBAAAC;AAAA,MAEA,SAAAI;AAAA,IACF;AAAA,EACF;AACF,CAAC;EA5IQ,MAAK;AAAA,EAAuB,OAAM;;EAF3C,KAAA;AAAA,EAGW,OAAM;GACLG,IAAA,EAAA,OAAM,QAAO,GAJzBC,IAAA,CAAA,oBAAA,mBAAA,SAAA,GASiBC,IAAA,EAAA,OAAM,iBAAgB,GACpBC,IAAA,EAAA,OAAM,oBAAmB,GAV5CC,IAAA,CAAA,aAAA;EAAA,KAAA;AAAA,EAeqI,OAAM;;EAf3I,KAAA;AAAA,EAiBkD,OAAM;;EAjBxD,KAAA;AAAA,EAmBc,OAAM;OACRC,gBAAAA,EAAqC,OAAA,EAAhC,OAAM,uBAAmB,MAAA,EAAA;EAA9BC;GAGCC,IAAA,EAAA,OAAM,2BAA0B;EAvB7C,KAAA;AAAA,EA4BiD,OAAM;GAAOC,IAAAH,gBAAAA,EAAQ,WAAL,KAAC,EAAA;;;cA3BhEI,EAiCUC,GAAA;AAAA,IAjCD,MAAK;AAAA,IAAQ,SAAS;AAAA,IAAQ,UAAUC,EAAU,UAAA;AAAA;IAD7D,SAAAC,EAEI,MA+BM;AAAA,MA/BNP,EA+BM,OA/BNQ,GA+BM;AAAA,QA9B+BF,EAAW,cAHpDG,EAAA,IAAA,EAAA,KAGMC,KAAAC,EA6BM,OA7BNC,GA6BM;AAAA,UA5BJZ,EAkBK,MAlBLL,GAkBK;AAAA,oBAjBHgB,EAaKE,GAAA,MAlBfC,EAKgDR,EAAK,OALrD,CAKsBS,GAAMxB,GAAUyB,YAA5BL,EAaK,MAAA;AAAA,cAbyC,KAAKK;AAAA,cAAO,OALpEC,GAK0E,QAAM;AAAA,4BACmEX,EAAU,eAAKf;AAAA,gBAAwB,cAAAA,KAAYe,EAAU;AAAA,gBAAA,cAAgBA,EAAiB,kBAACf,CAAQ;AAAA;cAA7O,oBAAkBe,EAAU,eAAKf;AAAA,cAAW,mBAAiBwB,EAAK,SAASA,EAAK,eAAU;AAAA,cAEvF,SAAK,CAAAG,MAAEZ,EAAU,aAAGf;AAAA;cACxBS,EAKM,OALNH,GAKM;AAAA,gBAJJG,EAAoD,OAApDF,GAAoDqB,EAAlBH,IAAK,CAAA,GAAA,CAAA;AAAA,gBAVrDI,EAAA;AAAA,gBAW0Bd,EAAA,kBAAkBf,CAAQ,UAAtCoB,EACgD,QAAA;AAAA,kBAZ9D,KAAA;AAAA,kBAWuD,OAAM;AAAA,kBAX7D,aAYcQ,EAA6CJ,EAAhC,aAAaA,EAAK,aAAa;AAAA,gBAZ1D,GAAA,MAAA,GAAAhB,CAAA,KAAAU,EAAA,IAAA,EAAA;AAAA,gBAAAW,EAY8D,MAChDD,EAAGb,EAAW,YAACf,CAAQ,CAAA,GAAA,CAAA;AAAA;cAbrC6B,EAAA;AAAA,cAeuBJ,SAAa,OAAO,KAAKV,cAAYA,EAAA,KAAK,QAAQ,sBAAsB,aAAa,EAAE,aAAa,EAAE,UAAjHI,KAAAC,EACM,OADNU,CACM,KAhBlBZ,EAAA,IAAA,EAAA;AAAA,cAAAW,EAAA;AAAA,cAiBuBd,EAAU,eAAA,cAArBI,KAAAC,EAA+E,OAA/EW,CAA+E,KAjB3Fb,EAAA,IAAA,EAAA;AAAA,YAAA,GAAA,IAAAb,CAAA;YAAAwB,EAAA;AAAA,YAmB8Cd,EAAU,eAAA,mBAA9CK,EAEK,MAFLY,GAnBVC,CAAA,KAAAf,EAAA,IAAA,EAAA;AAAA;UAAAW,EAAA;AAAA,UAuBQpB,EAQM,OARNE,GAQM;AAAA,aAPJQ,EAAA,EAAA,GAAAC,EAMME,SA9BhBC,EAwB2CR,EAAA,YAAYA,EAAA,KAAK,QAAQ,sBAAsB,aAAa,EAAE,eAxBzG,CAwBuBf,GAAUyB,YAAvBL,EAMM,OAAA,EANyG,KAAKK,KAAK;AAAA,cACvHS,EAIgBC,GAAA,EAJA,MAAMnC,EAAQ,GAAA;AAAA,gBAzB1C,SAAAgB,EA2Bc,MAA+D;AAAA,kBAA/DkB,EAA+DE,GAAA;AAAA,oBAA/C,QAAQrB,EAAM,OAACf,CAAQ;AAAA,oBAAI,SAASe,EAAO;AAAA;kBA3BzEc,EAAA;AAAA,kBA4BuB7B,MAAQ,eAAjBmB,KAAAC,EAAsE,KAAtEiB,GAAsE;AAAA,oBAAtBzB;AAAA,oBA5B9DiB,EA4BsE,YAAU;AAAA,wBA5BhFX,EAAA,IAAA,EAAA;AAAA;gBAAA,GAAA;AAAA;;;;;;IAAA,GAAA;AAAA;;;"}

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

@@ -10,7 +10,10 @@ declare const _default: import('vue').DefineComponent<{
     };
     onClickOutside: typeof onClickOutside;
     triggerDropdown: (e: any) => void;
+    validationMessage: string;
+    placeholderMessage: string;
 }, {
+    inputChoice: string;
     error: string;
     URLValue: string;
     uploadURL: boolean;

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

@@ -1,13 +1,14 @@
-import { mapGetters as y, mapActions as E } from "vuex";
-import S from "axios";
-import O from "../utils/general-helper.mjs";
-import { getNode as V } from "@formkit/core";
-import { reactive as A, ref as C, openBlock as d, createElementBlock as c, Fragment as L, createElementVNode as s, createTextVNode as a, createCommentVNode as u, withDirectives as _, vModelText as w, mergeProps as T, toDisplayString as U, renderList as D, pushScopeId as P, popScopeId as G } from "vue";
-import { onClickOutside as k } from "../../external/@vueuse/core/index";
-import { useRuntimeEnv as q } from "../../composables/useRuntimeEnv.mjs";
+import { mapGetters as x, mapActions as F } from "vuex";
+import C from "axios";
+import V from "../utils/general-helper.mjs";
+import { getNode as E } from "@formkit/core";
+import { reactive as S, ref as O, resolveComponent as T, openBlock as n, createElementBlock as r, Fragment as y, createElementVNode as c, createVNode as L, createTextVNode as d, createCommentVNode as u, mergeProps as A, withDirectives as P, vModelText as q, toDisplayString as v, renderList as G, pushScopeId as D, popScopeId as M } from "vue";
+import { onClickOutside as _ } from "../../external/@vueuse/core/index";
+import { useRuntimeEnv as N } from "../../composables/useRuntimeEnv.mjs";
+import "@formkit/vue";
 import "./FileUpload.vue2.mjs";
 import B from "../../_virtual/_plugin-vue_export-helper.mjs";
-const N = {
+const H = {
   props: {
     context: {
       type: Object,
@@ -15,8 +16,9 @@ const N = {
     }
   },
   data() {
-    var t;
+    var i;
     return {
+      inputChoice: "",
       error: "",
       URLValue: "",
       uploadURL: !1,
@@ -25,45 +27,45 @@ const N = {
       isLoading: !1,
       success: !1,
       fail: !1,
-      validExtensions: ((t = this.$env.content.dataProviderInterface.uploadFileTypes) == null ? void 0 : t.split(",")) || []
+      validExtensions: ((i = this.$env.content.dataProviderInterface.uploadFileTypes) == null ? void 0 : i.split(",")) || []
     };
   },
   computed: {
-    ...y("auth", [
+    ...x("auth", [
       "getUserData",
       "getIsEditMode"
     ]),
-    ...y("dpiStore", [
+    ...x("dpiStore", [
       "getData"
     ]),
     getCatalogue() {
-      return V("dcat:catalog").value;
+      return E("dcat:catalog").value;
     }
   },
   methods: {
-    ...E("dpiStore", [
+    ...F("dpiStore", [
       "saveLocalstorageValues"
     ]),
     toggleUploadUrl() {
-      this.uploadURL && (this.uploadURL = !this.uploadURL);
+      this.inputChoice = "Upload a file", this.uploadURL && (this.uploadURL = !this.uploadURL);
     },
     toggleUploadFileSwitch() {
-      this.uploadFileSwitch && (this.uploadFileSwitch = !this.uploadFileSwitch);
+      this.inputChoice = "Provide an URL", this.uploadFileSwitch && (this.uploadFileSwitch = !this.uploadFileSwitch);
     },
-    validateFile(t) {
-      const o = "." + t.target.files[0].name.split(".").pop().toLowerCase();
-      this.validExtensions && this.validExtensions.length ? this.validExtensions.includes(o) ? this.uploadOrReplaceFile({ file: t.target.files[0] }) : console.log("Wrong filetype") : (this.error = "", this.uploadOrReplaceFile({ file: t.target.files[0] }));
+    validateFile(i) {
+      const l = "." + i.target.files[0].name.split(".").pop().toLowerCase();
+      this.validExtensions && this.validExtensions.length ? this.validExtensions.includes(l) ? this.uploadOrReplaceFile({ file: i.target.files[0] }) : console.log("Wrong filetype") : (this.error = "", this.uploadOrReplaceFile({ file: i.target.files[0] }));
     },
     async saveUrl() {
-      this.URLValue.includes("http://") || this.URLValue.includes("https://") ? await this.context.node.input({ "@id": this.URLValue }) : await this.context.node.input({ "@id": "https://" + this.URLValue });
+      this.URLValue.includes("http://") || this.URLValue.includes("https://") ? await this.context.node.input({ "@id": this.URLValue, mode: this.inputChoice }) : await this.context.node.input({ "@id": "https://" + this.URLValue, mode: this.inputChoice });
     },
     checkIfPresent() {
       if (this.context.value["@id"])
         return this.URLValue = this.context.value["@id"], !0;
     },
     // finds the parent input group of a given element.
-    findParentInputGroupOfElement(t) {
-      let e = t;
+    findParentInputGroupOfElement(i) {
+      let e = i;
       for (; e; ) {
         if (e.classList.contains("formkit-input-group-repeatable"))
           return e;
@@ -73,98 +75,97 @@ const N = {
     },
     // finds the index of the distribution access URL based on the root of this component.
     findDistributionAccessUrlIndex() {
-      const t = this.$refs.fileupload, e = this.findParentInputGroupOfElement(t);
+      const i = this.$refs.fileupload, e = this.findParentInputGroupOfElement(i);
       if (!e)
         return null;
-      const n = e.parentElement.querySelectorAll(".formkit-input-group-repeatable");
-      return Array.from(n).indexOf(e);
+      const s = e.parentElement.querySelectorAll(".formkit-input-group-repeatable");
+      return Array.from(s).indexOf(e);
     },
-    async uploadOrReplaceFile({ file: t }) {
-      var n, i, r, l, p, f, g;
-      const e = ((r = (i = (n = this.$env) == null ? void 0 : n.content) == null ? void 0 : i.dataProviderInterface) == null ? void 0 : r.enableFileUploadReplace) || !1, o = ((l = this.$route.query) == null ? void 0 : l.edit) ?? !1;
-      if (e && o) {
-        const b = (p = this.$route.query) == null ? void 0 : p.edit, I = this.findDistributionAccessUrlIndex(), m = (f = this.getData("distributions")) == null ? void 0 : f[b], v = (g = m == null ? void 0 : m["dcat:accessURL"]) == null ? void 0 : g[I], x = v == null ? void 0 : v["@id"];
-        if (x) {
-          const R = this.$env.api.fileUploadUrl, F = O.getFileIdByAccessUrl({ accessUrl: x, fileUploadUrl: R });
-          return await this.uploadFile(t, {
+    async uploadOrReplaceFile({ file: i }) {
+      var s, t, a, p, o, h, g;
+      const e = ((a = (t = (s = this.$env) == null ? void 0 : s.content) == null ? void 0 : t.dataProviderInterface) == null ? void 0 : a.enableFileUploadReplace) || !1, l = ((p = this.$route.query) == null ? void 0 : p.edit) ?? !1;
+      if (e && l) {
+        const k = (o = this.$route.query) == null ? void 0 : o.edit, I = this.findDistributionAccessUrlIndex(), f = (h = this.getData("distributions")) == null ? void 0 : h[k], m = (g = f == null ? void 0 : f["dcat:accessURL"]) == null ? void 0 : g[I], U = m == null ? void 0 : m["@id"];
+        if (U) {
+          const R = this.$env.api.fileUploadUrl, b = V.getFileIdByAccessUrl({ accessUrl: U, fileUploadUrl: R });
+          return await this.uploadFile(i, {
             method: "PUT",
-            url: `${this.$env.api.fileUploadUrl}data/${F}?catalog=${this.getCatalogue}`
+            url: `${this.$env.api.fileUploadUrl}data/${b}?catalog=${this.getCatalogue}`
           });
         }
       }
-      return await this.uploadFile(t);
+      return await this.uploadFile(i);
     },
-    async uploadFile(t, e = {}) {
+    async uploadFile(i, e = {}) {
       this.isLoading = !0;
-      const o = new FormData();
-      o.append("file", t);
-      const n = this.getCatalogue, i = this.getUserData.rtpToken, r = {
+      const l = new FormData();
+      l.append("file", i);
+      const s = this.getCatalogue, t = this.getUserData.rtpToken, a = {
         method: "POST",
-        url: `${this.$env.api.fileUploadUrl}data?catalog=${n}`,
+        url: `${this.$env.api.fileUploadUrl}data?catalog=${s}`,
         ...e
-      }, l = {
-        method: r.method,
-        url: r.url,
+      }, p = {
+        method: a.method,
+        url: a.url,
         headers: {
           "Content-Type": "multipart/form-data",
-          Authorization: `Bearer ${i}`
+          Authorization: `Bearer ${t}`
         },
-        data: o
+        data: l
       };
       try {
-        const p = await S.request(l), f = p.data.result.location.substring(p.data.result.location.indexOf("/") + 1);
-        this.context.model = `${this.$env.api.fileUploadUrl}${f}`, this.isLoading = !1, this.success = !0, await this.context.node.input({ "@id": `${this.$env.api.fileUploadUrl}${f}` });
-      } catch (p) {
-        this.isLoading = !1, this.fail = !0, console.error(p);
+        const o = await C.request(p), h = o.data.result.location.substring(o.data.result.location.indexOf("/") + 1);
+        this.context.model = `${this.$env.api.fileUploadUrl}${h}`, this.isLoading = !1, this.success = !0, await this.context.node.input({ "@id": `${this.$env.api.fileUploadUrl}${h}` });
+      } catch (o) {
+        this.isLoading = !1, this.fail = !0, console.error(o);
       }
     }
   },
   mounted() {
     this.$nextTick(function() {
       if (this.context.value["@id"])
-        return this.uploadURL = !0, this.URLValue = this.context.value["@id"], !0;
+        return this.uploadURL = !0, this.URLValue = this.context.value["@id"], this.inputChoice = "Provide an URL", !0;
     });
   },
   setup() {
-    q();
-    var t = A({
+    N();
+    let i = "This property is required", e = "Choose between fileupload and providing a URL";
+    var l = S({
       active: !1
     });
-    const e = C(null);
-    k(e, (n) => t.active = !1);
-    function o(n) {
-      t.active = !t.active;
+    const s = O("fload");
+    _(s, (a) => {
+      l.active = !1;
+    });
+    function t(a) {
+      l.active = !l.active;
     }
     return {
-      drop: t,
-      onClickOutside: k,
-      triggerDropdown: o
+      drop: l,
+      onClickOutside: _,
+      triggerDropdown: t,
+      validationMessage: i,
+      placeholderMessage: e
     };
   }
-}, h = (t) => (P("data-v-cc0a83a3"), t = t(), G(), t), H = { class: "position-relative w-100 p-3" }, M = {
+}, w = (i) => (D("data-v-5ce35777"), i = i(), M(), i), K = { class: "position-relative w-100" }, W = {
   key: 0,
   ref: "fLoad",
   class: "selectListUpload"
-}, W = {
+}, j = {
   key: 0,
-  class: "w-100 p-3 position-relative"
-}, j = /* @__PURE__ */ h(() => /* @__PURE__ */ s("label", {
-  class: "formkit-label w-100",
-  for: "aUrlLink"
-}, "Provide an URL", -1)), z = ["data-type"], J = { class: "file-div position-relative" }, K = /* @__PURE__ */ h(() => /* @__PURE__ */ s("label", {
-  class: "formkit-label",
-  for: "aUrlFL"
-}, "Upload a file", -1)), Q = ["accept"], X = {
+  class: "w-100 position-relative"
+}, z = ["data-type"], J = { class: "file-div position-relative" }, Q = ["accept"], X = {
   class: "upload-feedback position-absolute d-flex",
   style: { right: "0" }
 }, Y = {
   key: 0,
   class: "lds-ring"
-}, Z = { key: 1 }, $ = /* @__PURE__ */ h(() => /* @__PURE__ */ s("i", { class: "material-icons d-flex check-icon" }, "check_circle", -1)), ee = [
+}, Z = { key: 1 }, $ = /* @__PURE__ */ w(() => /* @__PURE__ */ c("i", { class: "material-icons d-flex check-icon" }, "check_circle", -1)), ee = [
   $
-], te = { key: 2 }, ie = /* @__PURE__ */ h(() => /* @__PURE__ */ s("i", { class: "material-icons d-flex close-icon" }, "error", -1)), le = [
+], te = { key: 2 }, ie = /* @__PURE__ */ w(() => /* @__PURE__ */ c("i", { class: "material-icons d-flex close-icon" }, "error", -1)), oe = [
   ie
-], oe = {
+], le = {
   key: 0,
   class: "dURLText my-3"
 }, se = ["href"], ae = {
@@ -174,109 +175,115 @@ const N = {
   key: 0,
   class: "errorSub my-3 d-flex"
 }, re = { class: "d-flex flex-wrap w-100" };
-function de(t, e, o, n, i, r) {
-  return d(), c(L, null, [
-    s("div", H, [
-      s("input", {
+function de(i, e, l, s, t, a) {
+  const p = T("FormKit");
+  return n(), r(y, null, [
+    c("div", K, [
+      L(p, {
+        name: "mode",
+        validation: "required",
         type: "text",
         class: "selectInputField formkit-inner",
         readonly: "readonly",
-        onClick: e[0] || (e[0] = (l) => n.triggerDropdown()),
-        placeholder: "Choose between fileupload and providing a URL"
-      }),
-      a(),
-      n.drop.active ? (d(), c("ul", M, [
-        s("li", {
-          onClick: e[1] || (e[1] = (l) => {
-            n.triggerDropdown(), i.uploadFileSwitch = !0, r.toggleUploadUrl();
+        onClick: e[0] || (e[0] = (o) => s.triggerDropdown()),
+        placeholder: s.placeholderMessage,
+        modelValue: t.inputChoice,
+        "onUpdate:modelValue": e[1] || (e[1] = (o) => t.inputChoice = o),
+        "validation-messages": {
+          required: s.validationMessage
+        }
+      }, null, 8, ["placeholder", "modelValue", "validation-messages"]),
+      d(),
+      s.drop.active ? (n(), r("ul", W, [
+        c("li", {
+          onClick: e[2] || (e[2] = (o) => {
+            t.uploadFileSwitch = !0, a.toggleUploadUrl();
           }),
           class: "p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC"
         }, "Upload a file"),
-        a(),
-        s("li", {
-          onClick: e[2] || (e[2] = (l) => {
-            n.triggerDropdown(), i.uploadURL = !0, r.toggleUploadFileSwitch();
+        d(),
+        c("li", {
+          onClick: e[3] || (e[3] = (o) => {
+            t.uploadURL = !0, a.toggleUploadFileSwitch();
           }),
           class: "p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC"
         }, "Provide an URL")
       ], 512)) : u("", !0)
     ]),
-    a(),
-    i.uploadURL && !i.uploadFileSwitch ? (d(), c("div", W, [
-      j,
-      a(),
-      _(s("input", {
+    d(),
+    t.uploadURL && !t.uploadFileSwitch ? (n(), r("div", j, [
+      L(p, {
         id: "aUrlLink",
-        "onUpdate:modelValue": e[3] || (e[3] = (l) => i.URLValue = l),
+        modelValue: t.URLValue,
+        "onUpdate:modelValue": e[4] || (e[4] = (o) => t.URLValue = o),
         class: "selectInputField formkit-inner",
         type: "url",
         name: "@id",
-        onInput: e[4] || (e[4] = (...l) => r.saveUrl && r.saveUrl(...l)),
-        validation: "alpha_spaces:latin",
-        "validation-visibility": "live"
-      }, null, 544), [
-        [w, i.URLValue]
-      ])
+        onInput: a.saveUrl,
+        validation: "required|url",
+        "validation-visibility": "live",
+        "validation-messages": {
+          required: s.validationMessage
+        }
+      }, null, 8, ["modelValue", "onInput", "validation-messages"])
     ])) : u("", !0),
-    a(),
-    i.uploadFileSwitch ? (d(), c("div", T({
+    d(),
+    t.uploadFileSwitch ? (n(), r("div", A({
       key: 1,
       ref: "fileupload",
-      class: ["p-3 w-100", `formkit-input-element formkit-input-element--${o.context.type}`],
-      "data-type": o.context.type
-    }, t.$attrs), [
-      _(s("input", {
+      class: ["p-3 w-100", `formkit-input-element formkit-input-element--${l.context.type}`],
+      "data-type": l.context.type
+    }, i.$attrs), [
+      P(c("input", {
         type: "text",
-        "onUpdate:modelValue": e[5] || (e[5] = (l) => o.context.model = l),
-        onBlur: e[6] || (e[6] = (...l) => o.context.blurHandler && o.context.blurHandler(...l)),
+        "onUpdate:modelValue": e[5] || (e[5] = (o) => l.context.model = o),
+        onBlur: e[6] || (e[6] = (...o) => l.context.blurHandler && l.context.blurHandler(...o)),
         hidden: ""
       }, null, 544), [
-        [w, o.context.model]
+        [q, l.context.model]
       ]),
-      a(),
-      s("div", J, [
-        K,
-        a(),
-        s("input", {
+      d(),
+      c("div", J, [
+        c("input", {
           class: "mt-3",
           type: "file",
           id: "aUrlFL",
           name: "fileUpload",
-          onChange: e[7] || (e[7] = (l) => r.validateFile(l)),
-          accept: i.validExtensions
+          onChange: e[7] || (e[7] = (o) => a.validateFile(o)),
+          accept: t.validExtensions
         }, null, 40, Q),
-        a(),
-        s("div", X, [
-          i.isLoading ? (d(), c("div", Y)) : u("", !0),
-          a(),
-          i.success ? (d(), c("div", Z, ee)) : u("", !0),
-          a(),
-          i.fail ? (d(), c("div", te, le)) : u("", !0)
+        d(),
+        c("div", X, [
+          t.isLoading ? (n(), r("div", Y)) : u("", !0),
+          d(),
+          t.success ? (n(), r("div", Z, ee)) : u("", !0),
+          d(),
+          t.fail ? (n(), r("div", te, oe)) : u("", !0)
         ])
       ]),
-      a(),
-      i.success ? (d(), c("p", oe, [
-        a(U(t.$t("message.metadata.downloadUrl")) + ": ", 1),
-        s("a", {
-          href: o.context.model
-        }, U(o.context.model), 9, se)
+      d(),
+      t.success ? (n(), r("p", le, [
+        d(v(i.$t("message.metadata.downloadUrl")) + ": ", 1),
+        c("a", {
+          href: l.context.model
+        }, v(l.context.model), 9, se)
       ])) : u("", !0),
-      a(),
-      i.validExtensions && i.validExtensions.length ? (d(), c("div", ae, [
-        i.success ? u("", !0) : (d(), c("p", ne, "Allowed types: ")),
-        a(),
-        s("div", re, [
-          (d(!0), c(L, null, D(i.validExtensions, (l) => (d(), c("span", {
-            key: l,
+      d(),
+      t.validExtensions && t.validExtensions.length ? (n(), r("div", ae, [
+        t.success ? u("", !0) : (n(), r("p", ne, "Allowed types: ")),
+        d(),
+        c("div", re, [
+          (n(!0), r(y, null, G(t.validExtensions, (o) => (n(), r("span", {
+            key: o,
             class: "mr-1 mb-1 allowedFTypes"
-          }, U(l), 1))), 128))
+          }, v(o), 1))), 128))
         ])
       ])) : u("", !0)
     ], 16, z)) : u("", !0)
   ], 64);
 }
-const xe = /* @__PURE__ */ B(N, [["render", de], ["__scopeId", "data-v-cc0a83a3"]]);
+const ye = /* @__PURE__ */ B(H, [["render", de], ["__scopeId", "data-v-5ce35777"]]);
 export {
-  xe as default
+  ye as default
 };
 //# sourceMappingURL=FileUpload.vue.mjs.map