@mapcomponents/react-maplibre 0.1.66 → 0.1.68

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,5 +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 } 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 = [
@@ -28,6 +28,18 @@ type ViewportState = {
  *
  * @class
  */
+interface MapLibreGlWrapper extends MapType {
+    addImage: (id: string, image: HTMLImageElement | ImageBitmap | ImageData | {
+        width: number;
+        height: number;
+        data: Uint8Array | Uint8ClampedArray;
+    } | StyleImageInterface, key?: Partial<StyleImageMetadata> | string | undefined, componentId?: string | undefined) => this;
+    addLayer: (layer: (LayerSpecification & {
+        source?: string | SourceSpecification | undefined;
+    }) | (CustomLayerInterface & {
+        source?: string | SourceSpecification | undefined;
+    }), beforeId?: string | undefined, componentId?: string | undefined) => this;
+}
 declare class MapLibreGlWrapper {
     registeredElements: {
         [key: string]: {
@@ -77,21 +89,11 @@ declare class MapLibreGlWrapper {
     initRegisteredElements: (componentId: string, force?: boolean | undefined) => void;
     addNativeMaplibreFunctionsAndProps: () => void;
     map: MapType;
-    style: object;
+    style: Style;
     styleJson: object;
-    addLayer: (layer: (LayerSpecification & {
-        source?: string | SourceSpecification | undefined;
-    }) | (CustomLayerInterface & {
-        source?: string | SourceSpecification | undefined;
-    }), beforeId?: string | undefined, componentId?: string | undefined) => Map | undefined;
-    addSource: (id: string, source: SourceSpecification, componentId?: string | undefined) => Map | undefined;
-    addControl: (control: IControl | unknown, position?: ControlPosition | undefined, componentId?: string | undefined) => Map | undefined;
-    addImage: (id: string, image: HTMLImageElement | ImageBitmap | ImageData | {
-        width: number;
-        height: number;
-        data: Uint8Array | Uint8ClampedArray;
-    } | StyleImageInterface, componentId?: string | undefined) => void;
-    on: (type: keyof MapLayerEventType | keyof MapEventType | string, layerId: string | ((ev: unknown) => void), handler?: ((ev: MapEventType & unknown) => Map | void) | string, componentId?: string | undefined) => Map | undefined;
+    addSource: (id: string, source: SourceSpecification, componentId?: string | undefined) => this;
+    addControl: (control: IControl | unknown, position?: ControlPosition | undefined, componentId?: string | undefined) => this;
+    on: (type: keyof MapLayerEventType | keyof MapEventType | string, layerId: string | ((ev: unknown) => void), handler?: ((ev: MapEventType & unknown) => Map | void) | string, componentId?: string | undefined) => this;
     cleanup: (componentId: string) => void;
     constructor(props: {
         mapOptions: MapOptionsType;

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,29 +1,16 @@
+/// <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;
         };
     };
     argTypes: {};
-    decorators: ((Story: any) => JSX.Element)[];
+    decorators: ((Story: any, context: any) => JSX.Element)[];
     parameters: {
         docs: {
             source: {

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: {
@@ -7,7 +8,7 @@ declare const storyoptions: {
         };
     };
     argTypes: {};
-    decorators: ((Story: any) => JSX.Element)[];
+    decorators: ((Story: any, context: any) => JSX.Element)[];
 };
 export default storyoptions;
 export declare const ExampleConfig: any;

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: {
@@ -7,7 +8,7 @@ declare const storyoptions: {
         };
     };
     argTypes: {};
-    decorators: ((Story: any) => JSX.Element)[];
+    decorators: ((Story: any, context: any) => JSX.Element)[];
 };
 export default storyoptions;
 export declare const ExampleConfig: any;

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;
@@ -8,7 +9,7 @@ declare const storyoptions: {
         };
     };
     argTypes: {};
-    decorators: ((Story: any) => JSX.Element)[];
+    decorators: ((Story: any, context: any) => JSX.Element)[];
 };
 export default storyoptions;
 export declare const ExampleConfig: any;

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/MlFeatureEditor/lib/create_supplementary_points.d.ts

@@ -1,2 +1,2 @@
 export default createSupplementaryPoints;
-declare function createSupplementaryPoints(geojson: any, options?: {}, basePath?: null): GeoJSON[];
+declare function createSupplementaryPoints(geojson: any, options?: {}, basePath?: null): typeof import("geojson")[];

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

@@ -10,4 +10,4 @@ export default create_vertex;
  * @param {boolean} selected
  * @return {GeoJSON} Point
  */
-declare function create_vertex(parentId: string, coordinates: Array<number>, path: string, selected: boolean): GeoJSON;
+declare function create_vertex(parentId: string, coordinates: Array<number>, path: string, selected: boolean): typeof import("geojson");

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,9 +1,10 @@
+/// <reference types="react" />
 import { MlGeoJsonLayerProps } from './MlGeoJsonLayer';
 declare const storyoptions: {
     title: string;
     component: (props: MlGeoJsonLayerProps) => JSX.Element;
     argTypes: {};
-    decorators: ((Story: any) => JSX.Element)[];
+    decorators: ((Story: any, context: any) => JSX.Element)[];
 };
 export default storyoptions;
 export declare const Linestring: any;

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: {
@@ -7,7 +8,7 @@ declare const storyoptions: {
         };
     };
     argTypes: {};
-    decorators: ((Story: any) => JSX.Element)[];
+    decorators: ((Story: any, context: any) => JSX.Element)[];
 };
 export default storyoptions;
 export declare const ExampleConfig: any;

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: {
@@ -11,7 +12,7 @@ declare const storyoptions: {
             };
         };
     };
-    decorators: ((Story: any) => JSX.Element)[];
+    decorators: ((Story: any, context: any) => JSX.Element)[];
 };
 export default storyoptions;
 export declare const ExampleConfig: any;

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,8 +1,9 @@
+/// <reference types="react" />
 declare const storyoptions: {
     title: string;
     component: (props: import("./MlImageMarkerLayer").MlImageMarkerLayerProps) => JSX.Element;
     argTypes: {};
-    decorators: ((Story: any) => JSX.Element)[];
+    decorators: ((Story: any, context: any) => JSX.Element)[];
 };
 export default storyoptions;
 export declare const ExampleConfig: any;

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: {
@@ -8,7 +9,7 @@ declare const storyoptions: {
         };
     };
     argTypes: {};
-    decorators: ((Story: any) => JSX.Element)[];
+    decorators: ((Story: any, context: any) => JSX.Element)[];
 };
 export default storyoptions;
 export declare const ExampleConfig: any;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const storyoptions: {
     title: string;
     component: {
@@ -7,7 +8,7 @@ declare const storyoptions: {
         };
     };
     argTypes: {};
-    decorators: ((Story: any) => JSX.Element)[];
+    decorators: ((Story: any, context: any) => JSX.Element)[];
 };
 export default storyoptions;
 export declare const ExampleConfig: any;

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,2 +1,9 @@
+/// <reference types="react" />
+export interface MlScaleReferenceProps {
+    mapId?: string;
+    insertBeforeLayer?: string | undefined;
+    maxWidth?: number;
+    unit?: string;
+}
+declare const MlScaleReference: (props: MlScaleReferenceProps) => JSX.Element;
 export default MlScaleReference;
-declare function MlScaleReference(props: any): JSX.Element;

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

@@ -1,4 +1,16 @@
-export default MlShareMapState;
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+export interface MapState {
+    lat?: number;
+    lng?: number;
+    zoom?: number;
+    bearing?: number;
+    pitch?: number;
+    layers?: {
+        visible: boolean;
+        id: string;
+    }[];
+}
 /**
  * TODO: Add short & useful description
  *
@@ -7,16 +19,24 @@ export default MlShareMapState;
  *
  * @component
  */
-declare function MlShareMapState(props: {
-    mapId: string;
-}): JSX.Element;
-declare namespace MlShareMapState {
-    namespace defaultProps {
-        const mapId: undefined;
-    }
-    namespace propTypes {
-        const mapId_1: PropTypes.Requireable<string>;
-        export { mapId_1 as mapId };
-    }
+export interface MlShareMapStateProps {
+    mapId?: string;
+    idPrefix?: string;
+    active?: boolean;
 }
-import PropTypes from "prop-types";
+export interface LayerStatesInterface {
+    [key: string]: boolean;
+}
+declare const MlShareMapState: {
+    (props: MlShareMapStateProps): JSX.Element;
+    defaultProps: {
+        mapId: undefined;
+    };
+    propTypes: {
+        /**
+         * Id of the target MapLibre instance in mapContext
+         */
+        mapId: PropTypes.Requireable<string>;
+    };
+};
+export default MlShareMapState;

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

@@ -1,10 +1,17 @@
+/// <reference types="react" />
+declare const storyoptions: {
+    title: string;
+    component: {
+        (props: import("./MlShareMapState").MlShareMapStateProps): JSX.Element;
+        defaultProps: {
+            mapId: undefined;
+        };
+        propTypes: {
+            mapId: import("prop-types").Requireable<string>;
+        };
+    };
+    argTypes: {};
+    decorators: ((Story: any, context: any) => JSX.Element)[];
+};
 export default storyoptions;
-export const ExampleConfig: any;
-declare namespace storyoptions {
-    export const title: string;
-    export { MlShareMapState as component };
-    export const argTypes: {};
-    export { mapContextDecorator as decorators };
-}
-import MlShareMapState from "./MlShareMapState";
-import mapContextDecorator from "../../decorators/MapContextDecorator";
+export declare const ExampleConfig: any;

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: {
@@ -8,7 +9,7 @@ declare const storyoptions: {
         };
     };
     argTypes: {};
-    decorators: ((Story: any) => JSX.Element)[];
+    decorators: ((Story: any, context: any) => JSX.Element)[];
 };
 export default storyoptions;
 export declare const ExampleConfig: any;