obm-upload-form-ui 0.1.0

package/dist/vue/useFormState.d.ts

@@ -0,0 +1,13 @@
+import { FormSchema } from '../core/schema/types';
+/**
+ * Reactive record values for a form schema: initialized from column
+ * default_value (including hidden columns, which are submitted but not
+ * rendered), with sticky/once_field-aware reset for "save and add another".
+ */
+export declare function useFormState(schema: FormSchema, initial?: Record<string, unknown>): {
+    values: Record<string, unknown>;
+    initialize: (overlay?: Record<string, unknown>) => void;
+    setValue: (column: string, value: unknown) => void;
+    dataForSubmit: () => Record<string, unknown>;
+    resetForNextEntry: () => void;
+};

package/dist/vue-leaflet/GeometryField.vue.d.ts

@@ -0,0 +1,14 @@
+import { FieldProps } from '../vue/types';
+declare const _default: import('vue').DefineComponent<FieldProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: unknown) => any;
+}, string, import('vue').PublicProps, Readonly<FieldProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
+}>, {
+    language: string;
+    issues: import('../core').ValidationIssue[];
+    disabled: boolean;
+    options: import('../core').FormListElement[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    mapContainer: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/vue-leaflet/index.d.ts

@@ -0,0 +1,9 @@
+import { FieldRegistry } from '../vue/fieldRegistry';
+export { default as GeometryField } from './GeometryField.vue';
+/**
+ * Registry overrides upgrading geometry columns from the WKT text fallback
+ * to the interactive map widget:
+ *
+ *   <UploadForm :schema="schema" :registry="geometryFieldRegistry()" />
+ */
+export declare function geometryFieldRegistry(): Partial<FieldRegistry>;

package/dist/vue-leaflet.js

@@ -0,0 +1,117 @@
+import { defineComponent as S, ref as y, computed as D, onMounted as F, onBeforeUnmount as G, watch as N, openBlock as g, createElementBlock as v, createElementVNode as _, withDirectives as O, vModelCheckbox as B, createTextVNode as J, createCommentVNode as E, toDisplayString as M, unref as W } from "vue";
+import * as a from "leaflet";
+import "leaflet-draw";
+import { w as z, g as U } from "./wkt-C0dkXG1x.js";
+import { u as A, _ as R } from "./_plugin-vue_export-helper-DQLEQ__A.js";
+const Z = { class: "obm-geometry" }, K = { class: "obm-geometry__toggle" }, j = ["value", "disabled"], q = {
+  key: 1,
+  class: "obm-geometry__hint"
+}, H = /* @__PURE__ */ S({
+  __name: "GeometryField",
+  props: {
+    column: {},
+    modelValue: {},
+    issues: { default: () => [] },
+    disabled: { type: Boolean, default: !1 },
+    options: { default: void 0 },
+    language: { default: "en" }
+  },
+  emits: ["update:modelValue"],
+  setup(b, { emit: L }) {
+    const n = b, k = L, s = y(null), d = y(!1), c = y(!1);
+    let t = null, e = null, x = null, m = !1;
+    const r = D(() => n.modelValue == null ? "" : String(n.modelValue)), T = D(() => n.disabled || n.column.api_params.readonly);
+    function V() {
+      const o = n.column.type, l = o === "wkt";
+      return {
+        marker: l || o === "point" ? {} : !1,
+        polyline: l || o === "line" ? {} : !1,
+        polygon: l || o === "polygon" ? {} : !1,
+        rectangle: !1,
+        circle: !1,
+        circlemarker: !1
+      };
+    }
+    function h() {
+      const o = (e == null ? void 0 : e.getLayers()) ?? [];
+      if (o.length === 0) return null;
+      const l = o[0];
+      return U(l.toGeoJSON().geometry);
+    }
+    function p() {
+      m = !0, k("update:modelValue", h());
+    }
+    function f() {
+      if (!(!t || !e) && (e.clearLayers(), c.value = !1, r.value.trim() !== ""))
+        try {
+          const o = z(r.value);
+          a.geoJSON(o).eachLayer((C) => e == null ? void 0 : e.addLayer(C));
+          const u = e.getBounds();
+          u.isValid() && t.fitBounds(u, { maxZoom: 14, padding: [20, 20] });
+        } catch {
+          c.value = !0;
+        }
+    }
+    F(() => {
+      s.value && (t = a.map(s.value, { center: [47.18, 19.5], zoom: 6 }), a.tileLayer("https://tile.openstreetmap.org/{z}/{x}/{y}.png", {
+        maxZoom: 19,
+        attribution: "© OpenStreetMap contributors"
+      }).addTo(t), e = new a.FeatureGroup(), t.addLayer(e), T.value || (x = new a.Control.Draw({
+        draw: V(),
+        edit: { featureGroup: e }
+      }), t.addControl(x)), t.on(a.Draw.Event.CREATED, (o) => {
+        e == null || e.clearLayers(), e == null || e.addLayer(o.layer), p();
+      }), t.on(a.Draw.Event.EDITED, p), t.on(a.Draw.Event.DELETED, p), f(), setTimeout(() => t == null ? void 0 : t.invalidateSize(), 0));
+    }), G(() => {
+      t == null || t.remove(), t = null;
+    }), N(r, () => {
+      if (m) {
+        m = !1;
+        return;
+      }
+      f();
+    });
+    function w(o) {
+      const l = o.target.value;
+      k("update:modelValue", l === "" ? null : l), f();
+    }
+    return (o, l) => (g(), v("div", Z, [
+      _("div", {
+        ref_key: "mapContainer",
+        ref: s,
+        class: "obm-geometry__map"
+      }, null, 512),
+      _("label", K, [
+        O(_("input", {
+          "onUpdate:modelValue": l[0] || (l[0] = (u) => d.value = u),
+          type: "checkbox"
+        }, null, 512), [
+          [B, d.value]
+        ]),
+        l[1] || (l[1] = J(" WKT ", -1))
+      ]),
+      d.value ? (g(), v("textarea", {
+        key: 0,
+        class: "obm-geometry__text",
+        rows: "3",
+        value: r.value,
+        disabled: T.value,
+        onInput: w
+      }, null, 40, j)) : E("", !0),
+      c.value ? (g(), v("p", q, M(W(A)("invalidWkt", b.language)), 1)) : E("", !0)
+    ]));
+  }
+}), i = /* @__PURE__ */ R(H, [["__scopeId", "data-v-08c09476"]]);
+function $() {
+  return {
+    point: i,
+    line: i,
+    polygon: i,
+    wkt: i
+  };
+}
+export {
+  i as GeometryField,
+  $ as geometryFieldRegistry
+};
+//# sourceMappingURL=vue-leaflet.js.map

package/dist/vue-leaflet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-leaflet.js","sources":["../src/vue-leaflet/GeometryField.vue","../src/vue-leaflet/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Feature } from 'geojson';\nimport * as L from 'leaflet';\nimport 'leaflet-draw';\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';\nimport { geoJSONToWkt, wktToGeoJSON } from '../core/geo/wkt';\nimport { uiText } from '../vue/uiText';\nimport type { FieldEmits, FieldProps } from '../vue/types';\n\n/**\n * Leaflet + Leaflet.draw editor for geometry columns (point/line/polygon/wkt).\n * The model value is a WKT string — converted at the edge, mirroring the\n * thr_vizfolyasok initMap() bridge (map speaks GeoJSON, the form speaks WKT).\n *\n * NOTE: hosts must include the Leaflet and Leaflet.draw stylesheets\n * themselves (see the vue-leaflet entry README section); they are not\n * bundled here.\n */\nconst props = withDefaults(defineProps<FieldProps>(), {\n  issues: () => [],\n  disabled: false,\n  options: undefined,\n  language: 'en',\n});\nconst emit = defineEmits<FieldEmits>();\n\nconst mapContainer = ref<HTMLElement | null>(null);\nconst editAsText = ref(false);\nconst parseFailed = ref(false);\n\nlet map: L.Map | null = null;\nlet drawnItems: L.FeatureGroup | null = null;\nlet drawControl: L.Control.Draw | null = null;\n/** Guards the watcher against reacting to our own emits. */\nlet internalUpdate = false;\n\nconst text = computed(() => (props.modelValue == null ? '' : String(props.modelValue)));\nconst isDisabled = computed(() => props.disabled || props.column.api_params.readonly);\n\nfunction drawOptionsForType(): L.Control.DrawOptions {\n  const type = props.column.type;\n  const anyGeometry = type === 'wkt';\n  return {\n    marker: anyGeometry || type === 'point' ? {} : false,\n    polyline: anyGeometry || type === 'line' ? {} : false,\n    polygon: anyGeometry || type === 'polygon' ? {} : false,\n    rectangle: false,\n    circle: false,\n    circlemarker: false,\n  };\n}\n\nfunction currentWkt(): string | null {\n  const layers = drawnItems?.getLayers() ?? [];\n  if (layers.length === 0) return null;\n  const layer = layers[0] as L.Layer & { toGeoJSON: () => Feature };\n  return geoJSONToWkt(layer.toGeoJSON().geometry);\n}\n\nfunction emitFromMap() {\n  internalUpdate = true;\n  emit('update:modelValue', currentWkt());\n}\n\nfunction renderValueOnMap() {\n  if (!map || !drawnItems) return;\n  drawnItems.clearLayers();\n  parseFailed.value = false;\n  if (text.value.trim() === '') return;\n  try {\n    const geometry = wktToGeoJSON(text.value);\n    const geoJsonLayer = L.geoJSON(geometry);\n    geoJsonLayer.eachLayer((layer) => drawnItems?.addLayer(layer));\n    const bounds = drawnItems.getBounds();\n    if (bounds.isValid()) {\n      map.fitBounds(bounds, { maxZoom: 14, padding: [20, 20] });\n    }\n  } catch {\n    parseFailed.value = true;\n  }\n}\n\nonMounted(() => {\n  if (!mapContainer.value) return;\n  map = L.map(mapContainer.value, { center: [47.18, 19.5], zoom: 6 });\n  L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {\n    maxZoom: 19,\n    attribution: '&copy; OpenStreetMap contributors',\n  }).addTo(map);\n\n  drawnItems = new L.FeatureGroup();\n  map.addLayer(drawnItems);\n\n  if (!isDisabled.value) {\n    drawControl = new L.Control.Draw({\n      draw: drawOptionsForType(),\n      edit: { featureGroup: drawnItems },\n    });\n    map.addControl(drawControl);\n  }\n\n  map.on(L.Draw.Event.CREATED, (event) => {\n    // One geometry per column: a new drawing replaces the previous one.\n    drawnItems?.clearLayers();\n    drawnItems?.addLayer((event as L.DrawEvents.Created).layer);\n    emitFromMap();\n  });\n  map.on(L.Draw.Event.EDITED, emitFromMap);\n  map.on(L.Draw.Event.DELETED, emitFromMap);\n\n  renderValueOnMap();\n  setTimeout(() => map?.invalidateSize(), 0);\n});\n\nonBeforeUnmount(() => {\n  map?.remove();\n  map = null;\n});\n\nwatch(text, () => {\n  if (internalUpdate) {\n    internalUpdate = false;\n    return;\n  }\n  renderValueOnMap();\n});\n\nfunction onTextInput(event: Event) {\n  const value = (event.target as HTMLTextAreaElement).value;\n  emit('update:modelValue', value === '' ? null : value);\n  renderValueOnMap();\n}\n</script>\n\n<template>\n  <div class=\"obm-geometry\">\n    <div ref=\"mapContainer\" class=\"obm-geometry__map\" />\n    <label class=\"obm-geometry__toggle\">\n      <input v-model=\"editAsText\" type=\"checkbox\" />\n      WKT\n    </label>\n    <textarea\n      v-if=\"editAsText\"\n      class=\"obm-geometry__text\"\n      rows=\"3\"\n      :value=\"text\"\n      :disabled=\"isDisabled\"\n      @input=\"onTextInput\"\n    />\n    <p v-if=\"parseFailed\" class=\"obm-geometry__hint\">{{ uiText('invalidWkt', language) }}</p>\n  </div>\n</template>\n\n<style scoped>\n.obm-geometry__map {\n  height: var(--obm-form-map-height, 300px);\n  border: 1px solid var(--obm-form-input-border, #bbb);\n  border-radius: var(--obm-form-input-radius, 4px);\n}\n\n.obm-geometry__toggle {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.3rem;\n  margin-top: 0.3rem;\n  font-size: 0.85rem;\n  color: var(--obm-form-description-color, #666);\n  cursor: pointer;\n}\n\n.obm-geometry__text {\n  display: block;\n  width: 100%;\n  margin-top: 0.3rem;\n  padding: var(--obm-form-input-padding, 0.4rem 0.6rem);\n  border: 1px solid var(--obm-form-input-border, #bbb);\n  border-radius: var(--obm-form-input-radius, 4px);\n  font-family: var(--obm-form-mono-font, monospace);\n  font-size: 0.9rem;\n  box-sizing: border-box;\n  resize: vertical;\n}\n\n.obm-geometry__hint {\n  margin: 0.2rem 0 0;\n  font-size: 0.85rem;\n  color: var(--obm-form-warning-color, #b9770e);\n}\n</style>\n","/**\n * Leaflet entry (`obm-upload-form-ui/vue-leaflet`).\n *\n * Kept separate from `/vue` so Leaflet stays an optional peer dependency:\n * importing the plain widget set never pulls Leaflet.\n *\n * Hosts must include the Leaflet + Leaflet.draw stylesheets themselves, e.g.:\n *   import 'leaflet/dist/leaflet.css';\n *   import 'leaflet-draw/dist/leaflet.draw.css';\n */\nimport type { FieldRegistry } from '../vue/fieldRegistry';\nimport GeometryField from './GeometryField.vue';\n\nexport { default as GeometryField } from './GeometryField.vue';\n\n/**\n * Registry overrides upgrading geometry columns from the WKT text fallback\n * to the interactive map widget:\n *\n *   <UploadForm :schema=\"schema\" :registry=\"geometryFieldRegistry()\" />\n */\nexport function geometryFieldRegistry(): Partial<FieldRegistry> {\n  return {\n    point: GeometryField,\n    line: GeometryField,\n    polygon: GeometryField,\n    wkt: GeometryField,\n  };\n}\n"],"names":["props","__props","emit","__emit","mapContainer","ref","editAsText","parseFailed","map","drawnItems","drawControl","internalUpdate","text","computed","isDisabled","drawOptionsForType","type","anyGeometry","currentWkt","layers","layer","geoJSONToWkt","emitFromMap","renderValueOnMap","geometry","wktToGeoJSON","L","bounds","onMounted","event","onBeforeUnmount","watch","onTextInput","value","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","$event","_hoisted_4","_toDisplayString","_unref","uiText","geometryFieldRegistry","GeometryField"],"mappings":";;;;;;;;;;;;;;;;;;;;AAkBA,UAAMA,IAAQC,GAMRC,IAAOC,GAEPC,IAAeC,EAAwB,IAAI,GAC3CC,IAAaD,EAAI,EAAK,GACtBE,IAAcF,EAAI,EAAK;AAE7B,QAAIG,IAAoB,MACpBC,IAAoC,MACpCC,IAAqC,MAErCC,IAAiB;AAErB,UAAMC,IAAOC,EAAS,MAAOb,EAAM,cAAc,OAAO,KAAK,OAAOA,EAAM,UAAU,CAAE,GAChFc,IAAaD,EAAS,MAAMb,EAAM,YAAYA,EAAM,OAAO,WAAW,QAAQ;AAEpF,aAASe,IAA4C;AACnD,YAAMC,IAAOhB,EAAM,OAAO,MACpBiB,IAAcD,MAAS;AAC7B,aAAO;AAAA,QACL,QAAQC,KAAeD,MAAS,UAAU,CAAA,IAAK;AAAA,QAC/C,UAAUC,KAAeD,MAAS,SAAS,CAAA,IAAK;AAAA,QAChD,SAASC,KAAeD,MAAS,YAAY,CAAA,IAAK;AAAA,QAClD,WAAW;AAAA,QACX,QAAQ;AAAA,QACR,cAAc;AAAA,MAAA;AAAA,IAElB;AAEA,aAASE,IAA4B;AACnC,YAAMC,KAASV,KAAA,gBAAAA,EAAY,gBAAe,CAAA;AAC1C,UAAIU,EAAO,WAAW,EAAG,QAAO;AAChC,YAAMC,IAAQD,EAAO,CAAC;AACtB,aAAOE,EAAaD,EAAM,UAAA,EAAY,QAAQ;AAAA,IAChD;AAEA,aAASE,IAAc;AACrB,MAAAX,IAAiB,IACjBT,EAAK,qBAAqBgB,GAAY;AAAA,IACxC;AAEA,aAASK,IAAmB;AAC1B,UAAI,GAACf,KAAO,CAACC,OACbA,EAAW,YAAA,GACXF,EAAY,QAAQ,IAChBK,EAAK,MAAM,KAAA,MAAW;AAC1B,YAAI;AACF,gBAAMY,IAAWC,EAAab,EAAK,KAAK;AAExC,UADqBc,EAAE,QAAQF,CAAQ,EAC1B,UAAU,CAACJ,MAAUX,KAAA,gBAAAA,EAAY,SAASW,EAAM;AAC7D,gBAAMO,IAASlB,EAAW,UAAA;AAC1B,UAAIkB,EAAO,aACTnB,EAAI,UAAUmB,GAAQ,EAAE,SAAS,IAAI,SAAS,CAAC,IAAI,EAAE,GAAG;AAAA,QAE5D,QAAQ;AACN,UAAApB,EAAY,QAAQ;AAAA,QACtB;AAAA,IACF;AAEA,IAAAqB,EAAU,MAAM;AACd,MAAKxB,EAAa,UAClBI,IAAMkB,EAAE,IAAItB,EAAa,OAAO,EAAE,QAAQ,CAAC,OAAO,IAAI,GAAG,MAAM,EAAA,CAAG,GAClEsB,EAAE,UAAU,kDAAkD;AAAA,QAC5D,SAAS;AAAA,QACT,aAAa;AAAA,MAAA,CACd,EAAE,MAAMlB,CAAG,GAEZC,IAAa,IAAIiB,EAAE,aAAA,GACnBlB,EAAI,SAASC,CAAU,GAElBK,EAAW,UACdJ,IAAc,IAAIgB,EAAE,QAAQ,KAAK;AAAA,QAC/B,MAAMX,EAAA;AAAA,QACN,MAAM,EAAE,cAAcN,EAAA;AAAA,MAAW,CAClC,GACDD,EAAI,WAAWE,CAAW,IAG5BF,EAAI,GAAGkB,EAAE,KAAK,MAAM,SAAS,CAACG,MAAU;AAEtC,QAAApB,KAAA,QAAAA,EAAY,eACZA,KAAA,QAAAA,EAAY,SAAUoB,EAA+B,QACrDP,EAAA;AAAA,MACF,CAAC,GACDd,EAAI,GAAGkB,EAAE,KAAK,MAAM,QAAQJ,CAAW,GACvCd,EAAI,GAAGkB,EAAE,KAAK,MAAM,SAASJ,CAAW,GAExCC,EAAA,GACA,WAAW,MAAMf,KAAA,gBAAAA,EAAK,kBAAkB,CAAC;AAAA,IAC3C,CAAC,GAEDsB,EAAgB,MAAM;AACpB,MAAAtB,KAAA,QAAAA,EAAK,UACLA,IAAM;AAAA,IACR,CAAC,GAEDuB,EAAMnB,GAAM,MAAM;AAChB,UAAID,GAAgB;AAClB,QAAAA,IAAiB;AACjB;AAAA,MACF;AACA,MAAAY,EAAA;AAAA,IACF,CAAC;AAED,aAASS,EAAYH,GAAc;AACjC,YAAMI,IAASJ,EAAM,OAA+B;AACpD,MAAA3B,EAAK,qBAAqB+B,MAAU,KAAK,OAAOA,CAAK,GACrDV,EAAA;AAAA,IACF;sBAIEW,EAAA,GAAAC,EAeM,OAfNC,GAeM;AAAA,MAdJC,EAAoD,OAAA;AAAA,iBAA3C;AAAA,QAAJ,KAAIjC;AAAA,QAAe,OAAM;AAAA,MAAA;MAC9BiC,EAGQ,SAHRC,GAGQ;AAAA,UAFND,EAA8C,SAAA;AAAA,wDAA9B/B,EAAU,QAAAiC;AAAA,UAAE,MAAK;AAAA,QAAA;cAAjBjC,EAAA,KAAU;AAAA,QAAA;0BAAoB,SAEhD,EAAA;AAAA,MAAA;MAEQA,EAAA,cADR6B,EAOE,YAAA;AAAA;QALA,OAAM;AAAA,QACN,MAAK;AAAA,QACJ,OAAOvB,EAAA;AAAA,QACP,UAAUE,EAAA;AAAA,QACV,SAAOkB;AAAA,MAAA;MAEDzB,EAAA,SAAT2B,EAAA,GAAAC,EAAyF,KAAzFK,GAAyFC,EAArCC,EAAAC,CAAA,gBAAqB1C,EAAA,QAAQ,CAAA,GAAA,CAAA;;;;AChI9E,SAAS2C,IAAgD;AAC9D,SAAO;AAAA,IACL,OAAOC;AAAA,IACP,MAAMA;AAAA,IACN,SAASA;AAAA,IACT,KAAKA;AAAA,EAAA;AAET;"}