Merge branch 'release/1.10.9'

Author: Htbaa

.gitignore

@@ -4,4 +4,5 @@ plugins/gh-datainmap/dist/*
 !plugins/gh-datainmap/
 dist/*
 plugins/gh-datainmap/vendor/*
-!plugins/gh-datainmap/vendor/wp-color-picker-alpha/
+!plugins/gh-datainmap/vendor/wp-color-picker-alpha/
+.DS_Store

CHANGELOG.md

@@ -1,3 +1,7 @@
+**1.10.9 (2023-01-03)**
+
+- Als Gutenberg gebruikt werd als editor voor locaties dan werd de kaart om een locatie te selecteren niet weergegeven. Dit is nu opgelost.
+
 **1.10.8 (2022-12-27)**
 
 - De meegeleverde stylesheet geeft de instructietekst (filters, gevonden locaties) niet meer cursief weer voor verbetering toegankelijkheid.

docker-compose.yml

@@ -14,7 +14,7 @@ services:
     volumes:
       - ./plugins/gh-datainmap/:/var/www/html/wp-content/plugins/gh-datainmap
   db:
-    image: mysql:5.7
+    image: mysql:8
     environment:
       MYSQL_DATABASE: wordpress
       MYSQL_USER: wordpress

package.json

@@ -1,6 +1,6 @@
 {
   "name": "gh-datainmap",
-  "version": "1.10.8",
+  "version": "1.10.9",
   "description": "",
   "main": "index.js",
   "scripts": {

plugins/gh-datainmap/gh-datainmap.php

@@ -3,7 +3,7 @@
 Plugin Name: Data In Map
 Plugin URI: https://github.com/OpenWebconcept/plugin-datainmap
 Description: Data In Map is a plugin for displaying maps.
-Version: 1.10.8
+Version: 1.10.9
 Requires at least: 5.0
 Requires PHP: 7.2
 Author: Gemeente Heerenveen
@@ -26,7 +26,7 @@
 */
 
 if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
-if ( ! defined('GH_DIM_VERSION')) define('GH_DIM_VERSION', '1.10.8');
+if ( ! defined('GH_DIM_VERSION')) define('GH_DIM_VERSION', '1.10.9');
 if ( ! defined('GH_DIM_FILE')) define('GH_DIM_FILE', __FILE__);
 if ( ! defined('GH_DIM_DIR')) define('GH_DIM_DIR', dirname(__FILE__));
 if ( ! defined('GH_DIM_DEBUG')) define('GH_DIM_DEBUG', false);

src/admin-locationpicker.js

@@ -253,4 +253,7 @@ const App = () => {
     )
 };
 
-ReactDOM.render( App(), document.getElementById( settings.element ) );
+// Delay rendering to prevent a hidden map with Gutenberg
+setTimeout(() => {
+    ReactDOM.render( App(), document.getElementById( settings.element ) );
+}, 50);