@mapcomponents/react-maplibre 0.1.62 → 0.1.63

package/.babelrc

@@ -1,3 +1,22 @@
 {
-  "presets": ["@babel/preset-env", "@babel/preset-typescript"]
-}
+  "plugins": [
+    "@babel/plugin-transform-typescript",
+    "babel-plugin-styled-components",
+    [
+      "inline-react-svg",
+      {
+        "svgo": {
+          "plugins": [
+            {
+              "name": "preset-default",
+              "params": {
+                "overrides": { "mergePaths": false }
+              }
+            }
+          ]
+        }
+      }
+    ]
+  ],
+	"presets": ["@babel/preset-env", "@babel/preset-react", "@babel/preset-typescript"]
+}

package/.eslintrc.js

@@ -16,5 +16,12 @@ module.exports = {
 		sourceType: 'module',
 	},
 	plugins: ['react', '@typescript-eslint'],
-	rules: {},
+	rules: {
+		"react/prop-types": "off"
+	},
+	settings:{
+		react:{
+			"version": "detect",
+		}
+	}
 };

package/.storybook/main.js

@@ -3,7 +3,6 @@ module.exports = {
   addons: [
     "@storybook/addon-links",
     "@storybook/addon-essentials",
-    "@storybook/preset-create-react-app",
     {
       name: "@storybook/addon-docs",
       options: {

package/.storybook/preview.js

@@ -2,8 +2,6 @@ import React from "react";
 
 import { themes } from "@storybook/theming";
 
-import { MapComponentsProvider } from "@mapcomponents/react-core";
-import MapLibreMap from "../src/components/MapLibreMap/MapLibreMap";
 import "./style.css";
 
 export const parameters = {

package/CHANGELOG.md

@@ -1,6 +1,24 @@
 # Change Log
 
 
+## [v0.1.63] - 2022-12-16
+
+### Fixed
+- b5d6636: update mui dependencies to fix export 'experimental_sx' (reexported as 'experimental_sx') was not found in '@mui/system'
+
+### Added
+- f6af0fd: merge feature/cypress test setup (#48)
+- a1c1f1c: add MlSketchTool demo to catalog (#51) …
+
+
+### Changed
+- 4e6ad8e: merge feature/ml geojson demo optimization (#45) 
+- 36f3ee8: merge feature/ml gpx viewer demo optimization (#46) 
+- e2af70a: refactor TopToolBar component
+- f820006: refactor Sidebar component
+- 4038777: update d3 & maplibre-gl dependencies
+
+
 ## [v0.1.62] - 2022-11-26
 
 ### Added

package/coverage/clover.xml

@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<coverage generated="1669458732933" clover="3.2.0">
-  <project timestamp="1669458732933" name="All files">
-    <metrics statements="1849" coveredstatements="641" conditionals="1132" coveredconditionals="313" methods="343" coveredmethods="109" elements="3324" coveredelements="1063" complexity="0" loc="1849" ncloc="1849" packages="36" files="46" classes="46"/>
+<coverage generated="1671193849391" clover="3.2.0">
+  <project timestamp="1671193849391" name="All files">
+    <metrics statements="2004" coveredstatements="641" conditionals="1212" coveredconditionals="313" methods="402" coveredmethods="109" elements="3618" coveredelements="1063" complexity="0" loc="2004" ncloc="2004" packages="39" files="54" classes="54"/>
     <package name="src">
       <metrics statements="0" coveredstatements="0" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/>
       <file name="index.ts" path="/home/runner/work/react-map-components-maplibre/react-map-components-maplibre/src/index.ts">
@@ -75,7 +75,19 @@
       </file>
     </package>
     <package name="src.components.MlCreatePdfForm">
-      <metrics statements="3" coveredstatements="2" conditionals="0" coveredconditionals="0" methods="1" coveredmethods="0"/>
+      <metrics statements="12" coveredstatements="2" conditionals="0" coveredconditionals="0" methods="3" coveredmethods="0"/>
+      <file name="MlCreatePdfForm.cy.tsx" path="/home/runner/work/react-map-components-maplibre/react-map-components-maplibre/src/components/MlCreatePdfForm/MlCreatePdfForm.cy.tsx">
+        <metrics statements="9" coveredstatements="0" conditionals="0" coveredconditionals="0" methods="2" coveredmethods="0"/>
+        <line num="7" count="0" type="stmt"/>
+        <line num="9" count="0" type="stmt"/>
+        <line num="10" count="0" type="stmt"/>
+        <line num="12" count="0" type="stmt"/>
+        <line num="14" count="0" type="stmt"/>
+        <line num="16" count="0" type="stmt"/>
+        <line num="17" count="0" type="stmt"/>
+        <line num="18" count="0" type="stmt"/>
+        <line num="19" count="0" type="stmt"/>
+      </file>
       <file name="MlCreatePdfForm.tsx" path="/home/runner/work/react-map-components-maplibre/react-map-components-maplibre/src/components/MlCreatePdfForm/MlCreatePdfForm.tsx">
         <metrics statements="3" coveredstatements="2" conditionals="0" coveredconditionals="0" methods="1" coveredmethods="0"/>
         <line num="24" count="10" type="stmt"/>
@@ -84,45 +96,47 @@
       </file>
     </package>
     <package name="src.components.MlFeatureEditor">
-      <metrics statements="36" coveredstatements="29" conditionals="29" coveredconditionals="20" methods="8" coveredmethods="6"/>
+      <metrics statements="38" coveredstatements="29" conditionals="34" coveredconditionals="20" methods="8" coveredmethods="6"/>
       <file name="MlFeatureEditor.tsx" path="/home/runner/work/react-map-components-maplibre/react-map-components-maplibre/src/components/MlFeatureEditor/MlFeatureEditor.tsx">
-        <metrics statements="36" coveredstatements="29" conditionals="29" coveredconditionals="20" methods="8" coveredmethods="6"/>
-        <line num="44" count="11" type="stmt"/>
-        <line num="45" count="16" type="stmt"/>
-        <line num="46" count="16" type="stmt"/>
+        <metrics statements="38" coveredstatements="29" conditionals="34" coveredconditionals="20" methods="8" coveredmethods="6"/>
+        <line num="50" count="11" type="stmt"/>
         <line num="51" count="16" type="stmt"/>
         <line num="52" count="16" type="stmt"/>
-        <line num="55" count="16" type="stmt"/>
-        <line num="56" count="0" type="stmt"/>
+        <line num="57" count="16" type="stmt"/>
+        <line num="58" count="16" type="stmt"/>
         <line num="60" count="16" type="stmt"/>
-        <line num="61" count="12" type="cond" truecount="4" falsecount="0"/>
-        <line num="62" count="4" type="stmt"/>
-        <line num="64" count="4" type="cond" truecount="1" falsecount="1"/>
-        <line num="71" count="0" type="stmt"/>
-        <line num="74" count="4" type="stmt"/>
-        <line num="88" count="4" type="stmt"/>
-        <line num="91" count="4" type="stmt"/>
-        <line num="93" count="4" type="stmt"/>
-        <line num="97" count="16" type="stmt"/>
-        <line num="98" count="12" type="cond" truecount="4" falsecount="0"/>
-        <line num="100" count="4" type="stmt"/>
-        <line num="101" count="0" type="cond" truecount="0" falsecount="2"/>
-        <line num="103" count="0" type="cond" truecount="0" falsecount="2"/>
-        <line num="104" count="0" type="stmt"/>
-        <line num="105" count="0" type="stmt"/>
-        <line num="110" count="4" type="stmt"/>
+        <line num="61" count="0" type="stmt"/>
+        <line num="63" count="0" type="cond" truecount="0" falsecount="2"/>
+        <line num="67" count="0" type="stmt"/>
+        <line num="71" count="16" type="stmt"/>
+        <line num="72" count="12" type="cond" truecount="4" falsecount="0"/>
+        <line num="73" count="4" type="stmt"/>
+        <line num="75" count="4" type="cond" truecount="1" falsecount="1"/>
+        <line num="83" count="0" type="stmt"/>
+        <line num="86" count="4" type="stmt"/>
+        <line num="101" count="4" type="stmt"/>
+        <line num="103" count="4" type="stmt"/>
+        <line num="105" count="4" type="stmt"/>
+        <line num="109" count="16" type="stmt"/>
+        <line num="110" count="12" type="cond" truecount="4" falsecount="0"/>
         <line num="112" count="4" type="stmt"/>
-        <line num="114" count="4" type="stmt"/>
-        <line num="115" count="2" type="cond" truecount="1" falsecount="1"/>
-        <line num="117" count="2" type="stmt"/>
-        <line num="119" count="2" type="stmt"/>
-        <line num="124" count="16" type="stmt"/>
-        <line num="125" count="8" type="cond" truecount="4" falsecount="0"/>
+        <line num="113" count="0" type="cond" truecount="0" falsecount="2"/>
+        <line num="115" count="0" type="cond" truecount="0" falsecount="2"/>
+        <line num="116" count="0" type="stmt"/>
+        <line num="117" count="0" type="stmt"/>
+        <line num="122" count="4" type="stmt"/>
+        <line num="124" count="4" type="stmt"/>
         <line num="126" count="4" type="stmt"/>
-        <line num="130" count="16" type="stmt"/>
-        <line num="131" count="4" type="cond" truecount="3" falsecount="1"/>
-        <line num="133" count="0" type="stmt"/>
-        <line num="137" count="16" type="stmt"/>
+        <line num="127" count="2" type="cond" truecount="1" falsecount="1"/>
+        <line num="129" count="2" type="stmt"/>
+        <line num="130" count="2" type="stmt"/>
+        <line num="134" count="16" type="stmt"/>
+        <line num="135" count="8" type="cond" truecount="4" falsecount="0"/>
+        <line num="136" count="4" type="stmt"/>
+        <line num="140" count="16" type="stmt"/>
+        <line num="141" count="4" type="cond" truecount="3" falsecount="1"/>
+        <line num="144" count="0" type="stmt"/>
+        <line num="148" count="16" type="stmt"/>
       </file>
     </package>
     <package name="src.components.MlFillExtrusionLayer">
@@ -311,9 +325,9 @@
         <line num="276" count="18" type="stmt"/>
         <line num="277" count="0" type="cond" truecount="0" falsecount="2"/>
         <line num="279" count="0" type="stmt"/>
-        <line num="281" count="18" type="stmt"/>
-        <line num="335" count="0" type="stmt"/>
-        <line num="372" count="10" type="stmt"/>
+        <line num="283" count="18" type="stmt"/>
+        <line num="337" count="0" type="stmt"/>
+        <line num="374" count="10" type="stmt"/>
       </file>
       <file name="gpxConverter.js" path="/home/runner/work/react-map-components-maplibre/react-map-components-maplibre/src/components/MlGPXViewer/gpxConverter.js">
         <metrics statements="276" coveredstatements="7" conditionals="203" coveredconditionals="1" methods="30" coveredmethods="1"/>
@@ -599,10 +613,75 @@
       <metrics statements="4" coveredstatements="4" conditionals="8" coveredconditionals="7" methods="1" coveredmethods="1"/>
       <file name="MlGeoJsonLayer.tsx" path="/home/runner/work/react-map-components-maplibre/react-map-components-maplibre/src/components/MlGeoJsonLayer/MlGeoJsonLayer.tsx">
         <metrics statements="4" coveredstatements="4" conditionals="8" coveredconditionals="7" methods="1" coveredmethods="1"/>
-        <line num="83" count="11" type="stmt"/>
-        <line num="84" count="32" type="cond" truecount="1" falsecount="1"/>
-        <line num="86" count="32" type="stmt"/>
-        <line num="107" count="32" type="stmt"/>
+        <line num="99" count="11" type="stmt"/>
+        <line num="100" count="32" type="cond" truecount="1" falsecount="1"/>
+        <line num="102" count="32" type="stmt"/>
+        <line num="118" count="32" type="stmt"/>
+      </file>
+    </package>
+    <package name="src.components.MlGeoJsonLayer.story_utils">
+      <metrics statements="56" coveredstatements="0" conditionals="10" coveredconditionals="0" methods="18" coveredmethods="0"/>
+      <file name="MlGeoJsonLayer.lineStyler.js" path="/home/runner/work/react-map-components-maplibre/react-map-components-maplibre/src/components/MlGeoJsonLayer/story_utils/MlGeoJsonLayer.lineStyler.js">
+        <metrics statements="33" coveredstatements="0" conditionals="8" coveredconditionals="0" methods="10" coveredmethods="0"/>
+        <line num="17" count="0" type="stmt"/>
+        <line num="26" count="0" type="stmt"/>
+        <line num="48" count="0" type="stmt"/>
+        <line num="63" count="0" type="stmt"/>
+        <line num="64" count="0" type="stmt"/>
+        <line num="65" count="0" type="stmt"/>
+        <line num="74" count="0" type="stmt"/>
+        <line num="75" count="0" type="stmt"/>
+        <line num="76" count="0" type="stmt"/>
+        <line num="77" count="0" type="stmt"/>
+        <line num="78" count="0" type="stmt"/>
+        <line num="80" count="0" type="stmt"/>
+        <line num="81" count="0" type="cond" truecount="0" falsecount="2"/>
+        <line num="82" count="0" type="stmt"/>
+        <line num="84" count="0" type="stmt"/>
+        <line num="87" count="0" type="stmt"/>
+        <line num="88" count="0" type="cond" truecount="0" falsecount="2"/>
+        <line num="89" count="0" type="stmt"/>
+        <line num="96" count="0" type="stmt"/>
+        <line num="98" count="0" type="stmt"/>
+        <line num="101" count="0" type="stmt"/>
+        <line num="102" count="0" type="stmt"/>
+        <line num="106" count="0" type="stmt"/>
+        <line num="109" count="0" type="stmt"/>
+        <line num="110" count="0" type="stmt"/>
+        <line num="113" count="0" type="stmt"/>
+        <line num="114" count="0" type="stmt"/>
+        <line num="115" count="0" type="stmt"/>
+        <line num="118" count="0" type="stmt"/>
+        <line num="131" count="0" type="stmt"/>
+        <line num="135" count="0" type="stmt"/>
+        <line num="155" count="0" type="stmt"/>
+        <line num="167" count="0" type="stmt"/>
+      </file>
+      <file name="MlGeoJsonLayer.polygonStyler.js" path="/home/runner/work/react-map-components-maplibre/react-map-components-maplibre/src/components/MlGeoJsonLayer/story_utils/MlGeoJsonLayer.polygonStyler.js">
+        <metrics statements="23" coveredstatements="0" conditionals="2" coveredconditionals="0" methods="8" coveredmethods="0"/>
+        <line num="23" count="0" type="stmt"/>
+        <line num="46" count="0" type="stmt"/>
+        <line num="61" count="0" type="stmt"/>
+        <line num="62" count="0" type="stmt"/>
+        <line num="63" count="0" type="stmt"/>
+        <line num="64" count="0" type="stmt"/>
+        <line num="65" count="0" type="stmt"/>
+        <line num="66" count="0" type="stmt"/>
+        <line num="68" count="0" type="stmt"/>
+        <line num="69" count="0" type="cond" truecount="0" falsecount="2"/>
+        <line num="70" count="0" type="stmt"/>
+        <line num="72" count="0" type="stmt"/>
+        <line num="74" count="0" type="stmt"/>
+        <line num="78" count="0" type="stmt"/>
+        <line num="79" count="0" type="stmt"/>
+        <line num="82" count="0" type="stmt"/>
+        <line num="91" count="0" type="stmt"/>
+        <line num="92" count="0" type="stmt"/>
+        <line num="111" count="0" type="stmt"/>
+        <line num="112" count="0" type="stmt"/>
+        <line num="145" count="0" type="stmt"/>
+        <line num="146" count="0" type="stmt"/>
+        <line num="158" count="0" type="stmt"/>
       </file>
     </package>
     <package name="src.components.MlGeojsonLayerWithSource">
@@ -1208,6 +1287,115 @@
         <line num="227" count="0" type="stmt"/>
       </file>
     </package>
+    <package name="src.components.MlSketchTool">
+      <metrics statements="37" coveredstatements="0" conditionals="30" coveredconditionals="0" methods="20" coveredmethods="0"/>
+      <file name="MlSketchTool.tsx" path="/home/runner/work/react-map-components-maplibre/react-map-components-maplibre/src/components/MlSketchTool/MlSketchTool.tsx">
+        <metrics statements="37" coveredstatements="0" conditionals="30" coveredconditionals="0" methods="20" coveredmethods="0"/>
+        <line num="46" count="0" type="stmt"/>
+        <line num="53" count="0" type="stmt"/>
+        <line num="58" count="0" type="stmt"/>
+        <line num="59" count="0" type="stmt"/>
+        <line num="66" count="0" type="stmt"/>
+        <line num="70" count="0" type="stmt"/>
+        <line num="72" count="0" type="stmt"/>
+        <line num="73" count="0" type="cond" truecount="0" falsecount="2"/>
+        <line num="74" count="0" type="stmt"/>
+        <line num="80" count="0" type="stmt"/>
+        <line num="90" count="0" type="stmt"/>
+        <line num="91" count="0" type="stmt"/>
+        <line num="92" count="0" type="stmt"/>
+        <line num="93" count="0" type="stmt"/>
+        <line num="95" count="0" type="stmt"/>
+        <line num="103" count="0" type="stmt"/>
+        <line num="112" count="0" type="stmt"/>
+        <line num="117" count="0" type="stmt"/>
+        <line num="122" count="0" type="stmt"/>
+        <line num="140" count="0" type="stmt"/>
+        <line num="141" count="0" type="stmt"/>
+        <line num="142" count="0" type="cond" truecount="0" falsecount="4"/>
+        <line num="143" count="0" type="stmt"/>
+        <line num="145" count="0" type="cond" truecount="0" falsecount="2"/>
+        <line num="146" count="0" type="stmt"/>
+        <line num="147" count="0" type="stmt"/>
+        <line num="149" count="0" type="stmt"/>
+        <line num="151" count="0" type="stmt"/>
+        <line num="154" count="0" type="stmt"/>
+        <line num="165" count="0" type="stmt"/>
+        <line num="179" count="0" type="stmt"/>
+        <line num="190" count="0" type="stmt"/>
+        <line num="193" count="0" type="stmt"/>
+        <line num="213" count="0" type="stmt"/>
+        <line num="225" count="0" type="stmt"/>
+        <line num="237" count="0" type="stmt"/>
+        <line num="267" count="0" type="stmt"/>
+      </file>
+    </package>
+    <package name="src.components.MlSketchTool.LayerList">
+      <metrics statements="51" coveredstatements="0" conditionals="35" coveredconditionals="0" methods="19" coveredmethods="0"/>
+      <file name="ColorPicker.tsx" path="/home/runner/work/react-map-components-maplibre/react-map-components-maplibre/src/components/MlSketchTool/LayerList/ColorPicker.tsx">
+        <metrics statements="6" coveredstatements="0" conditionals="2" coveredconditionals="0" methods="3" coveredmethods="0"/>
+        <line num="15" count="0" type="stmt"/>
+        <line num="19" count="0" type="stmt"/>
+        <line num="20" count="0" type="cond" truecount="0" falsecount="2"/>
+        <line num="21" count="0" type="stmt"/>
+        <line num="24" count="0" type="stmt"/>
+        <line num="38" count="0" type="stmt"/>
+      </file>
+      <file name="LayerList.tsx" path="/home/runner/work/react-map-components-maplibre/react-map-components-maplibre/src/components/MlSketchTool/LayerList/LayerList.tsx">
+        <metrics statements="1" coveredstatements="0" conditionals="0" coveredconditionals="0" methods="1" coveredmethods="0"/>
+        <line num="9" count="0" type="stmt"/>
+      </file>
+      <file name="LayerListItem.tsx" path="/home/runner/work/react-map-components-maplibre/react-map-components-maplibre/src/components/MlSketchTool/LayerList/LayerListItem.tsx">
+        <metrics statements="22" coveredstatements="0" conditionals="23" coveredconditionals="0" methods="8" coveredmethods="0"/>
+        <line num="26" count="0" type="stmt"/>
+        <line num="27" count="0" type="stmt"/>
+        <line num="28" count="0" type="stmt"/>
+        <line num="35" count="0" type="stmt"/>
+        <line num="36" count="0" type="cond" truecount="0" falsecount="2"/>
+        <line num="37" count="0" type="stmt"/>
+        <line num="39" count="0" type="stmt"/>
+        <line num="42" count="0" type="stmt"/>
+        <line num="43" count="0" type="cond" truecount="0" falsecount="2"/>
+        <line num="44" count="0" type="stmt"/>
+        <line num="51" count="0" type="stmt"/>
+        <line num="54" count="0" type="stmt"/>
+        <line num="55" count="0" type="cond" truecount="0" falsecount="2"/>
+        <line num="56" count="0" type="cond" truecount="0" falsecount="2"/>
+        <line num="57" count="0" type="stmt"/>
+        <line num="59" count="0" type="cond" truecount="0" falsecount="2"/>
+        <line num="60" count="0" type="stmt"/>
+        <line num="64" count="0" type="stmt"/>
+        <line num="67" count="0" type="stmt"/>
+        <line num="76" count="0" type="stmt"/>
+        <line num="77" count="0" type="stmt"/>
+        <line num="91" count="0" type="stmt"/>
+      </file>
+      <file name="LayerPropertyForm.tsx" path="/home/runner/work/react-map-components-maplibre/react-map-components-maplibre/src/components/MlSketchTool/LayerList/LayerPropertyForm.tsx">
+        <metrics statements="22" coveredstatements="0" conditionals="10" coveredconditionals="0" methods="7" coveredmethods="0"/>
+        <line num="24" count="0" type="stmt"/>
+        <line num="29" count="0" type="stmt"/>
+        <line num="36" count="0" type="stmt"/>
+        <line num="38" count="0" type="stmt"/>
+        <line num="52" count="0" type="stmt"/>
+        <line num="55" count="0" type="stmt"/>
+        <line num="56" count="0" type="cond" truecount="0" falsecount="2"/>
+        <line num="58" count="0" type="stmt"/>
+        <line num="62" count="0" type="cond" truecount="0" falsecount="3"/>
+        <line num="64" count="0" type="stmt"/>
+        <line num="72" count="0" type="cond" truecount="0" falsecount="2"/>
+        <line num="73" count="0" type="stmt"/>
+        <line num="79" count="0" type="stmt"/>
+        <line num="81" count="0" type="stmt"/>
+        <line num="88" count="0" type="cond" truecount="0" falsecount="2"/>
+        <line num="89" count="0" type="stmt"/>
+        <line num="95" count="0" type="stmt"/>
+        <line num="97" count="0" type="stmt"/>
+        <line num="108" count="0" type="stmt"/>
+        <line num="111" count="0" type="stmt"/>
+        <line num="114" count="0" type="stmt"/>
+        <line num="121" count="0" type="stmt"/>
+      </file>
+    </package>
     <package name="src.components.MlSpatialElevationProfile">
       <metrics statements="62" coveredstatements="28" conditionals="26" coveredconditionals="12" methods="10" coveredmethods="5"/>
       <file name="MlSpatialElevationProfile.js" path="/home/runner/work/react-map-components-maplibre/react-map-components-maplibre/src/components/MlSpatialElevationProfile/MlSpatialElevationProfile.js">