@luomus/laji-form 15.1.77 → 15.1.78

package/dist/styles.css

@@ -4241,9 +4241,14 @@ body .laji-form {
 	margin-left: -20px !important;
 }
 
+.laji-form .checkbox-container {
+	display: table;
+	border: 1px solid #00000038;
+	border-radius: 2px;
+}
 .laji-form .checkbox-container label {
 	font-weight: initial;
-	margin-right: 5px;
+	margin: 2px 7px;
 }
 .laji-form input[type="radio"] {
 	margin-right: 5px;

package/lib/components/fields/MapField.js

@@ -166,7 +166,7 @@ class MapField extends React.Component {
                 if ((formData === null || formData === void 0 ? void 0 : formData[coordinateFields.longitude]) !== undefined && (formData === null || formData === void 0 ? void 0 : formData[coordinateFields.latitude]) !== undefined) {
                     return {
                         type: "Point",
-                        coordinates: [formData[coordinateFields.longitude], formData[coordinateFields.latitude]]
+                        coordinates: [+formData[coordinateFields.longitude], +formData[coordinateFields.latitude]]
                     };
                 }
                 else {
@@ -190,10 +190,23 @@ class MapField extends React.Component {
             const { geometryCollection = true, coordinateFields } = (0, utils_1.getUiOptions)(this.props.uiSchema);
             let formData;
             if (coordinateFields) {
-                formData = geometry ? {
-                    [coordinateFields.longitude]: geometry.coordinates[0],
-                    [coordinateFields.latitude]: geometry.coordinates[1]
-                } : undefined;
+                if (geometry) {
+                    let longitude = geometry.coordinates[0];
+                    let latitude = geometry.coordinates[1];
+                    if (this.props.schema.properties[coordinateFields.longitude].type === "string") {
+                        longitude = "" + longitude;
+                    }
+                    if (this.props.schema.properties[coordinateFields.latitude].type === "string") {
+                        latitude = "" + latitude;
+                    }
+                    formData = {
+                        [coordinateFields.longitude]: longitude,
+                        [coordinateFields.latitude]: latitude
+                    };
+                }
+                else {
+                    formData = undefined;
+                }
             }
             else {
                 formData = geometryCollection ? {

package/lib/components/widgets/AutosuggestWidget.js

@@ -224,7 +224,7 @@ function TaxonAutosuggest(ComposedComponent) {
             getSuggestionFromValue(value) {
                 return __awaiter(this, void 0, void 0, function* () {
                     if (this.isValueSuggested(value)) {
-                        const { vernacularName, scientificName } = yield this.props.formContext.apiClient.get(`/taxa/${id}`);
+                        const { vernacularName, scientificName } = yield this.props.formContext.apiClient.get(`/taxa/${value}`);
                         if (vernacularName !== undefined) {
                             return { value: vernacularName, key: value };
                         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luomus/laji-form",
-  "version": "15.1.77",
+  "version": "15.1.78",
   "description": "React module capable of building dynamic forms from Laji form json schemas",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",