@luomus/laji-form 15.1.76 → 15.1.78

package/dist/styles.css

@@ -2029,21 +2029,7 @@ li.laji-map-layer-control-layer-item.active span {
 }
 
 
-/* .panel-default { */
-/* 	border-color: #ddd; */
-/* } */
-/* .panel-body { */
-/* 	padding: 15px; */
-/* } */
-/* .panel { */
-/* 	margin-bottom: 20px; */
-/* 	background-color: #fff; */
-/* 	border: 1px solid transparent; */
-/* 	border-radius: 4px; */
-/* 	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); */
-/* 	box-shadow: 0 1px 1px rgba(0, 0, 0, .05); */
-/* } */
-.panel {
+.laji-map-dialog.panel {
     background: white;
     padding: 15px;
     font-size: 16px;
@@ -2051,7 +2037,7 @@ li.laji-map-layer-control-layer-item.active span {
     border-radius: 2px;
 }
 
-button.close {
+.laji-map-dialog button.close {
     padding: 0;
     cursor: pointer;
     background: transparent;
@@ -2059,7 +2045,6 @@ button.close {
     -webkit-appearance: none;
     appearance: none;
     float: right;
-    font-size: 21px;
     font-weight: bold;
     line-height: 1;
     color: #000;
@@ -2068,7 +2053,7 @@ button.close {
     opacity: .2;
 }
 
-.help-block {
+.laji-map-dialog .help-block {
     display: block;
     margin-top: 5px;
     margin-bottom: 10px;
@@ -4256,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.76",
+  "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",
@@ -40,7 +40,7 @@
   "repository": "git+https://github.com/luomus/laji-form.git",
   "license": "MIT",
   "dependencies": {
-    "@luomus/laji-map": "^5.1.18",
+    "@luomus/laji-map": "^5.1.19",
     "@luomus/laji-validate": "^0.0.123",
     "@rjsf/core": "~5.1.0",
     "@rjsf/utils": "~5.1.0",