@mapcomponents/react-maplibre 0.1.70 → 0.1.71

package/CHANGELOG.md

@@ -1,6 +1,11 @@
 # Change Log
 
 
+## [v0.1.71] - 2023-03-05
+
+### Fixed
+- e3178b5: fix Topbar sidebar defaults
+
 ## [v0.1.70] - 2023-03-03
 
 ### Fixed

package/dist/components/MlComponentTemplate/MlComponentTemplate.d.ts

@@ -4,14 +4,9 @@ export interface MlComponentTemplateProps {
      * Id of the target MapLibre instance in mapContext
      */
     mapId?: string;
-    /**
-     * Id of an existing layer in the mapLibre instance to help specify the layer order
-     * This layer will be visually beneath the layer with the "insertBeforeLayer" id.
-     */
-    insertBeforeLayer?: string;
 }
 /**
- * Component template
+ * Component description
  *
  */
 declare const MlComponentTemplate: {

package/dist/index.esm.js

@@ -1241,23 +1241,14 @@ MlCenterPosition.defaultProps = {
 };
 
 /**
- * Component template
+ * Component description
  *
  */
 var MlComponentTemplate = function (props) {
     var mapHook = useMap({
         mapId: props.mapId,
-        waitForLayer: props.insertBeforeLayer,
     });
-    var initializedRef = React.useRef(false);
-    React.useEffect(function () {
-        if (!mapHook.map || initializedRef.current)
-            return;
-        // the MapLibre-gl instance (mapHook.map) is accessible here
-        // initialize the layer and add it to the MapLibre-gl instance or do something else with it
-        initializedRef.current = true;
-        mapHook.map.map.setCenter([7.132122000552613, 50.716405378037706]);
-    }, [mapHook.map, props.mapId]);
+    console.log(mapHook.componentId + " remove this log");
     return React__default["default"].createElement(React__default["default"].Fragment, null);
 };
 MlComponentTemplate.defaultProps = {
@@ -6992,9 +6983,10 @@ LayerListItem.defaultProps = {
     visible: true,
 };
 
-var logoUrl = 'assets/WG-MapComponents-Logo_rgb.svg';
-var logoUrl_dark = 'assets/WG-MapComponents-Logo_rgb-weisse-schrift.svg';
-var logoUrl_mobile = 'assets/mapcomponents_logo.png';
+var ghPagesUrl = 'https://mapcomponents.github.io/react-map-components-maplibre/';
+var logoUrl = ghPagesUrl + 'assets/WG-MapComponents-Logo_rgb.svg';
+var logoUrl_dark = ghPagesUrl + 'assets/WG-MapComponents-Logo_rgb-weisse-schrift.svg';
+var logoUrl_mobile = ghPagesUrl + 'assets/mapcomponents_logo.png';
 function TopToolbar(props) {
     var theme = styles.useTheme();
     var _a = React.useState(null), anchorElNav = _a[0], setAnchorElNav = _a[1];
@@ -7070,7 +7062,12 @@ function Sidebar(_a) {
     var _b = React.useState(false), drawerOpen = _b[0], setDrawerOpen = _b[1];
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         !mediaIsMobile ? (React__default["default"].createElement(Box__default["default"], { sx: { display: { xs: 'none', sm: 'flex' }, mr: 1 } },
-            React__default["default"].createElement(material.Drawer, __assign({ transitionDuration: 0, variant: "persistent", anchor: "left", open: typeof props.open === 'undefined' ? drawerOpen : props.open, PaperProps: __assign(__assign({}, drawerPaperProps), { sx: __assign({ maxWidth: { lg: '30%', md: '40%', sm: '50%', xs: '78%' }, padding: { lg: '20px', md: '20px', sm: '20px', xs: '10px' } }, drawerPaperProps === null || drawerPaperProps === void 0 ? void 0 : drawerPaperProps.sx) }), sx: __assign({ flexGrow: 1, zIndex: 105, position: 'absolute', top: 0, bottom: 0, display: 'flex', flexDirection: 'column', maxWidth: { lg: '30%', md: '40%', sm: '50%', xs: '78%' } }, (drawerOpen ? {} : { left: mediaIsMobile ? '-90vw' : '-20vw' })) }, props),
+            React__default["default"].createElement(material.Drawer, __assign({ transitionDuration: 0, variant: "persistent", anchor: "left", open: typeof props.open === 'undefined' ? drawerOpen : props.open, PaperProps: __assign(__assign({}, drawerPaperProps), { sx: __assign({ maxWidth: { lg: '30%', md: '40%', sm: '50%', xs: '78%' }, padding: { lg: '20px', md: '20px', sm: '20px', xs: '10px' }, top: '64px', width: {
+                            xs: '80%',
+                            sm: '60%',
+                            md: '350px',
+                            lg: '350px',
+                        }, boxSizing: 'border-box' }, drawerPaperProps === null || drawerPaperProps === void 0 ? void 0 : drawerPaperProps.sx) }), sx: __assign({ flexGrow: 1, zIndex: 105, position: 'absolute', bottom: 0, display: 'flex', flexDirection: 'column', maxWidth: { lg: '30%', md: '40%', sm: '50%', xs: '78%' } }, (drawerOpen ? {} : { left: mediaIsMobile ? '-90vw' : '-20vw' })) }, props),
                 React__default["default"].createElement(DrawerHeader, __assign({}, drawerHeaderProps),
                     React__default["default"].createElement(_.Typography, { variant: "h6" }, props.name),
                     React__default["default"].createElement(material.IconButton, { onClick: props.setOpen