@mapcomponents/react-maplibre 0.1.11 → 0.1.12

package/coverage/lcov-report/components/MlWmsLoader/index.html

@@ -54,6 +54,12 @@
         <p class="quiet">
             Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
         </p>
+        <template id="filterTemplate">
+            <div class="quiet">
+                Filter:
+                <input oninput="onInput()" type="search" id="fileSearch">
+            </div>
+        </template>
     </div>
     <div class='status-line low'></div>
     <div class="pad1">
@@ -94,8 +100,8 @@
             </div><!-- /wrapper -->
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Wed Dec 01 2021 11:10:48 GMT+0000 (Coordinated Universal Time)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
+                at Sat Dec 04 2021 10:55:55 GMT+0000 (Coordinated Universal Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>

package/coverage/lcov-report/hooks/index.html

@@ -54,6 +54,12 @@
         <p class="quiet">
             Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
         </p>
+        <template id="filterTemplate">
+            <div class="quiet">
+                Filter:
+                <input oninput="onInput()" type="search" id="fileSearch">
+            </div>
+        </template>
     </div>
     <div class='status-line low'></div>
     <div class="pad1">
@@ -124,8 +130,8 @@
             </div><!-- /wrapper -->
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Wed Dec 01 2021 11:10:48 GMT+0000 (Coordinated Universal Time)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
+                at Sat Dec 04 2021 10:55:55 GMT+0000 (Coordinated Universal Time)
             </div>
         </div>
         <script src="../prettify.js"></script>

package/coverage/lcov-report/hooks/useMap.js.html

@@ -54,6 +54,12 @@
         <p class="quiet">
             Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
         </p>
+        <template id="filterTemplate">
+            <div class="quiet">
+                Filter:
+                <input oninput="onInput()" type="search" id="fileSearch">
+            </div>
+        </template>
     </div>
     <div class='status-line low'></div>
     <pre><table class="coverage">
@@ -360,8 +366,8 @@ export default useMap;
             </div><!-- /wrapper -->
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Wed Dec 01 2021 11:10:48 GMT+0000 (Coordinated Universal Time)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
+                at Sat Dec 04 2021 10:55:55 GMT+0000 (Coordinated Universal Time)
             </div>
         </div>
         <script src="../prettify.js"></script>

package/coverage/lcov-report/hooks/useMapState.js.html

@@ -54,6 +54,12 @@
         <p class="quiet">
             Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
         </p>
+        <template id="filterTemplate">
+            <div class="quiet">
+                Filter:
+                <input oninput="onInput()" type="search" id="fileSearch">
+            </div>
+        </template>
     </div>
     <div class='status-line low'></div>
     <pre><table class="coverage">
@@ -558,8 +564,8 @@ export default useMapState;
             </div><!-- /wrapper -->
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Wed Dec 01 2021 11:10:48 GMT+0000 (Coordinated Universal Time)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
+                at Sat Dec 04 2021 10:55:55 GMT+0000 (Coordinated Universal Time)
             </div>
         </div>
         <script src="../prettify.js"></script>

package/coverage/lcov-report/hooks/useWms.js.html

@@ -54,6 +54,12 @@
         <p class="quiet">
             Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
         </p>
+        <template id="filterTemplate">
+            <div class="quiet">
+                Filter:
+                <input oninput="onInput()" type="search" id="fileSearch">
+            </div>
+        </template>
     </div>
     <div class='status-line low'></div>
     <pre><table class="coverage">
@@ -348,8 +354,8 @@ export default useWms;
             </div><!-- /wrapper -->
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Wed Dec 01 2021 11:10:48 GMT+0000 (Coordinated Universal Time)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
+                at Sat Dec 04 2021 10:55:55 GMT+0000 (Coordinated Universal Time)
             </div>
         </div>
         <script src="../prettify.js"></script>

package/coverage/lcov-report/index.html

@@ -54,6 +54,12 @@
         <p class="quiet">
             Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
         </p>
+        <template id="filterTemplate">
+            <div class="quiet">
+                Filter:
+                <input oninput="onInput()" type="search" id="fileSearch">
+            </div>
+        </template>
     </div>
     <div class='status-line low'></div>
     <div class="pad1">
@@ -454,8 +460,8 @@
             </div><!-- /wrapper -->
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Wed Dec 01 2021 11:10:48 GMT+0000 (Coordinated Universal Time)
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
+                at Sat Dec 04 2021 10:55:55 GMT+0000 (Coordinated Universal Time)
             </div>
         </div>
         <script src="prettify.js"></script>

package/coverage/lcov-report/sorter.js

@@ -24,6 +24,31 @@ var addSorting = (function() {
         return getTableHeader().querySelectorAll('th')[n];
     }
 
+    function onFilterInput() {
+        const searchValue = document.getElementById('fileSearch').value;
+        const rows = document.getElementsByTagName('tbody')[0].children;
+        for (let i = 0; i < rows.length; i++) {
+            const row = rows[i];
+            if (
+                row.textContent
+                    .toLowerCase()
+                    .includes(searchValue.toLowerCase())
+            ) {
+                row.style.display = '';
+            } else {
+                row.style.display = 'none';
+            }
+        }
+    }
+
+    // loads the search box
+    function addSearchBox() {
+        var template = document.getElementById('filterTemplate');
+        var templateClone = template.content.cloneNode(true);
+        templateClone.getElementById('fileSearch').oninput = onFilterInput;
+        template.parentElement.appendChild(templateClone);
+    }
+
     // loads all columns
     function loadColumns() {
         var colNodes = getTableHeader().querySelectorAll('th'),
@@ -162,6 +187,7 @@ var addSorting = (function() {
         }
         cols = loadColumns();
         loadData();
+        addSearchBox();
         addSortIndicators();
         enableUI();
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mapcomponents/react-maplibre",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "license": "MIT",
   "private": false,
   "module": "dist/index.esm.js",

package/rollup.config.js

@@ -23,6 +23,12 @@ const config = {
     css(),
     del({ targets: ["dist/*"] }),
   ],
-  external: ["prop-types",  "d3", ...Object.keys(pkg.peerDependencies || {})],
+  external: [
+    "prop-types",
+    "d3",
+    "@emotion/react",
+    "@emotion/styled",
+    ...Object.keys(pkg.peerDependencies || {}),
+  ],
 };
 export default config;

package/src/components/MlCreatePdfButton/MlCreatePdfButton.meta.json

@@ -1,6 +1,6 @@
 {
   "name": "MlCreatePdfButton",
-  "title": "Sinmple Map print",
+  "title": "Export PDF",
   "description": "Creates a PDF file with the current map view.",
   "i18n": {
     "de": {

package/src/components/MlGeoJsonLayer/MlGeoJsonLayer.meta.json

@@ -1,6 +1,6 @@
 {
   "name": "MlGeoJsonLayer",
-  "title": "GeoJSON level",
+  "title": "GeoJSON layer",
   "description": "",
   "i18n": {
     "de": {

package/src/components/MlVectorTileLayer/MlVectorTileLayer.meta.json

@@ -1,14 +1,14 @@
 {
   "name": "MlVectorTileLayer",
-  "title": "Vektor tiles",
-  "description": "Component: Vector Tiles (add to the Application/map)",
+  "title": "Vector tile layer",
+  "description": "Adds a vector tile layer to the map",
   "i18n": {
     "de": {
       "title": "Vektorenkacheln",
       "description": "Baustein: Vektorenkacheln/Vector Tiles (der Anwendung/Karte hinzufügen)"
     }
   },
-  "tags": [ "Map layer" ],
+  "tags": ["Map layer"],
   "category": "layer",
   "type": "component",
   "price": 5000

package/src/ui_components/Sidebar.js

@@ -1,6 +1,7 @@
 import React from "react";
 import makeStyles from "@mui/styles/makeStyles";
 import Drawer from "@mui/material/Drawer";
+import { InsertInvitationOutlined } from "@mui/icons-material";
 
 const useStyles = makeStyles((theme) => ({
   drawer: {
@@ -11,16 +12,14 @@ const useStyles = makeStyles((theme) => ({
     left: 0,
     bottom: 0,
     backgroundColor: "#fafafa",
-  },
-  drawerPaper: {
-    position: "static",
     display: "flex",
-    alignItems: "stretch",
-    alignContent: "stretch",
     flexDirection: "column",
-    padding: "90px 10px 10px 23px",
-    boxSizing: "border-box",
-    minWidth: "150px",
+    alignContent: "stretch",
+    alignItems: "stretch",
+  },
+  drawerPaper: {
+    position: "initial",
+    padding: "20px",
   },
 }));