@mapcomponents/react-maplibre 0.1.67 → 0.1.69

package/dist/components/MapLibreMap/MapLibreMap.d.ts

@@ -1,6 +1,6 @@
-import { FC } from "react";
-import { MapOptions as MapOptionsType } from "maplibre-gl";
-import "maplibre-gl/dist/maplibre-gl.css";
+import { FC } from 'react';
+import { MapOptions as MapOptionsType } from 'maplibre-gl';
+import 'maplibre-gl/dist/maplibre-gl.css';
 type MapLibreMapProps = {
     /**
      * Id of the MapLibreGl(Wrapper) instance in mapContext

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

@@ -11,8 +11,10 @@ declare namespace storyoptions {
             }
         }
     }
+    export { themeDecorator as decorators };
     export namespace parameters {
         const sourceLink: string;
     }
 }
 import MapLibreMap from "./MapLibreMap";
+import themeDecorator from "../../decorators/ThemeDecorator";

package/dist/components/MapLibreMap/lib/MapLibreGlWrapper.d.ts

@@ -1,4 +1,4 @@
-import { Map, IControl, MapOptions as MapOptionsType, MapEventType, MapLayerEventType, StyleImageInterface, LayerSpecification, CustomLayerInterface, SourceSpecification, ControlPosition, StyleImageMetadata } from '!maplibre-gl';
+import { Map, IControl, MapOptions as MapOptionsType, MapEventType, MapLayerEventType, StyleImageInterface, LayerSpecification, CustomLayerInterface, SourceSpecification, ControlPosition, StyleImageMetadata } from 'maplibre-gl';
 import { Map as MapType, Style } from 'maplibre-gl';
 type WrapperEventArgArray = [string, (arg0: unknown) => void];
 type EventArgArray = [

package/dist/components/MlCenterPosition/MlCenterPosition.d.ts

@@ -1,4 +1,5 @@
-import { SxProps, Theme } from "@mui/material";
+/// <reference types="react" />
+import { SxProps, Theme } from '@mui/material';
 export interface MlCenterPositionProps {
     /**
      * Id of the target MapLibre instance in mapContext
@@ -30,20 +31,6 @@ declare const MlCenterPosition: {
     (props: MlCenterPositionProps): JSX.Element;
     defaultProps: {
         mapId: undefined;
-        style: {
-            minWidth: string;
-            minHeight: string;
-            width: string;
-            height: string;
-            backgroundColor: string;
-            borderRadius: string;
-            margin: number;
-            fontSize: string;
-            ":hover": {
-                backgroundColor: string;
-                color: string;
-            };
-        };
         onColor: string;
         offColor: string;
     };

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

@@ -1,23 +1,10 @@
+/// <reference types="react" />
 declare const storyoptions: {
     title: string;
     component: {
         (props: import("./MlCenterPosition").MlCenterPositionProps): JSX.Element;
         defaultProps: {
             mapId: undefined;
-            style: {
-                minWidth: string;
-                minHeight: string;
-                width: string;
-                height: string;
-                backgroundColor: string;
-                borderRadius: string;
-                margin: number;
-                fontSize: string;
-                ":hover": {
-                    backgroundColor: string;
-                    color: string;
-                };
-            };
             onColor: string;
             offColor: string;
         };

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface MlComponentTemplateProps {
     /**
      * Id of the target MapLibre instance in mapContext

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const storyoptions: {
     title: string;
     component: {

package/dist/components/MlCreatePdfButton/MlCreatePdfButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface MlCreatePdfButtonProps {
     /**
      * Id of the target MapLibre instance in mapContext

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const storyoptions: {
     title: string;
     component: {

package/dist/components/MlCreatePdfForm/MlCreatePdfForm.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { createPdfResolverParams } from '../../hooks/useExportMap/lib';
 import { SxProps } from '@mui/material';
 interface MlCreatePdfFormProps {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './lib/preview.css';
 declare const storyoptions: {
     title: string;

package/dist/components/MlCreatePdfForm/lib/PdfForm.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { createPdfResolverParams } from '../../../hooks/useExportMap/lib';
 interface PdfFormProps {
     /**

package/dist/components/MlCreatePdfForm/lib/_PdfPreview.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface PdfPreviewProps {
     /**
      * Id of the target MapLibre instance in mapContext

package/dist/components/MlFeatureEditor/MlFeatureEditor.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './MlFeatureEditor.css';
 import '@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.css';
 import { GeoJSONObject, Feature } from '@turf/turf';

package/dist/components/MlFillExtrusionLayer/MlFillExtrusionLayer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface MlFillExtrusionLayerProps {
     /**
      * Id of the target MapLibre instance in mapContext

package/dist/components/MlFollowGps/MlFollowGps.d.ts

@@ -1,5 +1,5 @@
-import { SxProps } from "@mui/material";
-import { CircleLayerSpecification, FillLayerSpecification } from "maplibre-gl";
+/// <reference types="react" />
+import { CircleLayerSpecification, FillLayerSpecification } from 'maplibre-gl';
 interface MlFollowGpsProps {
     /**
      * Id of the target MapLibre instance in mapContext
@@ -39,13 +39,13 @@ interface MlFollowGpsProps {
      * Use any available paint prop from layer type "fill".
      * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill
      */
-    orientationConePaint?: FillLayerSpecification["paint"];
+    orientationConePaint?: FillLayerSpecification['paint'];
     /**
      * Position circle paint property object, that is passed to the MlGeoJsonLayer responsible for drawing the position circle.
      * Use any available paint prop from layer type "circle".
      * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#circle
      */
-    circlePaint?: CircleLayerSpecification["paint"];
+    circlePaint?: CircleLayerSpecification['paint'];
     /**
      * Active button font color
      */
@@ -59,11 +59,7 @@ interface MlFollowGpsProps {
      * Use any available paint prop from layer type "fill".
      * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill
      */
-    accuracyPaint?: FillLayerSpecification["paint"];
-    /**
-     * CSS style object that is applied to the button component
-     */
-    buttonSx?: SxProps | any;
+    accuracyPaint?: FillLayerSpecification['paint'];
 }
 /**
  * Adds a button that makes the map follow the users GPS position using
@@ -74,20 +70,6 @@ declare const MlFollowGps: {
     (props: MlFollowGpsProps): JSX.Element;
     defaultProps: {
         mapId: undefined;
-        buttonSx: {
-            minWidth: string;
-            minHeight: string;
-            width: string;
-            height: string;
-            backgroundColor: string;
-            borderRadius: string;
-            margin: number;
-            fontSize: string;
-            ":hover": {
-                backgroundColor: string;
-                color: string;
-            };
-        };
         onColor: string;
         offColor: string;
         showAccuracyCircle: boolean;

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

@@ -4,7 +4,7 @@ declare namespace storyoptions {
     export const title: string;
     export { MlFollowGps as component };
     export const argTypes: {};
-    export { mapContextDecorator as decorators };
+    export { noNavToolsDecorator as decorators };
 }
 import MlFollowGps from "./MlFollowGps";
-import mapContextDecorator from "../../decorators/MapContextDecorator";
+import noNavToolsDecorator from "../../decorators/NoNavToolsDecorator";

package/dist/components/MlGeoJsonLayer/MlGeoJsonLayer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Feature, FeatureCollection } from '@turf/turf';
 import { useLayerProps } from '../../hooks/useLayer';
 import { LineLayerSpecification, CircleLayerSpecification, FillLayerSpecification, LayerSpecification, RasterLayerSpecification } from 'maplibre-gl';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MlGeoJsonLayerProps } from './MlGeoJsonLayer';
 declare const storyoptions: {
     title: string;

package/dist/components/MlGeoJsonLayer/story_utils/MlGeojsonLayerCircleStyler.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MlGeoJsonLayerProps } from '../MlGeoJsonLayer';
 declare const CircleMapStyler: (props: MlGeoJsonLayerProps) => JSX.Element;
 export default CircleMapStyler;

package/dist/components/MlGeoJsonLayer/story_utils/MlGeojsonLayerHeatMapStyler.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MlGeoJsonLayerProps } from '../MlGeoJsonLayer';
 declare const HeatMapStyler: (props: MlGeoJsonLayerProps) => JSX.Element;
 export default HeatMapStyler;

package/dist/components/MlGeoJsonLayer/util/getDefaultPaintPropsByType.d.ts

@@ -1,2 +1,5 @@
-declare const getDefaultPaintPropsByType: Function;
+import { LayerSpecification, RasterLayerSpecification } from 'maplibre-gl';
+declare const getDefaultPaintPropsByType: (type: string, defaultPaintOverrides?: {
+    [key: string]: unknown;
+} | undefined) => Exclude<LayerSpecification['paint'], RasterLayerSpecification['paint']>;
 export default getDefaultPaintPropsByType;

package/dist/components/MlGeojsonLayerWithSource/MlGeojsonLayerWithSource.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface MlGeojsonLayerWithSourceProps {
     /**
      * Id of the target MapLibre instance in mapContext

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const storyoptions: {
     title: string;
     component: {

package/dist/components/MlGpxViewer/MlGpxViewer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FeatureCollection } from '@turf/turf';
 import { MetadataType } from '../../hooks/useGpx/useGpx';
 export interface MlGpxViewerProps {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const storyoptions: {
     title: string;
     component: {

package/dist/components/MlGpxViewer/util/GeoJsonProvider.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const GeoJsonProvider: ({ children }: {
     children: JSX.Element;
 }) => JSX.Element;

package/dist/components/MlGpxViewer/util/MetadataDrawer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MetadataType } from '../../../hooks/useGpx/useGpx';
 type Props = {
     metadata: MetadataType[];

package/dist/components/MlGpxViewer/util/MlGpxDemoLoader.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface MlGpxDemoLoaderProps {
     open: boolean;
     setOpen: (open: boolean) => void;

package/dist/components/MlGpxViewer/util/MlGpxViewerInstructions.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export default function MlGpxViewerInstructions(props: {
     open: boolean;
 }): JSX.Element;

package/dist/components/MlImageMarkerLayer/MlImageMarkerLayer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SymbolLayerSpecification } from 'maplibre-gl';
 import { Feature, FeatureCollection } from '@turf/turf';
 export interface MlImageMarkerLayerProps {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const storyoptions: {
     title: string;
     component: (props: import("./MlImageMarkerLayer").MlImageMarkerLayerProps) => JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Feature, FeatureCollection } from "@turf/turf";
 interface MlLayerProps {
     /**

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const storyoptions: {
     title: string;
     component: {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const storyoptions: {
     title: string;
     component: {

package/dist/components/MlMarker/MlMarker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface MlMarkerProps {
     /**
      * Id of the target MapLibre instance in mapContext

package/dist/components/MlMeasureTool/MlMeasureTool.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import * as turf from "@turf/turf";
 interface MlMeasureToolProps {
     /**

package/dist/components/MlNavigationCompass/MlNavigationCompass.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import PropTypes from "prop-types";
 interface MlNavigationCompassProps {
     mapId?: string;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SxProps } from "@mui/material";
 interface MlNavigationToolsProps {
     /**
@@ -33,6 +34,10 @@ interface MlNavigationToolsProps {
      * Style attribute for NavigationTools container
      */
     sx?: SxProps;
+    /**
+     * Style attribute for NavigationTools container
+     */
+    mediaIsMobile?: boolean;
 }
 /**
  * @component

package/dist/components/MlScaleReference/MlScaleReference.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface MlScaleReferenceProps {
     mapId?: string;
     insertBeforeLayer?: string | undefined;

package/dist/components/MlShareMapState/MlShareMapState.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import PropTypes from 'prop-types';
 export interface MapState {
     lat?: number;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const storyoptions: {
     title: string;
     component: {

package/dist/components/MlSketchTool/LayerList/ColorPicker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { paintPropsType } from './LayerPropertyForm';
 type Props = {
     key: string;

package/dist/components/MlSketchTool/LayerList/LayerList.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     children: JSX.Element;
 };

package/dist/components/MlSketchTool/LayerList/LayerListItem.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     layerComponent: JSX.Element;
     visible: boolean;

package/dist/components/MlSketchTool/LayerList/LayerPropertyForm.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CircleLayerSpecification, FillLayerSpecification, LineLayerSpecification } from 'maplibre-gl';
 export type paintPropsType = CircleLayerSpecification['paint'] | FillLayerSpecification['paint'] | LineLayerSpecification['paint'];
 type Props = {

package/dist/components/MlSketchTool/MlSketchTool.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SxProps } from '@mui/system/styleFunctionSx/styleFunctionSx';
 export interface MlSketchToolProps {
     /**

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const storyoptions: {
     title: string;
     component: {

package/dist/components/MlSpatialElevationProfile/MlSpatialElevationProfile.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Feature, FeatureCollection } from '@turf/turf';
 /**
  * MlSpatialElevationProfile returns a Button that will add a standard OSM tile layer to the maplibre-gl instance.

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const storyoptions: {
     title: string;
     component: {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const storyoptions: {
     title: string;
     component: {

package/dist/components/MlThreeJsLayer/MlThreejsLayer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import PropTypes from 'prop-types';
 /**
  * Renders obj or gltf 3D Models on the MapLibreMap referenced by props.mapId

package/dist/components/MlTransitionGeoJsonLayer/MlTransitionGeoJsonLayer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MlGeoJsonLayerProps } from '../MlGeoJsonLayer/MlGeoJsonLayer';
 type MlTransitionGeoJsonLayerProps = MlGeoJsonLayerProps & {
     transitionTime: number;

package/dist/components/MlVectorTileLayer/MlVectorTileLayer.d.ts

@@ -1,13 +1,14 @@
+/// <reference types="react" />
 import { LayerSpecification } from 'maplibre-gl';
 import { VectorSourceSpecification } from 'maplibre-gl';
-interface MlVectorTileLayerProps {
+export type MlVectorTileLayerProps = {
     mapId?: string;
     insertBeforeLayer?: string;
     layerId?: string;
     sourceOptions?: VectorSourceSpecification;
     url?: string;
     layers: LayerSpecification[];
-}
+};
 /**
  * Adds a vector-tile source and 0...n vector-tile-layers to the MapLibre instance referenced by
  * props.mapId

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const storyoptions: {
     title: string;
     component: {

package/dist/components/MlWmsLayer/MlWmsLayer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { RasterLayerSpecification, RasterSourceSpecification } from 'maplibre-gl';
 interface MlWmsLayerProps {

package/dist/components/MlWmsLoader/MlWmsLoader.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { useWmsProps } from '../../hooks/useWms';
 import { LngLat } from 'maplibre-gl';
 import { Layer2 } from 'wms-capabilities';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const storyoptions: {
     title: string;
     component: {

package/dist/components/MlWmsLoader/utils/MlWmsLoaderInstructions.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export default function MlWmsLoaderInstructions(props: {
     open: boolean;
 }): JSX.Element;

package/dist/components/MlWmsLoader/utils/WMSLinks.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface wmsLinksProps {
     load: (str: string) => void;
     open: boolean;

package/dist/decorators/EmptyMapDecorator.d.ts

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

package/dist/decorators/ThemeDecorator.d.ts

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

package/dist/hooks/useCameraFollowPath/useCameraFollowPath.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const storyoptions: {
     title: string;
     component: {

package/dist/hooks/useExportMap/lib.d.ts

@@ -1,4 +1,4 @@
-import { Map } from '!maplibre-gl';
+import { Map } from 'maplibre-gl';
 import jsPDF from 'jspdf';
 import MapLibreGlWrapper from '../../components/MapLibreMap/lib/MapLibreGlWrapper';
 import { BBox } from '@turf/turf';

package/dist/hooks/useLayerFilter/useLayerFilter.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import useLayerFilter from './useLayerFilter';
 declare const storyoptions: {
     title: string;

package/dist/hooks/useLayerHoverPopup/useLayerHoverPopup.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GeoJSONFeature } from 'maplibre-gl';
 interface useLayerHoverPopupProps {
     /**

package/dist/index.d.ts

@@ -47,3 +47,10 @@ export { MapComponentsProvider } from "./contexts/MapContext";
 export { default as MapContext } from "./contexts/MapContext";
 export { default as SimpleDataProvider } from "./contexts/SimpleDataProvider";
 export { default as SimpleDataContext } from "./contexts/SimpleDataContext";
+export { default as getTheme } from './ui_components/MapcomponentsTheme';
+export { default as LayerList } from './ui_components/LayerList/LayerList';
+export { default as LayerListItem } from './ui_components/LayerList/LayerListItem';
+export { default as LayerListFolder } from './ui_components/LayerList/LayerListFolder';
+export { default as LayerPropertyForm } from './ui_components/LayerList/util/LayerPropertyForm';
+export { default as LayerListItemVectorLayer } from './ui_components/LayerList/util/LayerListItemVectorLayer';
+export { default as ColorPicker } from './ui_components/LayerList/util/input/ColorPicker';