@mapcomponents/react-maplibre 0.1.52 → 0.1.55

package/coverage/lcov-report/src/hooks/useMap.ts.html

@@ -340,7 +340,7 @@ export type { useMapType };
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Tue Jul 19 2022 06:50:01 GMT+0000 (Coordinated Universal Time)
+                at Tue Jul 19 2022 12:57:03 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/hooks/useMapState.ts.html

@@ -637,7 +637,7 @@ export default useMapState;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Tue Jul 19 2022 06:50:01 GMT+0000 (Coordinated Universal Time)
+                at Tue Jul 19 2022 12:57:03 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

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

@@ -343,7 +343,7 @@ export default useWms;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Tue Jul 19 2022 06:50:01 GMT+0000 (Coordinated Universal Time)
+                at Tue Jul 19 2022 12:57:03 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

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

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Tue Jul 19 2022 06:50:01 GMT+0000 (Coordinated Universal Time)
+                at Tue Jul 19 2022 12:57:03 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/index.ts.html

@@ -187,7 +187,7 @@ export { default as SimpleDataContext } from "./contexts/SimpleDataContext";
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Tue Jul 19 2022 06:50:01 GMT+0000 (Coordinated Universal Time)
+                at Tue Jul 19 2022 12:57:03 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/lcov.info

@@ -1278,13 +1278,13 @@ BRH:21
 end_of_record
 TN:
 SF:src/components/MlLayer/MlLayer.tsx
-FN:30,(anonymous_0)
+FN:35,(anonymous_0)
 FNF:1
 FNH:1
 FNDA:20,(anonymous_0)
-DA:30,11
-DA:31,20
-DA:45,20
+DA:35,11
+DA:36,20
+DA:51,20
 LF:3
 LH:3
 BRF:0
@@ -1867,14 +1867,14 @@ BRH:4
 end_of_record
 TN:
 SF:src/components/MlNavigationTools/MlNavigationTools.tsx
-FN:36,(anonymous_0)
-FN:61,(anonymous_1)
-FN:66,(anonymous_2)
-FN:76,(anonymous_3)
-FN:84,(anonymous_4)
-FN:92,(anonymous_5)
-FN:132,(anonymous_6)
-FN:135,(anonymous_7)
+FN:48,(anonymous_0)
+FN:76,(anonymous_1)
+FN:81,(anonymous_2)
+FN:91,(anonymous_3)
+FN:99,(anonymous_4)
+FN:107,(anonymous_5)
+FN:149,(anonymous_6)
+FN:152,(anonymous_7)
 FNF:8
 FNH:0
 FNDA:0,(anonymous_0)
@@ -1885,82 +1885,85 @@ FNDA:0,(anonymous_4)
 FNDA:0,(anonymous_5)
 FNDA:0,(anonymous_6)
 FNDA:0,(anonymous_7)
-DA:36,10
-DA:37,0
-DA:42,0
-DA:43,0
-DA:44,0
-DA:61,0
-DA:62,0
-DA:64,0
-DA:67,0
-DA:69,0
-DA:73,0
+DA:48,10
+DA:49,0
+DA:54,0
+DA:55,0
+DA:56,0
+DA:72,0
 DA:76,0
 DA:77,0
 DA:79,0
-DA:80,0
+DA:82,0
 DA:84,0
-DA:85,0
-DA:87,0
 DA:88,0
+DA:91,0
 DA:92,0
-DA:93,0
+DA:94,0
 DA:95,0
-DA:96,0
-DA:97,0
 DA:99,0
+DA:100,0
 DA:102,0
-DA:132,0
-DA:135,0
-DA:157,10
-LF:29
+DA:103,0
+DA:107,0
+DA:108,0
+DA:110,0
+DA:111,0
+DA:112,0
+DA:114,0
+DA:117,0
+DA:149,0
+DA:152,0
+DA:182,10
+LF:30
 LH:2
-BRDA:47,0,0,0
-BRDA:47,0,1,0
-BRDA:48,1,0,0
-BRDA:48,1,1,0
-BRDA:54,2,0,0
-BRDA:54,2,1,0
-BRDA:62,3,0,0
-BRDA:62,3,1,0
-BRDA:67,4,0,0
-BRDA:67,4,1,0
-BRDA:77,5,0,0
-BRDA:77,5,1,0
-BRDA:79,6,0,0
-BRDA:79,6,1,0
-BRDA:85,7,0,0
-BRDA:85,7,1,0
-BRDA:87,8,0,0
-BRDA:87,8,1,0
-BRDA:93,9,0,0
-BRDA:93,9,1,0
-BRDA:96,10,0,0
-BRDA:96,10,1,0
-BRDA:107,11,0,0
-BRDA:107,11,1,0
-BRDA:108,12,0,0
-BRDA:108,12,1,0
-BRDA:117,13,0,0
-BRDA:117,13,1,0
-BRDA:118,14,0,0
-BRDA:118,14,1,0
-BRDA:119,15,0,0
-BRDA:119,15,1,0
-BRDA:126,16,0,0
-BRDA:126,16,1,0
-BRDA:129,17,0,0
-BRDA:129,17,1,0
-BRDA:131,18,0,0
-BRDA:131,18,1,0
-BRDA:134,19,0,0
-BRDA:134,19,1,0
-BRDA:147,20,0,0
-BRDA:147,20,1,0
-BRDA:150,21,0,0
-BRDA:150,21,1,0
-BRF:44
+BRDA:59,0,0,0
+BRDA:59,0,1,0
+BRDA:60,1,0,0
+BRDA:60,1,1,0
+BRDA:66,2,0,0
+BRDA:66,2,1,0
+BRDA:77,3,0,0
+BRDA:77,3,1,0
+BRDA:82,4,0,0
+BRDA:82,4,1,0
+BRDA:92,5,0,0
+BRDA:92,5,1,0
+BRDA:94,6,0,0
+BRDA:94,6,1,0
+BRDA:100,7,0,0
+BRDA:100,7,1,0
+BRDA:102,8,0,0
+BRDA:102,8,1,0
+BRDA:108,9,0,0
+BRDA:108,9,1,0
+BRDA:111,10,0,0
+BRDA:111,10,1,0
+BRDA:122,11,0,0
+BRDA:122,11,1,0
+BRDA:123,12,0,0
+BRDA:123,12,1,0
+BRDA:132,13,0,0
+BRDA:132,13,1,0
+BRDA:133,14,0,0
+BRDA:133,14,1,0
+BRDA:134,15,0,0
+BRDA:134,15,1,0
+BRDA:140,16,0,0
+BRDA:140,16,1,0
+BRDA:142,17,0,0
+BRDA:142,17,1,0
+BRDA:145,18,0,0
+BRDA:145,18,1,0
+BRDA:148,19,0,0
+BRDA:148,19,1,0
+BRDA:151,20,0,0
+BRDA:151,20,1,0
+BRDA:163,21,0,0
+BRDA:163,21,1,0
+BRDA:174,22,0,0
+BRDA:174,22,1,0
+BRF:46
 BRH:0
 end_of_record
 TN:

package/dist/components/MlLayer/MlLayer.d.ts

@@ -1,3 +1,4 @@
+import { Feature, FeatureCollection } from "@turf/turf";
 interface MlLayerProps {
     /**
      * Id of the target MapLibre instance in mapContext
@@ -16,6 +17,10 @@ interface MlLayerProps {
      * Javascript object that is passed the addLayer command as first parameter.
      */
     options?: any;
+    /**
+     * GeoJSON data that is supposed to be rendered by this component.
+     */
+    geojson?: Feature | FeatureCollection | undefined;
 }
 /**
  * Basic layer component that create a layer in a MapLibre-gl instance and keeps it updated according to it attribute configuration.

package/dist/components/MlNavigationTools/MlNavigationTools.d.ts

@@ -8,6 +8,14 @@ interface MlNavigationToolsProps {
      * https://maplibre.org/maplibre-gl-js-docs/api/map/#map#addlayer - see "beforeId" property
      */
     insertBeforeLayer?: string;
+    /**
+     * Show 3D button
+     */
+    show3DButton?: boolean;
+    /**
+     * Show zoom button
+     */
+    showZoomButtons?: boolean;
     /**
      * Show follow GPS button
      */
@@ -16,6 +24,10 @@ interface MlNavigationToolsProps {
      * Show center on current position button
      */
     showCenterLocationButton?: boolean;
+    /**
+     * Additional JSX Elements to be rendered below MlNavigationTools buttons
+     */
+    children?: JSX.Element;
 }
 /**
  * @component
@@ -24,8 +36,10 @@ declare const MlNavigationTools: {
     (props: MlNavigationToolsProps): JSX.Element;
     defaultProps: {
         mapId: undefined;
+        show3DButton: boolean;
         showFollowGpsButton: boolean;
         showCenterLocationButton: boolean;
+        showZoomButtons: boolean;
     };
 };
 export default MlNavigationTools;

package/dist/components/MlNavigationTools/MlNavigationTools.stories.d.ts

@@ -1,5 +1,10 @@
 export default storyoptions;
-export const ExampleConfig: any;
+export const DefaultConfig: any;
+export const No3DButton: any;
+export const ShowCenterLocationButton: any;
+export const NoZoomButtons: any;
+export const NoFollowGpsButton: any;
+export const CustomButton: any;
 declare namespace storyoptions {
     export const title: string;
     export { MlNavigationTools as component };
@@ -7,7 +12,7 @@ declare namespace storyoptions {
         const url: {};
         const layer: {};
     }
-    export { mapContextDecorator as decorators };
+    export { noNavToolsDecorator as decorators };
 }
 import MlNavigationTools from "./MlNavigationTools";
-import mapContextDecorator from "../../decorators/MapContextDecorator";
+import noNavToolsDecorator from "../../decorators/NoNavToolsDecorator";

package/dist/decorators/NoNavToolsDecorator.d.ts

@@ -0,0 +1,2 @@
+export default decorators;
+declare const decorators: ((Story: any) => JSX.Element)[];

package/dist/index.esm.js

@@ -13382,12 +13382,15 @@ var MlNavigationTools = function (props) {
         //border: "1px solid #bbb",
         //boxShadow: "0px 0px 4px rgba(0,0,0,.5)",
         margin: 0.15,
-        fontSize: mediaIsMobile ? "1.5em" : "1.2em",
+        fontSize: mediaIsMobile ? "1.4em" : "1.2em",
         ":hover": {
             backgroundColor: "#515151",
         },
         color: "#ececec",
     };
+    var iconStyle = {
+        fontSize: buttonStyle.fontSize,
+    };
     useEffect(function () {
         if (!mapHook.map)
             return;
@@ -13438,32 +13441,36 @@ var MlNavigationTools = function (props) {
             }, backgroundStyle: {
                 boxShadow: "0px 0px 18px rgba(0,0,0,.5)",
             } }),
-        React__default.createElement(Button$1, { sx: __assign(__assign({}, buttonStyle), { fontSize: mediaIsMobile ? "1.4em" : "1em", fontWeight: 600 }), onClick: adjustPitch }, pitch ? "2D" : "3D"),
-        props.showFollowGpsButton &&
-            React__default.createElement(MlFollowGps, { style: __assign({}, (function (_a) {
-                    _a.color; var rest = __rest(_a, ["color"]);
-                    return rest;
-                })(buttonStyle)) }),
-        props.showCenterLocationButton &&
-            React__default.createElement(MlCenterPosition, { style: __assign({}, (function (_a) {
-                    _a.color; var rest = __rest(_a, ["color"]);
-                    return rest;
-                })(buttonStyle)) }),
+        props.show3DButton && (React__default.createElement(Button$1, { sx: __assign(__assign({}, buttonStyle), { fontSize: mediaIsMobile ? "1.4em" : "1em", fontWeight: 600 }), onClick: adjustPitch }, pitch ? "2D" : "3D")),
+        props.showFollowGpsButton && (React__default.createElement(MlFollowGps, { style: __assign({}, (function (_a) {
+                _a.color; var rest = __rest(_a, ["color"]);
+                return rest;
+            })(buttonStyle)) })),
+        props.showCenterLocationButton && (React__default.createElement(MlCenterPosition, { style: __assign({}, (function (_a) {
+                _a.color; var rest = __rest(_a, ["color"]);
+                return rest;
+            })(buttonStyle)) })),
         React__default.createElement(ButtonGroup$1, { orientation: "vertical", sx: {
                 width: "50px",
                 border: "none",
                 Button: { minWidth: "20px !important", border: "none", padding: 0 },
                 "Button:hover": { border: "none" },
-            } },
-            React__default.createElement(Button$1, { sx: __assign(__assign({}, buttonStyle), { color: "#ececec" }), onClick: zoomIn },
-                React__default.createElement(default_1$3, { sx: { fontSize: mediaIsMobile ? "1.5em" : "1.2em" } })),
-            React__default.createElement(Button$1, { sx: __assign(__assign({}, buttonStyle), { color: "#ececec" }), onClick: zoomOut },
-                React__default.createElement(default_1$2, { sx: { fontSize: mediaIsMobile ? "1.5em" : "1.2em" } })))));
+            } }, props.showZoomButtons && (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement(Button$1, { sx: __assign({}, buttonStyle), onClick: zoomIn },
+                React__default.createElement(default_1$3, { sx: __assign({}, iconStyle) })),
+            React__default.createElement(Button$1, { sx: __assign({}, buttonStyle), onClick: zoomOut },
+                React__default.createElement(default_1$2, { sx: __assign({}, iconStyle) }))))),
+        props.children &&
+            React__default.cloneElement(props.children, {
+                sx: __assign({}, buttonStyle),
+            })));
 };
 MlNavigationTools.defaultProps = {
     mapId: undefined,
+    show3DButton: true,
     showFollowGpsButton: true,
     showCenterLocationButton: false,
+    showZoomButtons: true,
 };
 
 /**
@@ -13476,6 +13483,7 @@ var MlLayer = function (props) {
         idPrefix: 'MlLayer-',
         layerId: props.layerId,
         mapId: props.mapId,
+        geojson: props.geojson,
         options: __assign({ type: "background", paint: {
                 "background-color": "rgba(0,0,0,0)",
             } }, props.options),