DOC: update CHANGELOG

CHANGELOG.md

@@ -8,6 +8,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Added ###
 
+* Map component @indiscale/caosdb-webui-ext-map
+
 ### Changed ###
 
 ### Deprecated ###

src/map.js

@@ -2,28 +2,22 @@ import React from "react";
 import ReactDOM from "react-dom/client";
 import "regenerator-runtime/runtime";
 import { TransactionService } from "@indiscale/caosdb-webui-entity-service";
-import {
-  Map,
-  ToggleMapButton
-} from "@indiscale/caosdb-webui-ext-map";
+import { Map, ToggleMapButton } from "@indiscale/caosdb-webui-ext-map";
 import { queryCallback } from "./queryCallback";
 
 const caosdb_map_2 = {
   /**
-   * Initialize the map panel.
-   *
-   * The map panel is the HTMLElement which contains the map. Is is
-   * hidden or shown when the user clicks on the toggle map button.
-   *
-   * @param {boolean} show - show this panel immediately.
+   * Create the map panel (div.caosdb-f-map-panel) and insert it into the dom
+   * tree. Then return the map panel.
    */
   init_map_panel: function () {
     // remove old
-    if (document.querySelector('.caosdb-f-map-panel')) {
-      document.querySelector('.caosdb-f-map-panel').remove();
+    if (document.querySelector(".caosdb-f-map-panel")) {
+      document.querySelector(".caosdb-f-map-panel").remove();
     }
 
-    let panel = this.create_map_panel();
+    const panel = document.createElement("div");
+    panel.classList = "caosdb-f-map-panel container mb-2";
 
     document.querySelector("nav").after(panel);
 
@@ -31,15 +25,11 @@ const caosdb_map_2 = {
   },
 
   /**
-   * Create map panel (div.caosdb-f-map-panel).
+   * Create a button item in the navbar and return it.
+   *
+   * The button contains a dummy link tag which is to be removed/overriden when
+   * React inserts the ToggleMapButton component.
    */
-  create_map_panel: function () {
-    let panel = document.createElement("div");
-    panel.classList = "caosdb-f-map-panel container mb-2";
-
-    return panel;
-  },
-
   create_navbar_item: function () {
     const dummy = document.createElement("a");
     return navbar.add_button(dummy);
@@ -65,8 +55,8 @@ const caosdb_map_2 = {
         <ToggleMapButton className="nav-link" />
       </React.StrictMode>
     );
-  }
-}
+  },
+};
 
 $(document).ready(function () {
   caosdb_modules.register(caosdb_map_2);

src/query-form.js

@@ -63,9 +63,13 @@ function resolveDefaultTab(tabs, defaultTab) {
 async function initQueryPanel() {
   if (!document.getElementById("caosdb-navbar-query")) {
     // document not ready, retrigger when ready
-    document.addEventListener('DOMContentLoaded', function () {
+    document.addEventListener(
+      "DOMContentLoaded",
+      function () {
         initQueryPanel();
-    }, false);
+      },
+      false
+    );
     return;
   }
 

src/queryCallback.js

 const queryCallback = (queryString, pageSize) => {
   const paging = pageSize < 1 ? "" : `&P=0L${pageSize || 10}`;
-  const newHref = connection.getEntityUri([]) + `?query=${encodeURIComponent(queryString)}${paging}`;
+  const newHref =
+    connection.getEntityUri([]) +
+    `?query=${encodeURIComponent(queryString)}${paging}`;
   window.location.href = newHref;
 };