@piveau/piveau-hub-ui-modules 4.6.6 → 4.6.7

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

@@ -1,6 +1,10 @@
 import { MaybeRefOrGetter } from 'vue';
 
-export declare function useFormSchema(): {
+export interface UseFormSchemaOptions {
+    t?: (key: string) => string;
+    te?: (key: string) => boolean;
+}
+export declare function useFormSchema(options?: UseFormSchemaOptions): {
     createSchema: ({ property, page }: {
         property: string;
         page: string;

package/dist/data-provider-interface/composables/useFormSchema.mjs

@@ -1,10 +1,10 @@
-import { computed as h, ref as v, toValue as C } from "vue";
-import { useDpiContext as g } from "./useDpiContext.mjs";
-import { useI18n as p } from "vue-i18n";
-import b from "../utils/translation-helper.mjs";
-import { createSharedComposable as x } from "../../external/@vueuse/shared/index";
-const D = x(() => {
-  const i = v({
+import { computed as d, ref as p, toValue as b } from "vue";
+import { useDpiContext as x } from "./useDpiContext.mjs";
+import { useI18n as D } from "vue-i18n";
+import w from "../utils/translation-helper.mjs";
+import { createSharedComposable as A } from "../../external/@vueuse/shared/index";
+const F = A(() => {
+  const c = p({
     schema: {
       datasets: {},
       distributions: {},
@@ -12,48 +12,46 @@ const D = x(() => {
     },
     usersCatalogs: {}
   });
-  return { state: i, getSchema: (a) => h(() => {
-    const u = C(a);
+  return { state: c, getSchema: (a) => d(() => {
+    const r = b(a);
     if (a === "catalogues" || a === "datasets" || a === "distributions")
-      return i.value.schema[u];
+      return c.value.schema[r];
   }) };
 });
-function y() {
-  const i = g();
-  p({ useScope: "global" });
-  const { state: n, getSchema: a } = D(), u = h(() => i.value.specification);
-  function f({ property: t, page: e }) {
-    var c, s;
-    const o = (c = u.value.pageConent) == null ? void 0 : c[t][e], m = (s = u.value.inputDefinition) == null ? void 0 : s[t], r = JSON.parse(JSON.stringify(n.value));
-    d({ state: r, pageProperties: o, propertyDefinitions: m, property: t, page: e }), n.value = r;
+function K(c) {
+  const l = x(), { t: a, te: r } = c || D({ useScope: "global" }), { state: i, getSchema: S } = F(), h = d(() => l.value.specification);
+  function v({ property: t, page: e }) {
+    var n, s;
+    const o = (n = h.value.pageConent) == null ? void 0 : n[t][e], m = (s = h.value.inputDefinition) == null ? void 0 : s[t], u = JSON.parse(JSON.stringify(i.value));
+    C({ state: u, pageProperties: o, propertyDefinitions: m, property: t, page: e }), i.value = u;
   }
-  function d({
+  function C({
     state: t,
     pageProperties: e,
     propertyDefinitions: o,
     property: m,
-    page: r
+    page: u
   }) {
-    const c = [];
+    const n = [];
     for (let s = 0; s < e.length; s += 1) {
-      const l = e[s];
+      const f = e[s];
       try {
-        c.push(o[l]);
+        n.push(o[f]);
       } catch {
         console.warn(
-          `DCATAP doens't include a property called: ${l}`
+          `DCATAP doens't include a property called: ${f}`
         );
       }
     }
-    t.schema[m][r] = c;
+    t.schema[m][u] = n;
   }
-  function S({ property: t, page: e }) {
-    const o = { ...n.value.schema };
-    b(o[t][e], t), n.value.schema[t][e] = o[t][e];
+  function g({ property: t, page: e }) {
+    const o = { ...i.value.schema };
+    w(o[t][e], t, a, r), i.value.schema[t][e] = o[t][e];
   }
-  return { createSchema: f, translateSchema: S, getSchema: a };
+  return { createSchema: v, translateSchema: g, getSchema: S };
 }
 export {
-  y as useFormSchema
+  K as useFormSchema
 };
 //# sourceMappingURL=useFormSchema.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useFormSchema.mjs","sources":["../../../lib/data-provider-interface/composables/useFormSchema.ts"],"sourcesContent":["import { createSharedComposable } from '@vueuse/core'\nimport { computed, MaybeRefOrGetter, ref, toValue, watch } from 'vue'\nimport { useDpiContext } from './useDpiContext'\nimport { useI18n } from 'vue-i18n'\nimport translate from '../utils/translation-helper'\n\nconst useFormSchemaGlobal = createSharedComposable(() => {\n  const state = ref({\n    schema: {\n      datasets: {},\n      distributions: {},\n      catalogues: {}\n    },\n    usersCatalogs: {}\n  })\n\n  /**\n   * Retrieves the schema for a given property.\n   *\n   * @param property - The property whose schema should be retrieved.\n   *                  Can be a string or a ref to a string.\n   * @returns A computed ref to the schema of the given property.\n   */\n  const getSchema = (property: MaybeRefOrGetter<string>) => computed(() => {\n    const _property = toValue(property)\n\n    if (property === 'catalogues' || property === 'datasets' || property === 'distributions') {\n      return state.value.schema[_property as keyof typeof state.value.schema]\n    }\n\n    return undefined\n  })\n\n  return { state, getSchema }\n})\n\nexport function useFormSchema() {\n  const dpiContext = useDpiContext()\n  const { t } = useI18n({ useScope: 'global' })\n  const { state, getSchema } = useFormSchemaGlobal()\n\n  const dpiConfig = computed(() => dpiContext.value.specification)\n\n  function createSchema({ property, page }: { property: string, page: string }) {\n    const pageProperties = dpiConfig.value.pageConent?.[property as keyof typeof dpiConfig.value.pageConent][page] as unknown as string[]\n    const propertyDefinitions = dpiConfig.value.inputDefinition?.[property as keyof typeof dpiConfig.value.inputDefinition]\n\n    // Create copy of state because extractSchema does in-place modifications.\n    // Just to be safe.\n    const stateCopy = JSON.parse(JSON.stringify(state.value))\n    extractSchema({ state: stateCopy, pageProperties, propertyDefinitions, property, page })\n\n    state.value = stateCopy\n  }\n\n  function extractSchema({\n    state,\n    pageProperties,\n    propertyDefinitions,\n    property,\n    page,\n  }: {\n    state: any\n    pageProperties: string[]\n    propertyDefinitions: any\n    property: string\n    page: string\n  }) {\n    // important: create new empty schema each time so already existing schema will be overwritten on route/view-change\n    const newSchema = [];\n\n    for (let index = 0; index < pageProperties.length; index += 1) {\n      const propertyKey = pageProperties[index];\n      try {\n        newSchema.push(propertyDefinitions[propertyKey]);\n      } catch (err) {\n        console.warn(\n          `DCATAP doens't include a property called: ${propertyKey}`\n        );\n      }\n    }\n\n    state.schema[property][page] = newSchema;\n  }\n\n  function translateSchema({ property, page }: { property: string, page: string }) {\n    const schemaCopy = { ...state.value.schema }\n    // @ts-ignore\n    translate(schemaCopy[property][page], property);\n\n    // Update the global state with the new schema\n    // @ts-ignore\n    state.value.schema[property][page] = schemaCopy[property][page]\n  }\n\n  return { createSchema, translateSchema, getSchema }\n\n}"],"names":["useFormSchemaGlobal","createSharedComposable","state","ref","property","computed","_property","toValue","useFormSchema","dpiContext","useDpiContext","useI18n","getSchema","dpiConfig","createSchema","page","pageProperties","_a","propertyDefinitions","_b","stateCopy","extractSchema","newSchema","index","propertyKey","translateSchema","schemaCopy","translate"],"mappings":";;;;;AAMA,MAAMA,IAAsBC,EAAuB,MAAM;AACvD,QAAMC,IAAQC,EAAI;AAAA,IAChB,QAAQ;AAAA,MACN,UAAU,CAAC;AAAA,MACX,eAAe,CAAC;AAAA,MAChB,YAAY,CAAC;AAAA,IACf;AAAA,IACA,eAAe,CAAC;AAAA,EAAA,CACjB;AAmBM,SAAA,EAAE,OAAAD,GAAO,WAVE,CAACE,MAAuCC,EAAS,MAAM;AACjE,UAAAC,IAAYC,EAAQH,CAAQ;AAElC,QAAIA,MAAa,gBAAgBA,MAAa,cAAcA,MAAa;AAChE,aAAAF,EAAM,MAAM,OAAOI,CAA4C;AAAA,EAGjE,CACR;AAGH,CAAC;AAEM,SAASE,IAAgB;AAC9B,QAAMC,IAAaC;AACL,EAAAC,EAAQ,EAAE,UAAU,UAAU;AAC5C,QAAM,EAAE,OAAAT,GAAO,WAAAU,EAAU,IAAIZ,EAAoB,GAE3Ca,IAAYR,EAAS,MAAMI,EAAW,MAAM,aAAa;AAE/D,WAASK,EAAa,EAAE,UAAAV,GAAU,MAAAW,KAA4C;;AAC5E,UAAMC,KAAiBC,IAAAJ,EAAU,MAAM,eAAhB,gBAAAI,EAA6Bb,GAAqDW,IACnGG,KAAsBC,IAAAN,EAAU,MAAM,oBAAhB,gBAAAM,EAAkCf,IAIxDgB,IAAY,KAAK,MAAM,KAAK,UAAUlB,EAAM,KAAK,CAAC;AACxD,IAAAmB,EAAc,EAAE,OAAOD,GAAW,gBAAAJ,GAAgB,qBAAAE,GAAqB,UAAAd,GAAU,MAAAW,GAAM,GAEvFb,EAAM,QAAQkB;AAAA,EAChB;AAEA,WAASC,EAAc;AAAA,IACrB,OAAAnB;AAAAA,IACA,gBAAAc;AAAA,IACA,qBAAAE;AAAA,IACA,UAAAd;AAAA,IACA,MAAAW;AAAA,EAAA,GAOC;AAED,UAAMO,IAAY,CAAA;AAElB,aAASC,IAAQ,GAAGA,IAAQP,EAAe,QAAQO,KAAS,GAAG;AACvD,YAAAC,IAAcR,EAAeO,CAAK;AACpC,UAAA;AACQ,QAAAD,EAAA,KAAKJ,EAAoBM,CAAW,CAAC;AAAA,cACnC;AACJ,gBAAA;AAAA,UACN,6CAA6CA,CAAW;AAAA,QAAA;AAAA,MAE5D;AAAA,IACF;AAEAtB,IAAAA,EAAM,OAAOE,CAAQ,EAAEW,CAAI,IAAIO;AAAA,EACjC;AAEA,WAASG,EAAgB,EAAE,UAAArB,GAAU,MAAAW,KAA4C;AAC/E,UAAMW,IAAa,EAAE,GAAGxB,EAAM,MAAM,OAAO;AAE3C,IAAAyB,EAAUD,EAAWtB,CAAQ,EAAEW,CAAI,GAAGX,CAAQ,GAIxCF,EAAA,MAAM,OAAOE,CAAQ,EAAEW,CAAI,IAAIW,EAAWtB,CAAQ,EAAEW,CAAI;AAAA,EAChE;AAEO,SAAA,EAAE,cAAAD,GAAc,iBAAAW,GAAiB,WAAAb;AAE1C;"}
+{"version":3,"file":"useFormSchema.mjs","sources":["../../../lib/data-provider-interface/composables/useFormSchema.ts"],"sourcesContent":["import { createSharedComposable } from '@vueuse/core'\nimport { computed, MaybeRefOrGetter, ref, toValue, watch } from 'vue'\nimport { useDpiContext } from './useDpiContext'\nimport { useI18n } from 'vue-i18n'\nimport translate from '../utils/translation-helper'\n\nconst useFormSchemaGlobal = createSharedComposable(() => {\n  const state = ref({\n    schema: {\n      datasets: {},\n      distributions: {},\n      catalogues: {}\n    },\n    usersCatalogs: {}\n  })\n\n  /**\n   * Retrieves the schema for a given property.\n   *\n   * @param property - The property whose schema should be retrieved.\n   *                  Can be a string or a ref to a string.\n   * @returns A computed ref to the schema of the given property.\n   */\n  const getSchema = (property: MaybeRefOrGetter<string>) => computed(() => {\n    const _property = toValue(property)\n\n    if (property === 'catalogues' || property === 'datasets' || property === 'distributions') {\n      return state.value.schema[_property as keyof typeof state.value.schema]\n    }\n\n    return undefined\n  })\n\n  return { state, getSchema }\n})\n\nexport interface UseFormSchemaOptions {\n  t?: (key: string) => string\n  te?: (key: string) => boolean\n}\n\nexport function useFormSchema(options?: UseFormSchemaOptions) {\n  const dpiContext = useDpiContext()\n  const { t, te } = options || useI18n({ useScope: 'global' })\n  const { state, getSchema } = useFormSchemaGlobal()\n\n  const dpiConfig = computed(() => dpiContext.value.specification)\n\n  function createSchema({ property, page }: { property: string, page: string }) {\n    const pageProperties = dpiConfig.value.pageConent?.[property as keyof typeof dpiConfig.value.pageConent][page] as unknown as string[]\n    const propertyDefinitions = dpiConfig.value.inputDefinition?.[property as keyof typeof dpiConfig.value.inputDefinition]\n\n    // Create copy of state because extractSchema does in-place modifications.\n    // Just to be safe.\n    const stateCopy = JSON.parse(JSON.stringify(state.value))\n    extractSchema({ state: stateCopy, pageProperties, propertyDefinitions, property, page })\n\n    state.value = stateCopy\n  }\n\n  function extractSchema({\n    state,\n    pageProperties,\n    propertyDefinitions,\n    property,\n    page,\n  }: {\n    state: any\n    pageProperties: string[]\n    propertyDefinitions: any\n    property: string\n    page: string\n  }) {\n    // important: create new empty schema each time so already existing schema will be overwritten on route/view-change\n    const newSchema = [];\n\n    for (let index = 0; index < pageProperties.length; index += 1) {\n      const propertyKey = pageProperties[index];\n      try {\n        newSchema.push(propertyDefinitions[propertyKey]);\n      } catch (err) {\n        console.warn(\n          `DCATAP doens't include a property called: ${propertyKey}`\n        );\n      }\n    }\n\n    state.schema[property][page] = newSchema;\n  }\n\n  function translateSchema({ property, page }: { property: string, page: string }) {\n    const schemaCopy = { ...state.value.schema }\n    // @ts-ignore\n    translate(schemaCopy[property][page], property, t, te);\n\n    // Update the global state with the new schema\n    // @ts-ignore\n    state.value.schema[property][page] = schemaCopy[property][page]\n  }\n\n  return { createSchema, translateSchema, getSchema }\n\n}"],"names":["useFormSchemaGlobal","createSharedComposable","state","ref","property","computed","_property","toValue","useFormSchema","options","dpiContext","useDpiContext","t","te","useI18n","getSchema","dpiConfig","createSchema","page","pageProperties","_a","propertyDefinitions","_b","stateCopy","extractSchema","newSchema","index","propertyKey","translateSchema","schemaCopy","translate"],"mappings":";;;;;AAMA,MAAMA,IAAsBC,EAAuB,MAAM;AACvD,QAAMC,IAAQC,EAAI;AAAA,IAChB,QAAQ;AAAA,MACN,UAAU,CAAC;AAAA,MACX,eAAe,CAAC;AAAA,MAChB,YAAY,CAAC;AAAA,IACf;AAAA,IACA,eAAe,CAAC;AAAA,EAAA,CACjB;AAmBM,SAAA,EAAE,OAAAD,GAAO,WAVE,CAACE,MAAuCC,EAAS,MAAM;AACjE,UAAAC,IAAYC,EAAQH,CAAQ;AAElC,QAAIA,MAAa,gBAAgBA,MAAa,cAAcA,MAAa;AAChE,aAAAF,EAAM,MAAM,OAAOI,CAA4C;AAAA,EAGjE,CACR;AAGH,CAAC;AAOM,SAASE,EAAcC,GAAgC;AAC5D,QAAMC,IAAaC,KACb,EAAE,GAAAC,GAAG,IAAAC,MAAOJ,KAAWK,EAAQ,EAAE,UAAU,SAAA,CAAU,GACrD,EAAE,OAAAZ,GAAO,WAAAa,EAAU,IAAIf,EAAoB,GAE3CgB,IAAYX,EAAS,MAAMK,EAAW,MAAM,aAAa;AAE/D,WAASO,EAAa,EAAE,UAAAb,GAAU,MAAAc,KAA4C;;AAC5E,UAAMC,KAAiBC,IAAAJ,EAAU,MAAM,eAAhB,gBAAAI,EAA6BhB,GAAqDc,IACnGG,KAAsBC,IAAAN,EAAU,MAAM,oBAAhB,gBAAAM,EAAkClB,IAIxDmB,IAAY,KAAK,MAAM,KAAK,UAAUrB,EAAM,KAAK,CAAC;AACxD,IAAAsB,EAAc,EAAE,OAAOD,GAAW,gBAAAJ,GAAgB,qBAAAE,GAAqB,UAAAjB,GAAU,MAAAc,GAAM,GAEvFhB,EAAM,QAAQqB;AAAA,EAChB;AAEA,WAASC,EAAc;AAAA,IACrB,OAAAtB;AAAAA,IACA,gBAAAiB;AAAA,IACA,qBAAAE;AAAA,IACA,UAAAjB;AAAA,IACA,MAAAc;AAAA,EAAA,GAOC;AAED,UAAMO,IAAY,CAAA;AAElB,aAASC,IAAQ,GAAGA,IAAQP,EAAe,QAAQO,KAAS,GAAG;AACvD,YAAAC,IAAcR,EAAeO,CAAK;AACpC,UAAA;AACQ,QAAAD,EAAA,KAAKJ,EAAoBM,CAAW,CAAC;AAAA,cACnC;AACJ,gBAAA;AAAA,UACN,6CAA6CA,CAAW;AAAA,QAAA;AAAA,MAE5D;AAAA,IACF;AAEAzB,IAAAA,EAAM,OAAOE,CAAQ,EAAEc,CAAI,IAAIO;AAAA,EACjC;AAEA,WAASG,EAAgB,EAAE,UAAAxB,GAAU,MAAAc,KAA4C;AAC/E,UAAMW,IAAa,EAAE,GAAG3B,EAAM,MAAM,OAAO;AAE3C,IAAA4B,EAAUD,EAAWzB,CAAQ,EAAEc,CAAI,GAAGd,GAAUQ,GAAGC,CAAE,GAI/CX,EAAA,MAAM,OAAOE,CAAQ,EAAEc,CAAI,IAAIW,EAAWzB,CAAQ,EAAEc,CAAI;AAAA,EAChE;AAEO,SAAA,EAAE,cAAAD,GAAc,iBAAAW,GAAiB,WAAAb;AAE1C;"}

package/dist/data-provider-interface/utils/translation-helper.mjs

@@ -1,30 +1,29 @@
 import { has as m, isObject as h } from "lodash-es";
-import { useI18n as r } from "vue-i18n";
-function u(s, a) {
-  const { t: o, te: e } = r({ useScope: "global" });
+import "vue-i18n";
+function u(s, l, o, n) {
   if (m(s, "identifier")) {
-    const d = ["label", "info", "help", "placeholder", "add-label"], l = s.identifier;
+    const d = ["label", "info", "help", "placeholder", "add-label"], a = s.identifier;
     for (let c = 0; c < d.length; c += 1) {
-      let n = l;
-      const t = d[c], f = e(`message.dataupload.${a}.${l}.${t}`), C = e(`message.dataupload.${a}.${l}.${t}`, "en");
-      m(a, t) || (f ? n = o(`message.dataupload.${a}.${l}.${t}`) : C ? n = o(`message.dataupload.${a}.${l}.${t}`, "en") : n = t, !!s.$cmp && !s.$formkit && h(s.props) && s.$cmp === "SelectControlledGroup" ? s.props[t] = n : s[t] = n), s.mandatory && t === "label" && (s[t] = `${n}*`);
+      let t = a;
+      const e = d[c], C = n(`message.dataupload.${l}.${a}.${e}`), f = n(`message.dataupload.${l}.${a}.${e}`, "en");
+      m(l, e) || (C ? t = o(`message.dataupload.${l}.${a}.${e}`) : f ? t = o(`message.dataupload.${l}.${a}.${e}`, "en") : t = e, !!s.$cmp && !s.$formkit && h(s.props) && s.$cmp === "SelectControlledGroup" ? s.props[e] = t : s[e] = t), s.mandatory && e === "label" && (s[e] = `${t}*`);
     }
   }
 }
-function $(s, a) {
-  for (let o = 0; o < s.length; o += 1) {
-    const e = s[o];
-    if (m(e, "children"))
-      u(e, a), $(e.children, a);
-    else if (m(e, "data")) {
-      u(e, a);
-      const d = Object.keys(e.data);
-      for (let l = 0; l < d.length; l += 1) {
-        const c = d[l];
-        $(e.data[c], a);
+function $(s, l, o, n) {
+  for (let d = 0; d < s.length; d += 1) {
+    const a = s[d];
+    if (m(a, "children"))
+      u(a, l, o, n), $(a.children, l, o, n);
+    else if (m(a, "data")) {
+      u(a, l, o, n);
+      const c = Object.keys(a.data);
+      for (let t = 0; t < c.length; t += 1) {
+        const e = c[t];
+        $(a.data[e], l, o, n);
       }
     } else
-      u(e, a);
+      u(a, l, o, n);
   }
 }
 export {

package/dist/data-provider-interface/utils/translation-helper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"translation-helper.mjs","sources":["../../../lib/data-provider-interface/utils/translation-helper.js"],"sourcesContent":["import { has, isObject } from 'lodash-es';\nimport { useI18n } from 'vue-i18n';\n\n/**\n * Translation of each translatable parameter within the given structure if a translation is available\n * @param {*} propertyDefinition Object containing parameters defining the form and their content\n * @param {String} property String defining which property translation should be used\n */\n\nfunction translateProperty(propertyDefinition, property) {\n    const { t, te } = useI18n({ useScope: 'global' });\n\n    if (has(propertyDefinition, 'identifier')) { // hidden fields don't need a label and have no identifier\n        const translatableParameters = ['label', 'info', 'help', 'placeholder', 'add-label'];\n        const propertyName = propertyDefinition.identifier;\n\n        for (let valueIndex = 0; valueIndex < translatableParameters.length; valueIndex += 1) {\n            let translation = propertyName;\n            const parameter = translatableParameters[valueIndex];\n\n            const translationExsists = te(`message.dataupload.${property}.${propertyName}.${parameter}`);\n            const translationExsistsEN = te(`message.dataupload.${property}.${propertyName}.${parameter}`, 'en');\n\n            // Check if translation exists\n            if (!has(property, parameter)) {\n                if (translationExsists) {\n                    translation = t(`message.dataupload.${property}.${propertyName}.${parameter}`);\n                } else if (translationExsistsEN) {\n                    translation = t(`message.dataupload.${property}.${propertyName}.${parameter}`, 'en');\n                } else {\n                    translation = parameter;\n                }\n\n                const isCustomComponentWithProps = !!propertyDefinition.$cmp\n                    && !propertyDefinition.$formkit\n                    && isObject(propertyDefinition.props);\n\n                const isSelectControlledGroupCustomComponent = isCustomComponentWithProps\n                    && propertyDefinition.$cmp === 'SelectControlledGroup';\n\n                if (isSelectControlledGroupCustomComponent) {\n                    propertyDefinition.props[parameter] = translation;\n                } else {\n                    propertyDefinition[parameter] = translation;\n                }\n\n                // if (parameter === \"info\") {\n\n                //     propertyDefinition['sections-schema'] = { prefix: { $el: 'div', attrs: { class: 'infoI', }, children: [{ $el: 'div', children: translation, attrs: { class: 'tooltipFormkit' } }] } }\n                // }\n            }\n\n            // Highlight mandatory fields\n            if (propertyDefinition.mandatory && parameter === \"label\") propertyDefinition[parameter] = `${translation}*`\n        }\n    }\n}\n\n/**\n * Recursive translation of propertie parameters including recursive translation of nested properties\n * @param {Object} schema Object containing the forms schema\n * @param {String} property String defining which property translation should be used (datasets/ distribution/ catalogues)\n */\nfunction translate(schema, property) {\n    for (let index = 0; index < schema.length; index += 1) {\n        const schemaPropertyValues = schema[index];\n\n        // translation of group forms and their nested properties\n        if (has(schemaPropertyValues, 'children')) {\n            // group attributes should be translated too\n            translateProperty(schemaPropertyValues, property);\n            // translated nested properties\n            translate(schemaPropertyValues.children, property);\n            // translation of conditional forms and their nested properties\n        } else if (has(schemaPropertyValues, 'data')) {\n            // group attributes should be translated too\n            translateProperty(schemaPropertyValues, property);\n            // translate nested data\n            const dataKeys = Object.keys(schemaPropertyValues.data);\n            for (let keyIndex = 0; keyIndex < dataKeys.length; keyIndex += 1) {\n                const currentKey = dataKeys[keyIndex];\n                translate(schemaPropertyValues.data[currentKey], property);\n            }\n            // translation of 'normal' singular form properties\n        } else {\n            translateProperty(schemaPropertyValues, property);\n        }\n    }\n}\n\nexport default translate;\n"],"names":["translateProperty","propertyDefinition","property","t","te","useI18n","has","translatableParameters","propertyName","valueIndex","translation","parameter","translationExsists","translationExsistsEN","isObject","translate","schema","index","schemaPropertyValues","dataKeys","keyIndex","currentKey"],"mappings":";;AASA,SAASA,EAAkBC,GAAoBC,GAAU;AACrD,QAAM,EAAE,GAAAC,GAAG,IAAAC,EAAI,IAAGC,EAAQ,EAAE,UAAU,SAAQ,CAAE;AAEhD,MAAIC,EAAIL,GAAoB,YAAY,GAAG;AACvC,UAAMM,IAAyB,CAAC,SAAS,QAAQ,QAAQ,eAAe,WAAW,GAC7EC,IAAeP,EAAmB;AAExC,aAASQ,IAAa,GAAGA,IAAaF,EAAuB,QAAQE,KAAc,GAAG;AAClF,UAAIC,IAAcF;AAClB,YAAMG,IAAYJ,EAAuBE,CAAU,GAE7CG,IAAqBR,EAAG,sBAAsBF,CAAQ,IAAIM,CAAY,IAAIG,CAAS,EAAE,GACrFE,IAAuBT,EAAG,sBAAsBF,CAAQ,IAAIM,CAAY,IAAIG,CAAS,IAAI,IAAI;AAGnG,MAAKL,EAAIJ,GAAUS,CAAS,MACpBC,IACAF,IAAcP,EAAE,sBAAsBD,CAAQ,IAAIM,CAAY,IAAIG,CAAS,EAAE,IACtEE,IACPH,IAAcP,EAAE,sBAAsBD,CAAQ,IAAIM,CAAY,IAAIG,CAAS,IAAI,IAAI,IAEnFD,IAAcC,GAGiB,CAAC,CAACV,EAAmB,QACjD,CAACA,EAAmB,YACpBa,EAASb,EAAmB,KAAK,KAGjCA,EAAmB,SAAS,0BAG/BA,EAAmB,MAAMU,CAAS,IAAID,IAEtCT,EAAmBU,CAAS,IAAID,IAUpCT,EAAmB,aAAaU,MAAc,YAASV,EAAmBU,CAAS,IAAI,GAAGD,CAAW;AAAA,IAC5G;AAAA,EACJ;AACL;AAOA,SAASK,EAAUC,GAAQd,GAAU;AACjC,WAASe,IAAQ,GAAGA,IAAQD,EAAO,QAAQC,KAAS,GAAG;AACnD,UAAMC,IAAuBF,EAAOC,CAAK;AAGzC,QAAIX,EAAIY,GAAsB,UAAU;AAEpC,MAAAlB,EAAkBkB,GAAsBhB,CAAQ,GAEhDa,EAAUG,EAAqB,UAAUhB,CAAQ;AAAA,aAE1CI,EAAIY,GAAsB,MAAM,GAAG;AAE1C,MAAAlB,EAAkBkB,GAAsBhB,CAAQ;AAEhD,YAAMiB,IAAW,OAAO,KAAKD,EAAqB,IAAI;AACtD,eAASE,IAAW,GAAGA,IAAWD,EAAS,QAAQC,KAAY,GAAG;AAC9D,cAAMC,IAAaF,EAASC,CAAQ;AACpC,QAAAL,EAAUG,EAAqB,KAAKG,CAAU,GAAGnB,CAAQ;AAAA,MAC5D;AAAA,IAEb;AACY,MAAAF,EAAkBkB,GAAsBhB,CAAQ;AAAA,EAEvD;AACL;"}
+{"version":3,"file":"translation-helper.mjs","sources":["../../../lib/data-provider-interface/utils/translation-helper.js"],"sourcesContent":["import { has, isObject } from 'lodash-es';\nimport { useI18n } from 'vue-i18n';\n\n/**\n * Translation of each translatable parameter within the given structure if a translation is available\n * @param {*} propertyDefinition Object containing parameters defining the form and their content\n * @param {String} property String defining which property translation should be used\n */\n\nfunction translateProperty(propertyDefinition, property, t, te) {\n\n    if (has(propertyDefinition, 'identifier')) { // hidden fields don't need a label and have no identifier\n        const translatableParameters = ['label', 'info', 'help', 'placeholder', 'add-label'];\n        const propertyName = propertyDefinition.identifier;\n\n        for (let valueIndex = 0; valueIndex < translatableParameters.length; valueIndex += 1) {\n            let translation = propertyName;\n            const parameter = translatableParameters[valueIndex];\n\n            const translationExsists = te(`message.dataupload.${property}.${propertyName}.${parameter}`);\n            const translationExsistsEN = te(`message.dataupload.${property}.${propertyName}.${parameter}`, 'en');\n\n            // Check if translation exists\n            if (!has(property, parameter)) {\n                if (translationExsists) {\n                    translation = t(`message.dataupload.${property}.${propertyName}.${parameter}`);\n                } else if (translationExsistsEN) {\n                    translation = t(`message.dataupload.${property}.${propertyName}.${parameter}`, 'en');\n                } else {\n                    translation = parameter;\n                }\n\n                const isCustomComponentWithProps = !!propertyDefinition.$cmp\n                    && !propertyDefinition.$formkit\n                    && isObject(propertyDefinition.props);\n\n                const isSelectControlledGroupCustomComponent = isCustomComponentWithProps\n                    && propertyDefinition.$cmp === 'SelectControlledGroup';\n\n                if (isSelectControlledGroupCustomComponent) {\n                    propertyDefinition.props[parameter] = translation;\n                } else {\n                    propertyDefinition[parameter] = translation;\n                }\n\n                // if (parameter === \"info\") {\n\n                //     propertyDefinition['sections-schema'] = { prefix: { $el: 'div', attrs: { class: 'infoI', }, children: [{ $el: 'div', children: translation, attrs: { class: 'tooltipFormkit' } }] } }\n                // }\n            }\n\n            // Highlight mandatory fields\n            if (propertyDefinition.mandatory && parameter === \"label\") propertyDefinition[parameter] = `${translation}*`\n        }\n    }\n}\n\n/**\n * Recursive translation of propertie parameters including recursive translation of nested properties\n * @param {Object} schema Object containing the forms schema\n * @param {String} property String defining which property translation should be used (datasets/ distribution/ catalogues)\n */\nfunction translate(schema, property, t, te) {\n    for (let index = 0; index < schema.length; index += 1) {\n        const schemaPropertyValues = schema[index];\n\n        // translation of group forms and their nested properties\n        if (has(schemaPropertyValues, 'children')) {\n            // group attributes should be translated too\n            translateProperty(schemaPropertyValues, property, t, te);\n            // translated nested properties\n            translate(schemaPropertyValues.children, property, t, te);\n            // translation of conditional forms and their nested properties\n        } else if (has(schemaPropertyValues, 'data')) {\n            // group attributes should be translated too\n            translateProperty(schemaPropertyValues, property, t, te);\n            // translate nested data\n            const dataKeys = Object.keys(schemaPropertyValues.data);\n            for (let keyIndex = 0; keyIndex < dataKeys.length; keyIndex += 1) {\n                const currentKey = dataKeys[keyIndex];\n                translate(schemaPropertyValues.data[currentKey], property, t, te);\n            }\n            // translation of 'normal' singular form properties\n        } else {\n            translateProperty(schemaPropertyValues, property, t, te);\n        }\n    }\n}\n\nexport default translate;\n"],"names":["translateProperty","propertyDefinition","property","t","te","has","translatableParameters","propertyName","valueIndex","translation","parameter","translationExsists","translationExsistsEN","isObject","translate","schema","index","schemaPropertyValues","dataKeys","keyIndex","currentKey"],"mappings":";;AASA,SAASA,EAAkBC,GAAoBC,GAAUC,GAAGC,GAAI;AAE5D,MAAIC,EAAIJ,GAAoB,YAAY,GAAG;AACvC,UAAMK,IAAyB,CAAC,SAAS,QAAQ,QAAQ,eAAe,WAAW,GAC7EC,IAAeN,EAAmB;AAExC,aAASO,IAAa,GAAGA,IAAaF,EAAuB,QAAQE,KAAc,GAAG;AAClF,UAAIC,IAAcF;AAClB,YAAMG,IAAYJ,EAAuBE,CAAU,GAE7CG,IAAqBP,EAAG,sBAAsBF,CAAQ,IAAIK,CAAY,IAAIG,CAAS,EAAE,GACrFE,IAAuBR,EAAG,sBAAsBF,CAAQ,IAAIK,CAAY,IAAIG,CAAS,IAAI,IAAI;AAGnG,MAAKL,EAAIH,GAAUQ,CAAS,MACpBC,IACAF,IAAcN,EAAE,sBAAsBD,CAAQ,IAAIK,CAAY,IAAIG,CAAS,EAAE,IACtEE,IACPH,IAAcN,EAAE,sBAAsBD,CAAQ,IAAIK,CAAY,IAAIG,CAAS,IAAI,IAAI,IAEnFD,IAAcC,GAGiB,CAAC,CAACT,EAAmB,QACjD,CAACA,EAAmB,YACpBY,EAASZ,EAAmB,KAAK,KAGjCA,EAAmB,SAAS,0BAG/BA,EAAmB,MAAMS,CAAS,IAAID,IAEtCR,EAAmBS,CAAS,IAAID,IAUpCR,EAAmB,aAAaS,MAAc,YAAST,EAAmBS,CAAS,IAAI,GAAGD,CAAW;AAAA,IAC5G;AAAA,EACJ;AACL;AAOA,SAASK,EAAUC,GAAQb,GAAUC,GAAGC,GAAI;AACxC,WAASY,IAAQ,GAAGA,IAAQD,EAAO,QAAQC,KAAS,GAAG;AACnD,UAAMC,IAAuBF,EAAOC,CAAK;AAGzC,QAAIX,EAAIY,GAAsB,UAAU;AAEpC,MAAAjB,EAAkBiB,GAAsBf,GAAUC,GAAGC,CAAE,GAEvDU,EAAUG,EAAqB,UAAUf,GAAUC,GAAGC,CAAE;AAAA,aAEjDC,EAAIY,GAAsB,MAAM,GAAG;AAE1C,MAAAjB,EAAkBiB,GAAsBf,GAAUC,GAAGC,CAAE;AAEvD,YAAMc,IAAW,OAAO,KAAKD,EAAqB,IAAI;AACtD,eAASE,IAAW,GAAGA,IAAWD,EAAS,QAAQC,KAAY,GAAG;AAC9D,cAAMC,IAAaF,EAASC,CAAQ;AACpC,QAAAL,EAAUG,EAAqB,KAAKG,CAAU,GAAGlB,GAAUC,GAAGC,CAAE;AAAA,MACnE;AAAA,IAEb;AACY,MAAAJ,EAAkBiB,GAAsBf,GAAUC,GAAGC,CAAE;AAAA,EAE9D;AACL;"}

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

@@ -1,16 +1,16 @@
-import { defineComponent as M, markRaw as O, computed as U, resolveComponent as v, openBlock as o, createElementBlock as r, createElementVNode as p, createVNode as T, withModifiers as W, withCtx as D, Fragment as V, renderList as $, normalizeClass as j, toDisplayString as f, createTextVNode as n, createCommentVNode as u, createBlock as P } from "vue";
+import { defineComponent as U, markRaw as W, computed as j, resolveComponent as v, openBlock as o, createElementBlock as r, createElementVNode as p, createVNode as T, withModifiers as q, withCtx as D, Fragment as V, renderList as $, normalizeClass as B, toDisplayString as f, createTextVNode as n, createCommentVNode as u, createBlock as P } from "vue";
 import { mapGetters as F, mapActions as w } from "vuex";
-import q from "jquery";
-import B from "./PropertyChooser.vue.mjs";
-import { has as g, isNil as E, isEmpty as K } from "lodash-es";
-import R from "./DistributionInputPage.vue.mjs";
-import z from "./OverviewPage.vue.mjs";
-import G from "../components/InputPageStep.vue.mjs";
-import H from "../components/Navigation.vue.mjs";
-import { useDpiStepper as N } from "../composables/useDpiStepper.mjs";
-import { useWindowScroll as Z } from "../../external/@vueuse/core/index";
+import K from "jquery";
+import R from "./PropertyChooser.vue.mjs";
+import { has as g, isNil as E, isEmpty as z } from "lodash-es";
+import G from "./DistributionInputPage.vue.mjs";
+import H from "./OverviewPage.vue.mjs";
+import N from "../components/InputPageStep.vue.mjs";
+import Z from "../components/Navigation.vue.mjs";
+import { useDpiStepper as J } from "../composables/useDpiStepper.mjs";
+import { useWindowScroll as Q } from "../../external/@vueuse/core/index";
 import "@formkit/vue";
-import { useDpiContext as J } from "../composables/useDpiContext.mjs";
+import { useDpiContext as X } from "../composables/useDpiContext.mjs";
 import "vue-router";
 import "merge-anything";
 import "../../configurations/config-schema/apiSchema.mjs";
@@ -24,10 +24,11 @@ import "../../configurations/config-schema/trackerSchema.mjs";
 import "../../configurations/config-schema/configSchema.mjs";
 import "../../utils/helpers.mjs";
 import "axios";
-import { useFormSchema as Q } from "../composables/useFormSchema.mjs";
+import { useFormSchema as Y } from "../composables/useFormSchema.mjs";
+import { useI18n as x } from "vue-i18n";
 import "./InputPage.vue2.mjs";
-import X from "../../_virtual/_plugin-vue_export-helper.mjs";
-const Y = M({
+import _ from "../../_virtual/_plugin-vue_export-helper.mjs";
+const ee = U({
   props: {
     property: {
       required: !0,
@@ -51,10 +52,10 @@ const Y = M({
     };
   },
   components: {
-    InputPageStep: G,
-    DistributionInputPage: R,
-    PropertyChooser: B,
-    Navigation: H
+    InputPageStep: N,
+    DistributionInputPage: G,
+    PropertyChooser: R,
+    Navigation: Z
   },
   computed: {
     ...F("auth", [
@@ -118,8 +119,8 @@ const Y = M({
         }
       ), localStorage.getItem("dpi_editmode") === "false" && (this.setIsDraft(!1), this.setIsEditMode(!1)), this.saveLocalstorageValues(this.property);
       const d = this.$store.getters["dpiStore/getRawValues"]({ property: this.property });
-      K(d) || (this.formValues = d), this.$nextTick(() => {
-        q('[data-toggle="tooltip"]').tooltip({
+      z(d) || (this.formValues = d), this.$nextTick(() => {
+        K('[data-toggle="tooltip"]').tooltip({
           container: "body"
         }), setTimeout(() => {
           document.querySelectorAll(".formkitProperty h4").forEach((a, m) => {
@@ -169,7 +170,7 @@ const Y = M({
     });
   },
   setup() {
-    const e = J(), {
+    const e = X(), {
       steps: t,
       activeStep: d,
       visitedSteps: s,
@@ -178,10 +179,10 @@ const Y = M({
       stepPlugin: S,
       goToNextStep: y,
       goToPreviousStep: I
-    } = N(), { translateSchema: k, createSchema: b, getSchema: i } = Q(), l = () => {
-      let { x: c, y: A } = Z({ behavior: "smooth" });
-      A.value = 0;
-    }, h = (c) => (t[c].errorCount > 0 || t[c].blockingCount > 0) && s.value.includes(c), C = O({ OverviewPage: z }), L = U(() => {
+    } = J(), { t: k, te: b } = x(), { translateSchema: i, createSchema: l, getSchema: h } = Y({ t: k, te: b }), C = () => {
+      let { x: c, y: O } = Q({ behavior: "smooth" });
+      O.value = 0;
+    }, L = (c) => (t[c].errorCount > 0 || t[c].blockingCount > 0) && s.value.includes(c), A = W({ OverviewPage: H }), M = j(() => {
       var c;
       return !!((c = e.value.edit) != null && c.enabled);
     });
@@ -192,39 +193,39 @@ const Y = M({
       previousStep: a,
       nextStep: m,
       stepPlugin: S,
-      checkStepValidity: h,
+      checkStepValidity: L,
       goToNextStep: y,
       goToPreviousStep: I,
-      scrollToTop: l,
-      library: C,
-      isEditMode: L,
-      translateSchema: k,
-      createSchema: b,
-      getSchema: i
+      scrollToTop: C,
+      library: A,
+      isEditMode: M,
+      translateSchema: i,
+      createSchema: l,
+      getSchema: h
     };
   }
-}), x = { class: "form-container" }, _ = {
+}), te = { class: "form-container" }, ie = {
   key: 0,
   ref: "fkInputContainer",
   class: "inputContainer"
-}, ee = { class: "formContainer formkit position-relative" }, te = { class: "d-flex" }, ie = { class: "steps" }, se = ["data-step-active", "data-step-valid", "onClick"], oe = { class: "stepBubbleWrap" }, re = { class: "circle stepCircle" }, ae = ["textContent"], ne = {
+}, se = { class: "formContainer formkit position-relative" }, oe = { class: "d-flex" }, re = { class: "steps" }, ae = ["data-step-active", "data-step-valid", "onClick"], ne = { class: "stepBubbleWrap" }, le = { class: "circle stepCircle" }, pe = ["textContent"], de = {
   key: 0,
   class: "seperatorHorizontalStepper"
-}, le = {
+}, ue = {
   key: 0,
   class: "step inactiveStep"
-}, pe = { class: "d-flex flex-column w-100" }, de = {
+}, me = { class: "d-flex flex-column w-100" }, ce = {
   key: 0,
   class: "w-100 d-flex justify-content-between"
-}, ue = { style: { "min-width": "80%" } }, me = { key: 0 }, ce = { key: 1 }, fe = { key: 1 }, he = {
+}, fe = { style: { "min-width": "80%" } }, he = { key: 0 }, ve = { key: 1 }, ge = { key: 1 }, Se = {
   key: 4,
   class: "p-1"
 };
-function ve(e, t, d, s, a, m) {
+function ye(e, t, d, s, a, m) {
   const S = v("FormKitSchema"), y = v("DistributionInputPage"), I = v("InputPageStep"), k = v("Navigation"), b = v("FormKit");
-  return o(), r("div", x, [
-    e.isInput ? (o(), r("div", _, [
-      p("div", ee, [
+  return o(), r("div", te, [
+    e.isInput ? (o(), r("div", ie, [
+      p("div", se, [
         T(b, {
           type: "form",
           modelValue: e.formValues,
@@ -234,47 +235,47 @@ function ve(e, t, d, s, a, m) {
           id: "dpiForm",
           onChange: t[2] || (t[2] = (i) => e.saveFormValues({ property: e.property, page: e.page, distid: e.id, values: e.formValues })),
           onClick: t[3] || (t[3] = (i) => e.saveFormValues({ property: e.property, page: e.page, distid: e.id, values: e.formValues })),
-          onSubmit: t[4] || (t[4] = W(() => {
+          onSubmit: t[4] || (t[4] = q(() => {
           }, ["prevent"])),
           class: "d-flex"
         }, {
           default: D(() => [
-            p("div", te, [
-              p("ul", ie, [
+            p("div", oe, [
+              p("ul", re, [
                 (o(!0), r(V, null, $(e.steps, (i, l, h) => (o(), r("li", {
                   key: i,
-                  class: j(["step", { activeItem: e.activeStep === l, inactiveStep: l != e.activeStep, "has-errors": e.checkStepValidity(l) }]),
+                  class: B(["step", { activeItem: e.activeStep === l, inactiveStep: l != e.activeStep, "has-errors": e.checkStepValidity(l) }]),
                   "data-step-active": e.activeStep === l,
                   "data-step-valid": i.valid && i.errorCount === 0,
                   onClick: (C) => {
                     e.activeStep = l, e.update(), e.scrollToTop();
                   }
                 }, [
-                  p("div", oe, [
-                    p("div", re, f(h + 1), 1),
+                  p("div", ne, [
+                    p("div", le, f(h + 1), 1),
                     t[5] || (t[5] = n()),
                     e.checkStepValidity(l) ? (o(), r("span", {
                       key: 0,
                       class: "step--errors",
                       textContent: f(i.errorCount + i.blockingCount)
-                    }, null, 8, ae)) : u("", !0),
+                    }, null, 8, pe)) : u("", !0),
                     n(f(e.$t("message.dataupload.steps." + l + "Step")), 1)
                   ]),
                   t[6] || (t[6] = n()),
-                  h != Object.keys(e.steps).length ? (o(), r("div", ne)) : u("", !0)
-                ], 10, se))), 128)),
+                  h != Object.keys(e.steps).length ? (o(), r("div", de)) : u("", !0)
+                ], 10, ae))), 128)),
                 t[8] || (t[8] = n()),
-                e.activeStep === "Overview" ? (o(), r("li", le, t[7] || (t[7] = [
+                e.activeStep === "Overview" ? (o(), r("li", ue, t[7] || (t[7] = [
                   p("div", { class: "circle stepCircle" }, null, -1)
                 ]))) : u("", !0)
               ]),
               t[15] || (t[15] = n()),
-              p("div", pe, [
+              p("div", me, [
                 (o(!0), r(V, null, $(e.getNavSteps(e.$env.content.dataProviderInterface.specification)[e.property], (i, l) => (o(), r("div", { key: l }, [
                   T(I, { name: i }, {
                     default: D(() => [
-                      i !== "Distributions" && i !== "Overview" ? (o(), r("div", de, [
-                        p("h1", ue, f(e.$t("message.dataupload.steps." + i)), 1),
+                      i !== "Distributions" && i !== "Overview" ? (o(), r("div", ce, [
+                        p("h1", fe, f(e.$t("message.dataupload.steps." + i)), 1),
                         t[9] || (t[9] = n()),
                         p("a", {
                           class: "standardButtonDPI",
@@ -282,11 +283,11 @@ function ve(e, t, d, s, a, m) {
                             e.dropdownCLick(), e.expandall = !e.expandall;
                           })
                         }, [
-                          e.expandall ? (o(), r("span", me, f(e.$t("message.dataupload.info.expand")), 1)) : (o(), r("span", ce, f(e.$t("message.dataupload.info.hide")), 1))
+                          e.expandall ? (o(), r("span", he, f(e.$t("message.dataupload.info.expand")), 1)) : (o(), r("span", ve, f(e.$t("message.dataupload.info.hide")), 1))
                         ])
                       ])) : u("", !0),
                       t[11] || (t[11] = n()),
-                      i !== "Distributions" ? (o(), r("hr", fe)) : u("", !0),
+                      i !== "Distributions" ? (o(), r("hr", ge)) : u("", !0),
                       t[12] || (t[12] = n()),
                       i !== "Distributions" ? (o(), P(S, {
                         key: 2,
@@ -300,7 +301,7 @@ function ve(e, t, d, s, a, m) {
                         values: e.formValues
                       }, null, 8, ["schema", "values"])) : u("", !0),
                       t[14] || (t[14] = n()),
-                      i === "Mandatory" ? (o(), r("p", he, [
+                      i === "Mandatory" ? (o(), r("p", Se, [
                         t[10] || (t[10] = p("b", null, "*", -1)),
                         n(" " + f(e.$t("message.dataupload.info.mandatory")), 1)
                       ])) : u("", !0)
@@ -325,8 +326,8 @@ function ve(e, t, d, s, a, m) {
     ], 512)) : u("", !0)
   ]);
 }
-const Ne = /* @__PURE__ */ X(Y, [["render", ve]]);
+const Xe = /* @__PURE__ */ _(ee, [["render", ye]]);
 export {
-  Ne as default
+  Xe as default
 };
 //# sourceMappingURL=InputPage.vue.mjs.map