@piveau/piveau-hub-ui-modules 4.0.21

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

@@ -0,0 +1,241 @@
+import { getCurrentInstance as N, ref as f, watch as I, onMounted as D, nextTick as P, reactive as j, openBlock as s, createElementBlock as l, unref as p, createElementVNode as c, toDisplayString as _, createTextVNode as u, withDirectives as L, vShow as q, createCommentVNode as h, Fragment as x, renderList as w, isRef as b, vModelText as B } from "vue";
+import { useStore as J } from "vuex";
+import { getTranslationFor as $ } from "../../utils/helpers.mjs";
+import { onClickOutside as S } from "../../external/@vueuse/core/index";
+import { useRoute as W } from "vue-router";
+import "./SpatialInput.vue2.mjs";
+import X from "../../_virtual/_plugin-vue_export-helper.mjs";
+const z = { class: "d-flex flex-column w-100 spatialWrap" }, H = {
+  key: 0,
+  class: "d-flex formkit-inner mx-3 mb-3"
+}, Q = { class: "autocompleteInputSingleValue" }, Y = { key: 1 }, Z = { class: "w-100 d-flex" }, ee = { class: "d-flex position-relative m-3 w-100" }, te = {
+  key: 0,
+  class: "d-flex position-relative m-3 w-100"
+}, ae = { class: "w-100" }, oe = {
+  key: 1,
+  class: "d-flex position-relative m-3 w-100"
+}, ie = { class: "w-100" }, se = ["onClick"], le = {
+  key: 0,
+  class: "m-3"
+}, ne = {
+  key: 0,
+  class: "w-100"
+}, re = ["placeholder"], ce = ["onClick"], ue = {
+  data() {
+    return {
+      man: !1,
+      vocSearch: !1
+    };
+  }
+}, de = /* @__PURE__ */ Object.assign(ue, {
+  __name: "SpatialInput",
+  props: {
+    context: Object
+  },
+  setup(E) {
+    let C = N().appContext.app.config.globalProperties.$env, U = W();
+    const n = E;
+    let y = f([]), i = f({}), v = f({}), g = f({}), k = f({});
+    const V = J();
+    n.context.attrs.identifier === "politicalGeocodingURI" && y.value.push({ item: "Municipality Key", active: !1 }, { item: "Regional Key", active: !1 }, { item: "Municipal Association Key", active: !1 }, { item: "District Key", active: !1 }, { item: "Government District Key", active: !1 }, { item: "State Key", active: !1 }), n.context.attrs.identifier === "spatial" && y.value.push({ item: "Country", active: !1 }, { item: "Place", active: !1 }, { item: "Continent", active: !1 }), I(i, async () => {
+      K();
+    }), I(v, async () => {
+      v.value = v.value.toLowerCase();
+    }), I(k, async () => {
+      n.context.node.input({ name: k, resource: k });
+    }), D(async () => {
+      g = [{ name: "--- Type in anything for a live search of the vocabulary ---", resource: "invalid" }], await P(), n.context.value.name === void 0 || n.context.value.name === "" ? o.activeValue = !1 : o.activeValue = !0;
+    });
+    function G() {
+      y.value.forEach((t) => {
+        t.active = !1;
+      });
+    }
+    function O(t) {
+      o.activeValue = !1, n.context.node.input({});
+    }
+    function F(t) {
+      let a = JSON.parse(localStorage.getItem(`dpi_${U.params.property}`)), e;
+      n.context.attrs.identifier === "politicalGeocodingURI" ? e = a.Advised["dcatde:politicalGeocodingURI"] : e = a.Advised["dct:spatial"], e.forEach((r, d) => {
+        Object.keys(r).length === 0 && e.splice(d, 1);
+      }), e.push(n.context.node._value), n.context.attrs.identifier === "politicalGeocodingURI" ? a.Advised["dcatde:politicalGeocodingURI"] = e : a.Advised["dct:spatial"] = e, localStorage.setItem(`dpi_${U.params.property}`, JSON.stringify(a));
+    }
+    const K = async () => {
+      let t = v.value;
+      if (n.context.attrs.identifier === "politicalGeocodingURI") {
+        t = "political-geocoding-" + t.toLowerCase().replaceAll(" ", "-");
+        try {
+          let a = i.value;
+          await V.dispatch("dpiStore/requestAutocompleteSuggestions", { voc: t, text: a, base: C.api.baseUrl }).then((e) => {
+            g = e.data.result.results.map((d) => ({
+              name: $(d.alt_label, "en", []) + " (" + d.id + ")",
+              resource: d.resource
+            }));
+          });
+        } catch {
+        }
+      } else
+        try {
+          let a = i.value;
+          await V.dispatch("dpiStore/requestAutocompleteSuggestions", { voc: t, text: a, base: C.api.baseUrl }).then((e) => {
+            g = e.data.result.results.map((d) => ({
+              name: $(d.pref_label, "en", []) + " (" + d.id + ")",
+              resource: d.resource
+            }));
+          });
+        } catch {
+        }
+    };
+    var o = j({
+      first: !1,
+      second: !1,
+      third: !1,
+      activeValue: !1
+    });
+    const T = f(null), A = f(null), R = f(null);
+    S(T, (t) => o.first = !1), S(A, (t) => o.second = !1), S(R, (t) => o.third = !1);
+    function m(t) {
+      t === "showTable" && (o.first = !o.first), t === "showVocTable" && (o.second = !o.second), t === "showVocEntries" && (o.third === !0 || (o.third = !o.third));
+    }
+    function M(t) {
+      n.context.node.input({ name: t.target.value, resource: t.target.value });
+    }
+    return (t, a) => (s(), l("div", z, [
+      !n.context.attrs.multiple && p(o).activeValue ? (s(), l("div", H, [
+        c("a", Q, _(n.context.value.name), 1),
+        u(),
+        c("div", {
+          class: "removeX",
+          onClick: O
+        })
+      ])) : (s(), l("div", Y, [
+        c("div", Z, [
+          c("div", ee, [
+            c("input", {
+              id: "I1",
+              type: "text",
+              class: "selectInputField formkit-inner",
+              readonly: "readonly",
+              placeholder: "Select input method",
+              onClick: a[0] || (a[0] = (e) => m("showTable"))
+            }),
+            u(),
+            L(c("ul", {
+              ref_key: "I1",
+              ref: T,
+              class: "spatialListUpload"
+            }, [
+              c("li", {
+                onClick: a[1] || (a[1] = (e) => {
+                  m("showTable"), t.man = !0, t.vocSearch && (t.vocSearch = !1);
+                }),
+                class: "p-2 border-b border-gray-200 choosableItemsAC"
+              }, `
+                            Manually submit information
+                        `),
+              u(),
+              c("li", {
+                onClick: a[2] || (a[2] = (e) => {
+                  m("showTable"), t.vocSearch = !0, t.man && (t.man = !1);
+                }),
+                class: "p-2 border-b border-gray-200 choosableItemsAC"
+              }, `
+                            Choose from vocabulary
+                        `)
+            ], 512), [
+              [q, p(o).first]
+            ])
+          ]),
+          u(),
+          t.man ? (s(), l("div", te, [
+            c("label", ae, [
+              u(` Provide an URL
+                        `),
+              c("input", {
+                type: "URL",
+                class: "selectInputField formkit-inner",
+                placeholder: "URL",
+                onInput: a[3] || (a[3] = (e) => M(e))
+              }, null, 32)
+            ])
+          ])) : h("", !0),
+          u(),
+          t.vocSearch ? (s(), l("div", oe, [
+            c("label", ie, [
+              u(` Choose type of vocabulary
+                        `),
+              c("input", {
+                id: "I2",
+                type: "text",
+                class: "selectInputField formkit-inner",
+                readonly: "readonly",
+                placeholder: "Search the vocabulary",
+                onClick: a[4] || (a[4] = (e) => {
+                  m("showVocTable");
+                })
+              })
+            ]),
+            u(),
+            p(o).second ? (s(), l("ul", {
+              key: 0,
+              ref_key: "I2",
+              ref: A,
+              class: "spatialListUpload"
+            }, [
+              (s(!0), l(x, null, w(p(y), (e) => (s(), l("li", {
+                key: e,
+                class: "p-2 border-b border-gray-200 choosableItemsAC",
+                onClick: (r) => {
+                  G(), e.active = !e.active, m("showVocTable"), b(i) ? i.value = "" : i = "", b(v) ? v.value = e.item : v = e.item;
+                }
+              }, _(e.item), 9, se))), 128))
+            ], 512)) : h("", !0)
+          ])) : h("", !0)
+        ]),
+        u(),
+        t.vocSearch ? (s(), l("div", le, [
+          (s(!0), l(x, null, w(p(y), (e) => (s(), l("div", {
+            key: e,
+            class: "position-relative"
+          }, [
+            e.active ? (s(), l("label", ne, [
+              u(" Search the vocabulary "),
+              L(c("input", {
+                id: "I3",
+                type: "text",
+                "onUpdate:modelValue": a[5] || (a[5] = (r) => b(i) ? i.value = r : i = r),
+                class: "selectInputField formkit-inner",
+                placeholder: e.item,
+                onClick: a[6] || (a[6] = (r) => {
+                  m("showVocEntries"), b(i) ? i.value = "" : i = "";
+                })
+              }, null, 8, re), [
+                [B, p(i)]
+              ])
+            ])) : h("", !0),
+            u(),
+            p(o).third && e.active ? (s(), l("ul", {
+              key: 1,
+              ref_for: !0,
+              ref_key: "I3",
+              ref: R,
+              class: "spatialListUpload"
+            }, [
+              (s(!0), l(x, null, w(p(g), (r) => (s(), l("li", {
+                key: r,
+                class: "p-2 border-b border-gray-200 choosableItemsAC",
+                onClick: (d) => {
+                  n.context.node.input(r), b(i) ? i.value = r.name : i = r.name, m("showVocEntries"), p(o).third = !1, F();
+                }
+              }, _(r.name), 9, ce))), 128))
+            ], 512)) : h("", !0)
+          ]))), 128))
+        ])) : h("", !0)
+      ]))
+    ]));
+  }
+}), ge = /* @__PURE__ */ X(de, [["__scopeId", "data-v-163b320a"]]);
+export {
+  ge as default
+};
+//# sourceMappingURL=SpatialInput.vue.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SpatialInput.vue.mjs","sources":["../../../lib/data-provider-interface/components/SpatialInput.vue"],"sourcesContent":["<script setup>\n\nimport { ref, reactive, watch, computed, onBeforeMount, onMounted, nextTick } from 'vue';\nimport { useStore } from 'vuex';\nimport { getTranslationFor } from \"../../utils/helpers\";\nimport { onClickOutside } from '@vueuse/core'\nimport { getCurrentInstance } from \"vue\";\nimport { useRoute } from 'vue-router';\n\nlet instance = getCurrentInstance().appContext.app.config.globalProperties.$env\nlet route = useRoute();\n\nconst props = defineProps({\n    context: Object,\n})\n// let listOfVoc: [{ item: 'Country', active: false }, { item: 'Place', active: false }, { item: 'Continent', active: false }],\nlet listOfVoc = ref([])\nlet inputText = ref({})\nlet voc = ref({})\nlet matches = ref({})\nlet manURL = ref({})\nconst store = useStore();\n\nif (props.context.attrs.identifier === 'politicalGeocodingURI') {\n    listOfVoc.value.push({ item: 'Municipality Key', active: false }, { item: 'Regional Key', active: false }, { item: 'Municipal Association Key', active: false }, { item: 'District Key', active: false }, { item: 'Government District Key', active: false }, { item: 'State Key', active: false })\n\n}\nif (props.context.attrs.identifier === 'spatial') {\n    listOfVoc.value.push({ item: 'Country', active: false }, { item: 'Place', active: false }, { item: 'Continent', active: false })\n\n}\n\nwatch(inputText, async () => {\n    getAutocompleteSuggestions();\n})\nwatch(voc, async () => {\n    voc.value = voc.value.toLowerCase();\n})\nwatch(manURL, async () => {\n    props.context.node.input({ 'name': manURL, 'resource': manURL })\n})\nonMounted(async () => {\n    matches = [{ name: '--- Type in anything for a live search of the vocabulary ---', resource: 'invalid' }]\n\n    await nextTick()\n    // DOM loaded\n    if (props.context.value.name === undefined || props.context.value.name === \"\") {\n        showTable.activeValue = false\n    } else showTable.activeValue = true\n    // console.log(showTable.activeValue);\n\n});\n\nfunction closeAll() {\n    listOfVoc.value.forEach(element => {\n        element.active = false;\n    });\n}\nfunction removeProperty(e) {\n    //   props.context.value = {}\n    showTable.activeValue = false\n    props.context.node.input({})\n}\nfunction saveToLocal(el) {\n\n    let pathToLocalStorage = JSON.parse(localStorage.getItem(`dpi_${route.params.property}`));\n    let arr\n    if (props.context.attrs.identifier === 'politicalGeocodingURI') {\n        arr = pathToLocalStorage.Advised['dcatde:politicalGeocodingURI'];\n    }\n    else arr = pathToLocalStorage.Advised['dct:spatial'];\n\n    arr.forEach((element, index) => {\n        if (Object.keys(element).length === 0) {\n            arr.splice(index, 1)\n        }\n    })\n    arr.push(props.context.node._value)\n    if (props.context.attrs.identifier === 'politicalGeocodingURI') {\n        pathToLocalStorage.Advised['dcatde:politicalGeocodingURI'] = arr\n    }\n    else pathToLocalStorage.Advised['dct:spatial'] = arr\n\n    localStorage.setItem(`dpi_${route.params.property}`, JSON.stringify(pathToLocalStorage))\n}\nconst getAutocompleteSuggestions = async () => {\n    let vocCache = voc.value\n\n    if (props.context.attrs.identifier === 'politicalGeocodingURI') {\n\n        vocCache = 'political-geocoding-' + vocCache.toLowerCase().replaceAll(\" \", '-')\n\n        try {\n            let text = inputText.value;\n            await store.dispatch('dpiStore/requestAutocompleteSuggestions', { voc: vocCache, text: text, base: instance.api.baseUrl }).then((response) => {\n                const results = response.data.result.results.map((r) => ({\n                    name: getTranslationFor(r.alt_label, 'en', []) + \" (\" + r.id + \")\",\n                    resource: r.resource,\n                }));\n                matches = results;\n            });\n        } catch (error) {\n        }\n    }\n    else {\n        try {\n            let text = inputText.value;\n            await store.dispatch('dpiStore/requestAutocompleteSuggestions', { voc: vocCache, text: text, base: instance.api.baseUrl }).then((response) => {\n                const results = response.data.result.results.map((r) => ({\n                    name: getTranslationFor(r.pref_label, 'en', []) + \" (\" + r.id + \")\",\n                    resource: r.resource,\n                }));\n                matches = results;\n            });\n        } catch (error) {\n        }\n    }\n\n}\n\nvar showTable = reactive({\n    first: false,\n    second: false,\n    third: false,\n    activeValue: false\n})\n\nconst I1 = ref(null);\nconst I2 = ref(null);\nconst I3 = ref(null);\n\nonClickOutside(I1, event => showTable.first = false)\nonClickOutside(I2, event => showTable.second = false)\nonClickOutside(I3, event => showTable.third = false)\nfunction activeInput(e) {\n\n    // console.log('in', showTable);\n    if (e === \"showTable\") showTable.first = !showTable.first;\n    if (e === \"showVocTable\") showTable.second = !showTable.second;\n    if (e === \"showVocEntries\") {\n        if (showTable.third === true) {\n        }\n        else showTable.third = !showTable.third;\n    }\n}\nfunction manURLInput(e) {\n    props.context.node.input({ 'name': e.target.value, 'resource': e.target.value })\n}\n// console.log(voc);\n</script>\n\n<template>\n    <div class=\"d-flex flex-column w-100 spatialWrap\">\n        <div class=\"d-flex formkit-inner mx-3 mb-3\" v-if=\"!props.context.attrs.multiple && showTable.activeValue\">\n            <!-- <div class=\"infoI\">\n                <div class=\"tooltipFormkit\">{{ props.context.attrs.info }}</div>\n            </div> -->\n            <a class=\"autocompleteInputSingleValue \">{{ props.context.value.name }}</a>\n            <div class=\"removeX\" @click=\"removeProperty\"></div>\n        </div>\n        <div v-else>\n            <div class=\" w-100 d-flex\">\n                <div class=\"d-flex position-relative m-3 w-100\">\n                    <input id=\"I1\" type=\"text\"\n                            class=\"selectInputField formkit-inner\" readonly=\"readonly\" placeholder=\"Select input method\"\n                            @click=\"activeInput('showTable')\"/>\n                    <ul ref=\"I1\" v-show=\"showTable.first\" class=\"spatialListUpload\">\n                        <li @click=\"activeInput('showTable'); man = true; if (vocSearch) { vocSearch = false; };\"\n                            class=\"p-2 border-b border-gray-200 choosableItemsAC\">\n                            Manually submit information\n                        </li>\n                        <li @click=\"activeInput('showTable'); vocSearch = true; if (man) { man = false }\"\n                            class=\"p-2 border-b border-gray-200 choosableItemsAC\">\n                            Choose from vocabulary\n                        </li>\n                    </ul>\n                </div>\n                <div v-if=\"man\" class=\"d-flex position-relative m-3 w-100\">\n                    <label class=\"w-100\"> Provide an URL\n                        <input type=\"URL\" class=\"selectInputField formkit-inner\" placeholder=\"URL\"\n                            @input=\"manURLInput($event)\">\n                    </label>\n                </div>\n                <div v-if=\"vocSearch\" class=\"d-flex position-relative m-3 w-100\">\n                    <label class=\"w-100\"> Choose type of vocabulary\n                        <input id=\"I2\" type=\"text\" class=\"selectInputField formkit-inner\" readonly=\"readonly\"\n                            placeholder=\"Search the vocabulary\" @click=\"activeInput('showVocTable');\">\n                    </label>\n                    <ul ref=\"I2\" v-if=\"showTable.second\" class=\"spatialListUpload\">\n                        <li v-for=\"el in listOfVoc\" :key=\"el\" class=\"p-2 border-b border-gray-200 choosableItemsAC\"\n                            @click=\" closeAll(); el.active = !el.active; activeInput('showVocTable'); inputText = ''; voc = el.item\">\n                            {{ el.item }}</li>\n                    </ul>\n                </div>\n            </div>\n            <div class=\"m-3\" v-if=\"vocSearch\">\n                <div v-for=\"el in listOfVoc\" :key=\"el\" class=\"position-relative\">\n                    <label class=\"w-100\" v-if=\"el.active\"> Search the vocabulary <input id=\"I3\" type=\"text\"\n                            v-model=\"inputText\" class=\"selectInputField formkit-inner\" :placeholder=\"el.item\"\n                            @click=\"activeInput('showVocEntries'); inputText = ''\">\n                    </label>\n                    <ul ref=\"I3\" v-if=\"showTable.third && el.active\" class=\"spatialListUpload\">\n                        <li v-for=\"el in matches\" :key=\"el\" class=\"p-2 border-b border-gray-200 choosableItemsAC\"\n                            @click=\"props.context.node.input(el); inputText = el.name; activeInput('showVocEntries'); showTable.third = false; saveToLocal(el)\">\n                            {{ el.name }}</li>\n                    </ul>\n                </div>\n\n            </div>\n\n        </div>\n    </div>\n</template>\n\n<script>\n\nexport default {\n    data() {\n        return {\n            man: false,\n            vocSearch: false,\n        }\n    },\n\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.spatialWrap label {\n    font-family: var(--fk-font-family-label);\n    font-size: var(--fk-font-size-label);\n    font-weight: var(--fk-font-weight-label);\n    line-height: var(--fk-line-height-label);\n}\n\n.spatialWrap {\n    .spatialListUpload {\n        width: 100%;\n    }\n}\n</style>\n"],"names":["__default__","instance","getCurrentInstance","route","useRoute","props","__props","listOfVoc","ref","inputText","voc","matches","manURL","store","useStore","watch","getAutocompleteSuggestions","onMounted","nextTick","showTable","closeAll","element","removeProperty","e","saveToLocal","el","pathToLocalStorage","arr","index","vocCache","text","response","r","getTranslationFor","reactive","I1","I2","I3","onClickOutside","event","activeInput","manURLInput"],"mappings":"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"}

package/dist/data-provider-interface/components/SpatialInput.vue2.mjs

@@ -0,0 +1,5 @@
+const _ = "";
+export {
+  _ as default
+};
+//# sourceMappingURL=SpatialInput.vue2.mjs.map

package/dist/data-provider-interface/components/SpatialInput.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpatialInput.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,8 @@
+declare const _default: import('vue').DefineComponent<Readonly<{
+    context?: any;
+}>, {}, any, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<Readonly<{
+    context?: any;
+}>>>, {
+    readonly context?: any;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,72 @@
+import { getCurrentInstance as f, ref as c, resolveComponent as v, openBlock as s, createElementBlock as h, createElementVNode as I, toDisplayString as D, createTextVNode as g, createBlock as o } from "vue";
+import { isNil as y } from "lodash-es";
+import _ from "axios";
+import { useStore as $ } from "vuex";
+const b = { class: "formkitProperty DSid" }, q = {
+  props: ["context"]
+}, B = /* @__PURE__ */ Object.assign(q, {
+  __name: "UniqueIdentifierInput",
+  setup(k) {
+    let d = f().appContext.app.config.globalProperties.$env;
+    const i = $(), l = c();
+    l.value = i.getters["auth/getIsEditMode"];
+    const n = {
+      idformatvalid: "Dataset ID must only contain lower case letters, numbers and single dashes (-). Please choose a different ID.",
+      idunique: "This ID is already in use, please choose a different one."
+    };
+    async function r(e) {
+      let t = !0, a = d.api.hubUrl;
+      const p = i.getters["auth/getUserDraftIds"];
+      return new Promise(() => {
+        if (y(e.value) || e.value === "" || e.value === void 0)
+          t = !0;
+        else if (p.includes(e.value))
+          t = !1;
+        else {
+          const m = `${a}datasets/${e.value}?useNormalizedId=true`;
+          _.head(m).then(() => {
+            t = !1;
+          }).catch((U) => {
+            t = !0;
+          });
+        }
+      }), t;
+    }
+    function u(e) {
+      return /^[a-z0-9-]*$/.test(e.value);
+    }
+    return (e, t) => {
+      const a = v("FormKit");
+      return s(), h("div", b, [
+        I("h4", null, D(e.$t("message.dataupload.datasets.datasetID.label")), 1),
+        g(),
+        l.value ? (s(), o(a, {
+          key: 1,
+          type: "text",
+          name: "datasetID",
+          id: "datasetID",
+          disabled: !0,
+          info: e.$t("message.dataupload.datasets.datasetID.info"),
+          help: e.$t("message.dataupload.datasets.datasetID.help")
+        }, null, 8, ["info", "help"])) : (s(), o(a, {
+          key: 0,
+          type: "text",
+          name: "datasetID",
+          id: "datasetID",
+          placeholder: e.$t("message.dataupload.datasets.datasetID.label"),
+          info: e.$t("message.dataupload.datasets.datasetID.info"),
+          help: e.$t("message.dataupload.datasets.datasetID.help"),
+          "validation-rules": { idformatvalid: u, idunique: r },
+          validation: "idformatvalid|idunique|required",
+          "validation-visibility": "live",
+          "validation-messages": n,
+          "outer-class": "formkitCmpWrap p-3"
+        }, null, 8, ["placeholder", "info", "help", "validation-rules"]))
+      ]);
+    };
+  }
+});
+export {
+  B as default
+};
+//# sourceMappingURL=UniqueIdentifierInput.vue.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UniqueIdentifierInput.vue.mjs","sources":["../../../lib/data-provider-interface/components/UniqueIdentifierInput.vue"],"sourcesContent":["<script setup>\nimport { ref, onMounted, watchEffect } from 'vue'\nimport { isNil } from 'lodash';\nimport axios from 'axios';\nimport { useStore } from 'vuex';\nimport { getCurrentInstance } from \"vue\";\n\nlet env = getCurrentInstance().appContext.app.config.globalProperties.$env;\n\nconst store = useStore();\nconst isEditMode = ref();\nisEditMode.value = store.getters['auth/getIsEditMode'];\n\nconst validationMessages = {\n  idformatvalid: \"Dataset ID must only contain lower case letters, numbers and single dashes (-). Please choose a different ID.\",\n  idunique: \"This ID is already in use, please choose a different one.\"\n};\n\nasync function idunique(node) {\n  let isUniqueID = true;\n  let hubUrl = env.api.hubUrl;\n  const draftIDs = store.getters['auth/getUserDraftIds'];\n\n  new Promise(() => {\n    if (isNil(node.value) || node.value === '' || node.value === undefined) isUniqueID = true;\n    else if (draftIDs.includes(node.value)) isUniqueID = false;\n    else {\n      const request = `${hubUrl}datasets/${node.value}?useNormalizedId=true`;\n      axios.head(request)\n        .then(() => {\n          isUniqueID = false;\n        })\n        .catch((e) => {\n          isUniqueID = true;\n        });\n    }\n  });\n  return isUniqueID;\n}\n\nfunction idformatvalid(node) {\n  return /^[a-z0-9-]*$/.test(node.value);\n}\n\n</script>\n\n<template>\n  <div class=\"formkitProperty DSid\">\n    <h4>{{ $t(`message.dataupload.datasets.datasetID.label`) }}</h4>\n\n    <FormKit v-if=\"!isEditMode\" type=\"text\" name=\"datasetID\" id=\"datasetID\"\n      :placeholder=\"$t(`message.dataupload.datasets.datasetID.label`)\"\n      :info=\"$t(`message.dataupload.datasets.datasetID.info`)\" :help=\"$t(`message.dataupload.datasets.datasetID.help`)\"\n      :validation-rules=\"{ idformatvalid, idunique }\" validation=\"idformatvalid|idunique|required\"\n      validation-visibility=\"live\" :validation-messages=\"validationMessages\" outer-class=\"formkitCmpWrap p-3\">\n    </FormKit>\n    <FormKit v-else type=\"text\" name=\"datasetID\" id=\"datasetID\" :disabled=\"true\"\n      :info=\"$t(`message.dataupload.datasets.datasetID.info`)\" :help=\"$t(`message.dataupload.datasets.datasetID.help`)\">\n    </FormKit>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: ['context']\n}\n</script>\n\n<style></style>\n"],"names":["__default__","env","getCurrentInstance","store","useStore","isEditMode","ref","validationMessages","idunique","node","isUniqueID","hubUrl","draftIDs","isNil","request","axios","e","idformatvalid"],"mappings":";;;;6CA+DAA,IAAe;AAAA,EACb,OAAO,CAAC,SAAS;AACnB;;;AA1DA,QAAIC,IAAMC,EAAkB,EAAG,WAAW,IAAI,OAAO,iBAAiB;AAEtE,UAAMC,IAAQC,EAAQ,GAChBC,IAAaC,EAAG;AACtB,IAAAD,EAAW,QAAQF,EAAM,QAAQ,oBAAoB;AAErD,UAAMI,IAAqB;AAAA,MACzB,eAAe;AAAA,MACf,UAAU;AAAA,IACZ;AAEA,mBAAeC,EAASC,GAAM;AAC5B,UAAIC,IAAa,IACbC,IAASV,EAAI,IAAI;AACrB,YAAMW,IAAWT,EAAM,QAAQ,sBAAsB;AAErD,iBAAI,QAAQ,MAAM;AAChB,YAAIU,EAAMJ,EAAK,KAAK,KAAKA,EAAK,UAAU,MAAMA,EAAK,UAAU;AAAW,UAAAC,IAAa;AAAA,iBAC5EE,EAAS,SAASH,EAAK,KAAK;AAAG,UAAAC,IAAa;AAAA,aAChD;AACH,gBAAMI,IAAU,GAAGH,CAAM,YAAYF,EAAK,KAAK;AAC/C,UAAAM,EAAM,KAAKD,CAAO,EACf,KAAK,MAAM;AACV,YAAAJ,IAAa;AAAA,UACvB,CAAS,EACA,MAAM,CAACM,MAAM;AACZ,YAAAN,IAAa;AAAA,UACvB,CAAS;AAAA,QACJ;AAAA,MACL,CAAG,GACMA;AAAA,IACT;AAEA,aAASO,EAAcR,GAAM;AAC3B,aAAO,eAAe,KAAKA,EAAK,KAAK;AAAA,IACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,18 @@
+/**
+ * Provides the stepper state and methods to manage stepper.
+ */
+export declare function useDpiStepper(): {
+    steps: {};
+    activeStep: import('vue').Ref<string>;
+    activeStepIndex: import('vue').ComputedRef<number>;
+    previousStep: import('vue').ComputedRef<string>;
+    nextStep: import('vue').ComputedRef<string>;
+    visitedSteps: import('vue').Ref<never[]>;
+    stepPlugin: (node: any) => false | undefined;
+    stepList: import('vue').Ref<string[]>;
+    registerStep: (stepName: string) => void;
+    goToNextStep: () => void;
+    goToPreviousStep: () => void;
+    goToStep: (stepName: string) => void;
+    goToStepByIndex: (index: number) => void;
+};

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

@@ -0,0 +1,47 @@
+import { ref as d, computed as n, provide as x } from "vue";
+import { dpiStepperKey as g } from "../utils/injectionKeys.mjs";
+import I from "../utils/useSteps.mjs";
+function y() {
+  const { steps: p, activeStep: u, stepPlugin: v, visitedSteps: l } = I(), t = d([]), o = n(() => t.value.indexOf(u.value)), r = n(() => {
+    const e = o.value - 1;
+    return e >= 0 ? t.value[e] : "";
+  }), i = n(() => {
+    const e = o.value + 1;
+    return e < t.value.length ? t.value[e] : "";
+  }), s = (e) => {
+    t.value.includes(e) || t.value.push(e);
+  }, a = () => {
+    const e = o.value + 1;
+    e < t.value.length && (u.value = t.value[e]);
+  }, c = () => {
+    const e = o.value - 1;
+    e >= 0 && (u.value = t.value[e]);
+  }, S = (e) => {
+    t.value.includes(e) && (u.value = e);
+  }, f = (e) => {
+    e >= 0 && e < t.value.length && (u.value = t.value[e]);
+  };
+  return x(g, {
+    steps: p,
+    activeStep: u,
+    registerStep: s
+  }), {
+    steps: p,
+    activeStep: u,
+    activeStepIndex: o,
+    previousStep: r,
+    nextStep: i,
+    visitedSteps: l,
+    stepPlugin: v,
+    stepList: t,
+    registerStep: s,
+    goToNextStep: a,
+    goToPreviousStep: c,
+    goToStep: S,
+    goToStepByIndex: f
+  };
+}
+export {
+  y as useDpiStepper
+};
+//# sourceMappingURL=useDpiStepper.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDpiStepper.mjs","sources":["../../../lib/data-provider-interface/composables/useDpiStepper.ts"],"sourcesContent":["import { provide, ref, computed } from 'vue';\nimport { dpiStepperKey } from '../utils/injectionKeys';\nimport useSteps from '../utils/useSteps.js';\n\n/**\n * Provides the stepper state and methods to manage stepper.\n */\nexport function useDpiStepper() {\n  const { steps, activeStep, stepPlugin, visitedSteps } = useSteps();\n  const stepList = ref([] as string[]);\n  const activeStepIndex = computed(() => stepList.value.indexOf(activeStep.value));\n  \n  const previousStep = computed(() => {\n    const previousStepIndex = activeStepIndex.value - 1;\n    if (previousStepIndex >= 0) {\n      return stepList.value[previousStepIndex];\n    }\n    return '';\n  });\n\n  const nextStep = computed(() => {\n    const nextStepIndex = activeStepIndex.value + 1;\n    if (nextStepIndex < stepList.value.length) {\n      return stepList.value[nextStepIndex];\n    }\n    return '';\n  });\n\n  const registerStep = (stepName: string) => {\n    if (!stepList.value.includes(stepName)) {\n      stepList.value.push(stepName);\n    }\n  };\n\n  const goToNextStep = () => {\n    const nextStepIndex = activeStepIndex.value + 1;\n    if (nextStepIndex < stepList.value.length) {\n      activeStep.value = stepList.value[nextStepIndex];\n    }\n  }\n\n  const goToPreviousStep = () => {\n    const previousStepIndex = activeStepIndex.value - 1;\n    if (previousStepIndex >= 0) {\n      activeStep.value = stepList.value[previousStepIndex];\n    }\n  }\n\n  const goToStep = (stepName: string) => {\n    if (stepList.value.includes(stepName)) {\n      activeStep.value = stepName;\n    }\n  }\n\n  const goToStepByIndex = (index: number) => {\n    if (index >= 0 && index < stepList.value.length) {\n      activeStep.value = stepList.value[index];\n    }\n  }\n\n  provide(dpiStepperKey, {\n    steps,\n    activeStep,\n    registerStep,\n  });\n\n  return {\n    steps,\n    activeStep,\n    activeStepIndex,\n    previousStep,\n    nextStep,\n    visitedSteps,\n    stepPlugin,\n    stepList,\n    registerStep,\n    goToNextStep,\n    goToPreviousStep,\n    goToStep,\n    goToStepByIndex,\n  }\n}"],"names":["useDpiStepper","steps","activeStep","stepPlugin","visitedSteps","useSteps","stepList","ref","activeStepIndex","computed","previousStep","previousStepIndex","nextStep","nextStepIndex","registerStep","stepName","goToNextStep","goToPreviousStep","goToStep","goToStepByIndex","index","provide","dpiStepperKey"],"mappings":";;;AAOO,SAASA,IAAgB;AAC9B,QAAM,EAAE,OAAAC,GAAO,YAAAC,GAAY,YAAAC,GAAY,cAAAC,EAAA,IAAiBC,KAClDC,IAAWC,EAAI,CAAA,CAAc,GAC7BC,IAAkBC,EAAS,MAAMH,EAAS,MAAM,QAAQJ,EAAW,KAAK,CAAC,GAEzEQ,IAAeD,EAAS,MAAM;AAC5B,UAAAE,IAAoBH,EAAgB,QAAQ;AAClD,WAAIG,KAAqB,IAChBL,EAAS,MAAMK,CAAiB,IAElC;AAAA,EAAA,CACR,GAEKC,IAAWH,EAAS,MAAM;AACxB,UAAAI,IAAgBL,EAAgB,QAAQ;AAC1C,WAAAK,IAAgBP,EAAS,MAAM,SAC1BA,EAAS,MAAMO,CAAa,IAE9B;AAAA,EAAA,CACR,GAEKC,IAAe,CAACC,MAAqB;AACzC,IAAKT,EAAS,MAAM,SAASS,CAAQ,KAC1BT,EAAA,MAAM,KAAKS,CAAQ;AAAA,EAC9B,GAGIC,IAAe,MAAM;AACnB,UAAAH,IAAgBL,EAAgB,QAAQ;AAC1C,IAAAK,IAAgBP,EAAS,MAAM,WACtBJ,EAAA,QAAQI,EAAS,MAAMO,CAAa;AAAA,EACjD,GAGII,IAAmB,MAAM;AACvB,UAAAN,IAAoBH,EAAgB,QAAQ;AAClD,IAAIG,KAAqB,MACZT,EAAA,QAAQI,EAAS,MAAMK,CAAiB;AAAA,EACrD,GAGIO,IAAW,CAACH,MAAqB;AACrC,IAAIT,EAAS,MAAM,SAASS,CAAQ,MAClCb,EAAW,QAAQa;AAAA,EACrB,GAGII,IAAkB,CAACC,MAAkB;AACzC,IAAIA,KAAS,KAAKA,IAAQd,EAAS,MAAM,WAC5BJ,EAAA,QAAQI,EAAS,MAAMc,CAAK;AAAA,EACzC;AAGF,SAAAC,EAAQC,GAAe;AAAA,IACrB,OAAArB;AAAA,IACA,YAAAC;AAAA,IACA,cAAAY;AAAA,EAAA,CACD,GAEM;AAAA,IACL,OAAAb;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAM;AAAA,IACA,cAAAE;AAAA,IACA,UAAAE;AAAA,IACA,cAAAR;AAAA,IACA,YAAAD;AAAA,IACA,UAAAG;AAAA,IACA,cAAAQ;AAAA,IACA,cAAAE;AAAA,IACA,kBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA;AAEJ;"}