Merge pull request #198 from open-formulieren/feature/2177-map-intera…

…ctions Adding map interaction config
open-formulieren · Jan 15, 2025 · d93adda · d93adda
2 parents ac9ae4b + f570ae1
commit d93adda
Show file tree

Hide file tree

Showing 12 changed files with 838 additions and 107 deletions.
diff --git a/bundle-scss.mjs b/bundle-scss.mjs
@@ -5,6 +5,10 @@ await esbuild.build({
   entryPoints: ['src/index.ts'],
   outdir: 'lib/css',
   bundle: true,
+  loader: {
+    ".png": "dataurl",
+    ".svg": "dataurl",
+  },
   minify: false,
   sourcemap: true,
   plugins: [sassPlugin()],

diff --git a/i18n/messages/en.json b/i18n/messages/en.json
@@ -284,6 +284,11 @@
     "description": "Operator 'subtract' option label",
     "originalDefault": "Subtract"
   },
+  "9oJuUL": {
+    "defaultMessage": "Marker",
+    "description": "Label for 'interactions.marker' builder field",
+    "originalDefault": "Marker"
+  },
   "AClYLf": {
     "defaultMessage": "If checked, the current day is an allowed value.",
     "description": "Tooltip for 'date constraint includeToday' builder validation field",
@@ -469,6 +474,11 @@
     "description": "Label for the 'columns' builder field",
     "originalDefault": "Column sizes"
   },
+  "Gjhh/5": {
+    "defaultMessage": "Available drawing shapes",
+    "description": "Map interaction configuration panel title",
+    "originalDefault": "Available drawing shapes"
+  },
   "GjumK9": {
     "defaultMessage": "Specify the size of each column. The sum of all the widths should be 100%.",
     "description": "Tooltip for 'columns' builder field",
@@ -679,6 +689,11 @@
     "description": "Double column label",
     "originalDefault": "Double column"
   },
+  "T64zDz": {
+    "defaultMessage": "Polygon",
+    "description": "Label for 'interactions.polygon' builder field",
+    "originalDefault": "Polygon"
+  },
   "TCNvqa": {
     "defaultMessage": "Minimum date",
     "description": "Date field 'minDate' fixed value label",
@@ -794,6 +809,11 @@
     "description": "Tooltip for 'Multiple values' builder field",
     "originalDefault": "Are there multiple values possible for this field?"
   },
+  "WXpj4j": {
+    "defaultMessage": "Users can set a marker on the map",
+    "description": "Tooltip for 'interactions.marker' builder field",
+    "originalDefault": "Users can set a marker on the map"
+  },
   "WZJG0y": {
     "defaultMessage": "In the past",
     "description": "Date constraint mode 'past' label",
@@ -914,6 +934,11 @@
     "description": "Label for address houseletter",
     "originalDefault": "House letter addition"
   },
+  "b64egT": {
+    "defaultMessage": "Users can draw shapes (polygons) on the map",
+    "description": "Tooltip for 'interactions.polygon' builder field",
+    "originalDefault": "Users can draw shapes (polygons) on the map"
+  },
   "bYBFBc": {
     "defaultMessage": "Whether to show this value in the submission summary",
     "description": "Tooltip for 'showInSummary' builder field",
@@ -999,11 +1024,6 @@
     "description": "Date field 'minDate' validation panel title",
     "originalDefault": "Minimum date {configured, select, false {(not set)} other {}}"
   },
-  "e6SsfR": {
-    "defaultMessage": "Map configuration",
-    "description": "Map configuration panel title",
-    "originalDefault": "Map configuration"
-  },
   "eAmrdi": {
     "defaultMessage": "Loading...",
     "description": "Loading content text",
@@ -1244,6 +1264,11 @@
     "description": "Tooltip for 'operator' in relative delta date constraint validation",
     "originalDefault": "Specify whether to add or subtract a time delta to/from the variable."
   },
+  "mRmbnJ": {
+    "defaultMessage": "Line",
+    "description": "Label for 'interactions.polyline' builder field",
+    "originalDefault": "Line"
+  },
   "mWuCXv": {
     "defaultMessage": "Optionally provide additional information to explain the meaning of the option.",
     "description": "Tooltip for option/choice description",
@@ -1339,6 +1364,11 @@
     "description": "Label for 'NumberOfRows' builder field",
     "originalDefault": "Number of rows"
   },
+  "pM92DZ": {
+    "defaultMessage": "Users can draw straight lines on the map",
+    "description": "Tooltip for 'interactions.polyline' builder field",
+    "originalDefault": "Users can draw straight lines on the map"
+  },
   "pT5jx/": {
     "defaultMessage": "Column size on mobile, value between 1 and 4.",
     "description": "Accessible label for column mobile size",
@@ -1349,6 +1379,11 @@
     "description": "Selectboxes dummy option for itemsExpression",
     "originalDefault": "Options from expression: <code>{expression}</code>"
   },
+  "pdmkVe": {
+    "defaultMessage": "Initial focus",
+    "description": "Map initial focus panel title",
+    "originalDefault": "Initial focus"
+  },
   "pfdsz9": {
     "defaultMessage": "House number addition",
     "description": "Label for address housenumberaddition",
@@ -1464,6 +1499,11 @@
     "description": "Tooltip for 'prefill.attribute' builder field",
     "originalDefault": "Specify the attribute holding the pre-fill data."
   },
+  "wJ7Yha": {
+    "defaultMessage": "Map settings",
+    "description": "Component edit form tab title for 'Map settings' tab",
+    "originalDefault": "Map settings"
+  },
   "wOq8Pb": {
     "defaultMessage": "Translation for option with value \"{value}\"",
     "description": "Accessible label for option label translation field",

diff --git a/i18n/messages/nl.json b/i18n/messages/nl.json
@@ -287,6 +287,11 @@
     "description": "Operator 'subtract' option label",
     "originalDefault": "Subtract"
   },
+  "9oJuUL": {
+    "defaultMessage": "Pin/punt",
+    "description": "Label for 'interactions.marker' builder field",
+    "originalDefault": "Marker"
+  },
   "AClYLf": {
     "defaultMessage": "Indien aangevinkt, dan is de dag op het moment van evaluatie een geldige datum.",
     "description": "Tooltip for 'date constraint includeToday' builder validation field",
@@ -475,6 +480,11 @@
     "description": "Label for the 'columns' builder field",
     "originalDefault": "Column sizes"
   },
+  "Gjhh/5": {
+    "defaultMessage": "Beschikbare vormen",
+    "description": "Map interaction configuration panel title",
+    "originalDefault": "Available drawing shapes"
+  },
   "GjumK9": {
     "defaultMessage": "Geef de grootte van elke kolom op. De som van alle breedtes moet 100% zijn.",
     "description": "Tooltip for 'columns' builder field",
@@ -688,6 +698,11 @@
     "description": "Double column label",
     "originalDefault": "Double column"
   },
+  "T64zDz": {
+    "defaultMessage": "Veelhoek (Polygoon)",
+    "description": "Label for 'interactions.polygon' builder field",
+    "originalDefault": "Polygon"
+  },
   "TCNvqa": {
     "defaultMessage": "Minimale datum",
     "description": "Date field 'minDate' fixed value label",
@@ -804,6 +819,11 @@
     "description": "Tooltip for 'Multiple values' builder field",
     "originalDefault": "Are there multiple values possible for this field?"
   },
+  "WXpj4j": {
+    "defaultMessage": "Gebruikers kunnen een punt aanduiden op de kaart.",
+    "description": "Tooltip for 'interactions.marker' builder field",
+    "originalDefault": "Users can set a marker on the map"
+  },
   "WZJG0y": {
     "defaultMessage": "In het verleden",
     "description": "Date constraint mode 'past' label",
@@ -925,6 +945,11 @@
     "description": "Label for address houseletter",
     "originalDefault": "House letter addition"
   },
+  "b64egT": {
+    "defaultMessage": "Gebruikers kunnen een veelhoek (gesloten vorm die uit rechte lijnen bestaat) tekenen.",
+    "description": "Tooltip for 'interactions.polygon' builder field",
+    "originalDefault": "Users can draw shapes (polygons) on the map"
+  },
   "bYBFBc": {
     "defaultMessage": "Geef aan of deze waarde in het bevestigscherm moet getoond worden.",
     "description": "Tooltip for 'showInSummary' builder field",
@@ -1011,11 +1036,6 @@
     "description": "Date field 'minDate' validation panel title",
     "originalDefault": "Minimum date {configured, select, false {(not set)} other {}}"
   },
-  "e6SsfR": {
-    "defaultMessage": "Kaartinstellingen",
-    "description": "Map configuration panel title",
-    "originalDefault": "Map configuration"
-  },
   "eAmrdi": {
     "defaultMessage": "Aan het laden...",
     "description": "Loading content text",
@@ -1260,6 +1280,11 @@
     "description": "Tooltip for 'operator' in relative delta date constraint validation",
     "originalDefault": "Specify whether to add or subtract a time delta to/from the variable."
   },
+  "mRmbnJ": {
+    "defaultMessage": "Lijn",
+    "description": "Label for 'interactions.polyline' builder field",
+    "originalDefault": "Line"
+  },
   "mWuCXv": {
     "defaultMessage": "Je kan een extra omschrijving opnemen om een keuzeoptie te verduidelijken.",
     "description": "Tooltip for option/choice description",
@@ -1357,6 +1382,11 @@
     "description": "Label for 'NumberOfRows' builder field",
     "originalDefault": "Number of rows"
   },
+  "pM92DZ": {
+    "defaultMessage": "Gebruikers kunnen rechte lijnen tekenen op de kaart.",
+    "description": "Tooltip for 'interactions.polyline' builder field",
+    "originalDefault": "Users can draw straight lines on the map"
+  },
   "pT5jx/": {
     "defaultMessage": "Kolombreedte op mobiel, de waarde moet tussen 1 en 4 liggen.",
     "description": "Accessible label for column mobile size",
@@ -1367,6 +1397,11 @@
     "description": "Selectboxes dummy option for itemsExpression",
     "originalDefault": "Options from expression: <code>{expression}</code>"
   },
+  "pdmkVe": {
+    "defaultMessage": "Begin focuspunt",
+    "description": "Map initial focus panel title",
+    "originalDefault": "Initial focus"
+  },
   "pfdsz9": {
     "defaultMessage": "Huisnummertoevoeging",
     "description": "Label for address housenumberaddition",
@@ -1484,6 +1519,11 @@
     "description": "Tooltip for 'prefill.attribute' builder field",
     "originalDefault": "Specify the attribute holding the pre-fill data."
   },
+  "wJ7Yha": {
+    "defaultMessage": "Kaartinstellingen",
+    "description": "Component edit form tab title for 'Map settings' tab",
+    "originalDefault": "Map settings"
+  },
   "wOq8Pb": {
     "defaultMessage": "Vertaling voor het label van de optie met waarde \"{value}\"",
     "description": "Accessible label for option label translation field",