solid-map-gl 1.12.0 → 2.0.0

package/dist/types/components/Image/index.d.ts

@@ -1,28 +0,0 @@
-import { VoidComponent } from 'solid-js';
-import type { StyleImageInterface, StyleImageMetadata } from 'mapbox-gl/src/style/style_image';
-export declare const patternList: string[];
-export type Color = `#${string}` | `rgb(${number}, ${number}, ${number})` | `rgba(${number}, ${number}, ${number}, ${number})` | `hsl(${number}, ${number}%, ${number}%)` | `hsla(${number}, ${number}%, ${number}%, ${number})`;
-type Props = {
-    id: string;
-    /** The unique identifier for the image. */
-    source?: HTMLImageElement | ImageBitmap | ImageData | SVGElement | {
-        width: number;
-        height: number;
-        data: Uint8Array | Uint8ClampedArray;
-    } | StyleImageInterface | string;
-    /** The image to be used for the image component. */
-    options?: StyleImageMetadata & {
-        fill?: Color;
-        stroke?: Color;
-        transform?: string;
-    };
-    /**  The options for the image */
-    pattern?: {
-        type: string;
-        color: Color;
-        background: Color;
-        lineWith: number;
-    };
-};
-export declare const MGL_Image: VoidComponent<Props>;
-export {};

package/dist/types/components/Layer/index.d.ts

@@ -1,32 +0,0 @@
-import { Component } from "solid-js";
-import type { layerEventTypes } from "../../events";
-import type { FilterSpecification, StyleSpecification } from "mapbox-gl/src/style-spec/types.js";
-import type { CustomLayerInterface } from "mapbox-gl/src/style/style_layer/custom_style_layer";
-type Props = {
-    id?: string;
-    /** A string that uniquely identifies the layer. If not provided, a unique ID will be generated. */
-    style?: StyleSpecification;
-    /** A Mapbox Style Specification object that defines the visual appearance of the layer. */
-    customLayer?: CustomLayerInterface;
-    /** An object that implements the `CustomLayerInterface` interface, which allows you to create custom layers using WebGL. */
-    filter?: FilterSpecification;
-    /** A Mapbox filter specification that defines which features of the layer to include or exclude from the layer. */
-    visible?: boolean;
-    /** A boolean that determines whether the layer is visible or not. */
-    sourceId?: string;
-    /** A string that specifies the ID of the source that the layer uses for its data. */
-    slot?: "bottom" | "middle" | "top" | string;
-    /** A string that specifies the slot to which the layer belongs. */
-    beforeType?: "background" | "fill" | "line" | "symbol" | "raster" | "circle" | "fill-extrusion" | "heatmap" | "hillshade" | "sky" | string;
-    /** A string that specifies the type of layer before which the current layer should be inserted. */
-    beforeId?: string;
-    /** A string that specifies the ID of the layer before which the current layer should be inserted. */
-    featureState?: {
-        id: number | string;
-        state: object;
-    };
-    /** An object that specifies the state of a feature in the layer. The object consists of an ID (either a number or a string) and an object containing the state. */
-    children?: any;
-} & layerEventTypes;
-export declare const Layer: Component<Props>;
-export {};

package/dist/types/components/Layer3D/index.d.ts

@@ -1,22 +0,0 @@
-import { Component, JSX } from "solid-js";
-declare global {
-    interface Window {
-        BABYLON?: any;
-        THREE?: any;
-    }
-}
-type Props = {
-    id?: string;
-    origin?: [number, number, number?];
-    defaultLight?: boolean;
-    babylon?: boolean;
-    onAdd?: (scene: any, map: any, gl: any) => void;
-    onRender?: (gl: any, matrix: any) => void;
-    children?: JSX.Element | JSX.Element[];
-    /** A string that specifies the type of layer before which the current layer should be inserted. */
-    beforeId?: string;
-    disableProjectionMatrix?: boolean;
-};
-export declare const useScene: () => any;
-export declare const Layer3D: Component<Props>;
-export {};

package/dist/types/components/Light/index.d.ts

@@ -1,8 +0,0 @@
-import { VoidComponent } from 'solid-js';
-import type { Light as LightSpecification } from 'mapbox-gl';
-type Props = {
-    /** Light Specifications */
-    style: LightSpecification;
-};
-export declare const Light: VoidComponent<Props>;
-export {};

package/dist/types/components/MapGL/index.d.ts

@@ -1,95 +0,0 @@
-import { Component } from "solid-js";
-import type { mapEventTypes } from "../../events";
-import type mapboxgl from "mapbox-gl";
-import type { MapboxOptions } from "mapbox-gl/src/ui/map";
-import type { LngLatLike } from "mapbox-gl/src/geo/lng_lat.js";
-import type { LngLatBounds } from "mapbox-gl/src/geo/lng_lat_bounds.js";
-import type { PaddingOptions } from "mapbox-gl/src/geo/edge_insets.js";
-import type { StyleSpecification } from "mapbox-gl/src/style-spec/types.js";
-import type { JSX } from "solid-js";
-declare global {
-    interface Window {
-        MapLib?: any;
-    }
-}
-export type Map = mapboxgl.Map & {
-    debug: boolean;
-    debugEvents: boolean;
-    sourceIdList: string[];
-    layerIdList: string[];
-};
-export type Viewport = {
-    id?: string;
-    point?: {
-        x: number;
-        y: number;
-    };
-    center?: LngLatLike;
-    bounds?: LngLatBounds;
-    zoom?: number;
-    pitch?: number;
-    bearing?: number;
-    padding?: PaddingOptions;
-    inTransit?: boolean;
-};
-type Props = {
-    /** ID for the map container element */
-    id?: string;
-    /** Map Container CSS Style */
-    style?: JSX.CSSProperties;
-    /** Map Container CSS Class */
-    class?: string;
-    /** SolidJS Class List for Map Container */
-    classList?: {
-        [k: string]: boolean | undefined;
-    };
-    /** Current Map View */
-    viewport?: Viewport;
-    /** Mapbox Options
-     * @see https://docs.mapbox.com/mapbox-gl-js/api/map/#map-parameters
-     */
-    options?: MapboxOptions;
-    /** Mapbox Style Configuration
-     * @see https://docs.mapbox.com/mapbox-gl-js/guides/styles/#configure-a-style
-     */
-    config?: {
-        id?: string;
-        lightPreset?: "dawn" | "day" | "dusk" | "night" | string;
-        showPlaceLabels?: boolean;
-        showRoadLabels?: boolean;
-        showPointOfInterestLabels?: boolean;
-        showTransitLabels?: boolean;
-        font?: string[];
-        [key: string]: boolean | string | string[];
-    };
-    /** Type for pan, move and zoom transitions */
-    transitionType?: "flyTo" | "easeTo" | "jumpTo" | string;
-    /** Event listener for Viewport updates */
-    onViewportChange?: (viewport: Viewport) => void;
-    /** Event listener for User Interaction */
-    onUserInteraction?: (user: boolean) => void;
-    /** Displays Map Tile Borders */
-    showTileBoundaries?: boolean;
-    /** Displays Wireframe if Terrain is visible */
-    showTerrainWireframe?: boolean;
-    /** Displays Borders if Padding is set */
-    showPadding?: boolean;
-    /** Displays Label Collision Boxes */
-    showCollisionBoxes?: boolean;
-    /** Displays all feature outlines even if normally not drawn by style rules */
-    showOverdrawInspector?: boolean;
-    /** Mouse Cursor Style */
-    cursorStyle?: string;
-    darkStyle?: StyleSpecification | string;
-    disableResize?: boolean;
-    mapLib?: any;
-    apikey?: string;
-    debug?: boolean;
-    debugEvents?: boolean;
-    ref?: HTMLDivElement;
-    /** Children within the Map Container */
-    children?: any;
-} & mapEventTypes;
-/** Creates a new Map Container */
-export declare const MapGL: Component<Props>;
-export {};

package/dist/types/components/MapProvider/index.d.ts

@@ -1,11 +0,0 @@
-import { ParentComponent } from 'solid-js';
-import type { Map } from '../MapGL';
-export declare const MapContext: import("solid-js").Context<{
-    map: any;
-}[]>;
-export declare const useMapContext: () => {
-    map: any;
-}[];
-export declare const MapProvider: ParentComponent<{
-    map?: Map;
-}>;

package/dist/types/components/Marker/index.d.ts

@@ -1,28 +0,0 @@
-import { Component } from 'solid-js';
-import type { PopupOptions, MarkerOptions, LngLatLike } from 'mapbox-gl';
-type Props = {
-    /** The geographical location to place the marker */
-    lngLat: LngLatLike;
-    /** Options for the Mapbox GL JS marker */
-    options?: MarkerOptions;
-    /** Options for the Mapbox GL JS popup that is associated with the marker */
-    popup?: PopupOptions;
-    /** Whether the marker's associated popup should be open */
-    showPopup?: boolean;
-    /** Whether the marker is draggable */
-    draggable?: boolean;
-    /** A function that is called when the marker's associated popup is opened */
-    onOpen?: () => void;
-    /** A function that is called when the marker's associated popup is closed */
-    onClose?: () => void;
-    /** A function that is called when the marker starts being dragged */
-    onDragStart?: () => void;
-    /** A function that is called when the marker stops being dragged */
-    onDragEnd?: () => void;
-    /** A function that is called when the marker is being dragged */
-    onDrag?: (lngLat: number[]) => void;
-    /** The content to be displayed in the marker's associated popup */
-    children?: any;
-};
-export declare const Marker: Component<Props>;
-export {};

package/dist/types/components/Popup/index.d.ts

@@ -1,18 +0,0 @@
-import { Component } from "solid-js";
-import type { PopupOptions, LngLatLike } from "mapbox-gl";
-type Props = {
-    /** Options for configuring the popup */
-    options?: PopupOptions;
-    /** Flag for tracking the mouse pointer */
-    trackPointer?: boolean;
-    /** Longitude and latitude for the popup */
-    lngLat?: LngLatLike;
-    /** Callback for when the popup is opened */
-    onOpen?: () => void;
-    /** Callback for when the popup is closed */
-    onClose?: () => void;
-    /** Children to display within the popup */
-    children?: any;
-};
-export declare const Popup: Component<Props>;
-export {};

package/dist/types/components/Source/index.d.ts

@@ -1,13 +0,0 @@
-import { Component } from 'solid-js';
-import type { SourceSpecification } from 'mapbox-gl/src/style-spec/types.js';
-export declare const useSourceId: () => string;
-type Props = {
-    /** @optional Source ID for referencing non nexted Layers */
-    id?: string;
-    /** @see https://docs.mapbox.com/mapbox-gl-js/style-spec/sources/ */
-    source: SourceSpecification;
-    /** The map layers associated with this source */
-    children?: any;
-};
-export declare const Source: Component<Props>;
-export {};

package/dist/types/components/Terrain/index.d.ts

@@ -1,7 +0,0 @@
-import { VoidComponent } from 'solid-js';
-interface TerrainSpecification {
-    source?: string;
-    exaggeration?: number | undefined;
-}
-export declare const Terrain: VoidComponent<TerrainSpecification>;
-export {};

package/dist/types/events.d.ts

@@ -1,103 +0,0 @@
-import type { MapMouseEvent, MapTouchEvent, MapWheelEvent, MapDataEvent, MapBoxZoomEvent } from 'mapbox-gl';
-type mapEventTypes = {
-    onMouseDown?: (event: MapMouseEvent) => void;
-    onMouseUp?: (event: MapMouseEvent) => void;
-    onMouseOver?: (event: MapMouseEvent) => void;
-    onMouseOut?: (event: MapMouseEvent) => void;
-    onMouseMove?: (event: MapMouseEvent) => void;
-    onMouseEnter?: (event: MapMouseEvent) => void;
-    onMouseLeave?: (event: MapMouseEvent) => void;
-    onPreClick?: (event: MapMouseEvent) => void;
-    onClick?: (event: MapMouseEvent) => void;
-    onDblClick?: (event: MapMouseEvent) => void;
-    onContextMenu?: (event: MapMouseEvent) => void;
-    onTouchStart?: (event: MapTouchEvent) => void;
-    onTouchEnd?: (event: MapTouchEvent) => void;
-    onTouchCancel?: (event: MapTouchEvent) => void;
-    onTouchMove?: (event: MapTouchEvent) => void;
-    onWheel?: (event: MapWheelEvent) => void;
-    onResize?: () => void;
-    onRemove?: () => void;
-    onMoveStart?: (event: DragEvent) => void;
-    onMove?: (event: MapMouseEvent | MapTouchEvent) => void;
-    onMoveEnd?: (event: DragEvent) => void;
-    onDragStart?: (event: DragEvent) => void;
-    onDrag?: (event: MapMouseEvent | MapTouchEvent) => void;
-    onDragEnd?: (event: DragEvent) => void;
-    onZoomStart?: (event: MapMouseEvent | MapTouchEvent) => void;
-    onZoom?: (event: MapMouseEvent | MapTouchEvent) => void;
-    onZoomEnd?: (event: MapMouseEvent | MapTouchEvent) => void;
-    onRotateStart?: (event: MapMouseEvent | MapTouchEvent) => void;
-    onRotate?: (event: MapMouseEvent | MapTouchEvent) => void;
-    onRotatEnd?: (event: MapMouseEvent | MapTouchEvent) => void;
-    onPitchStart?: (event: MapDataEvent) => void;
-    onPitch?: (event: MapDataEvent) => void;
-    onPitchEnd?: (event: MapDataEvent) => void;
-    onBoxZoomStart?: (event: MapBoxZoomEvent) => void;
-    onBoxZoomEnd?: (event: MapBoxZoomEvent) => void;
-    onBoxZoomCancel?: (event: MapBoxZoomEvent) => void;
-    onWebglContextLost?: () => void;
-    onWebglContextRestored?: () => void;
-    onLoad?: (event: any) => void;
-    onRender?: () => void;
-    onIdle?: () => void;
-    onError?: (error: string) => void;
-    onData?: (event: MapDataEvent) => void;
-    onStyleData?: (event: MapDataEvent) => void;
-    onSourceData?: (event: MapDataEvent) => void;
-    onDataLoading?: (event: MapDataEvent) => void;
-    onStyleDataLoading?: (event: MapDataEvent) => void;
-    onSourceDataLoading?: (event: MapDataEvent) => void;
-    onStyleImageMissing?: (event: MapDataEvent) => void;
-};
-declare const mapEvents: string[];
-type layerEventTypes = {
-    onMouseDown?: (event: MapMouseEvent) => void;
-    /** called when the mouse button is pressed down on the layer */
-    onMouseUp?: (event: MapMouseEvent) => void;
-    /** called when the mouse button is released after a mouse down event on the layer */
-    onMouseOver?: (event: MapMouseEvent) => void;
-    /** called when the mouse enters the layer */
-    onMouseOut?: (event: MapMouseEvent) => void;
-    /** called when the mouse leaves the layer */
-    onMouseMove?: (event: MapMouseEvent) => void;
-    /** called when the mouse is moved over the layer */
-    onMouseEnter?: (event: MapMouseEvent) => void;
-    /** called when the mouse enters the layer */
-    onMouseLeave?: (event: MapMouseEvent) => void;
-    /** called when the mouse leaves the layer */
-    onClick?: (event: MapMouseEvent) => void;
-    /** called when the layer is clicked */
-    onDblClick?: (event: MapMouseEvent) => void;
-    /** called when the layer is double-clicked */
-    onContextMenu?: (event: MapMouseEvent) => void;
-    /** called when the context menu is triggered on the layer */
-    onTouchStart?: (event: MapTouchEvent) => void;
-    /** called when a touch event is started on the layer */
-    onTouchEnd?: (event: MapTouchEvent) => void;
-    /** called when a touch event is ended on the layer */
-    onTouchCancel?: (event: MapTouchEvent) => void;
-};
-declare const layerEvents: any[];
-declare const drawEvents: any[];
-type drawEventTypes = {
-    onCreate?: (event: Object) => void;
-    /** called when a feature is created */
-    onDelete?: (event: Object) => void;
-    /** called when a feature is deleted */
-    onCombine?: (event: Object) => void;
-    /** called when features are combined */
-    onUncombine?: (event: Object) => void;
-    /** called when features are uncombined */
-    onUpdate?: (event: Object) => void;
-    /** called when a feature is updated */
-    onSelectionchange?: (event: Object) => void;
-    /** called when the selected features change */
-    onModechange?: (event: Object) => void;
-    /** called when the draw mode changes */
-    onRender?: (event: Object) => void;
-    /** called when the draw canvas is re-rendered */
-    onActionable?: (event: Object) => void;
-};
-export { mapEvents, layerEvents, drawEvents };
-export type { mapEventTypes, layerEventTypes, drawEventTypes };

package/dist/types/index.d.ts

@@ -1,16 +0,0 @@
-export { MapGL as default } from "./components/MapGL";
-export { MapProvider, useMapContext } from "./components/MapProvider";
-export { Source, useSourceId } from "./components/Source";
-export { Layer } from "./components/Layer";
-export { Layer3D, useScene } from "./components/Layer3D";
-export { Atmosphere } from "./components/Atmosphere";
-export { Terrain } from "./components/Terrain";
-export { Control } from "./components/Control";
-export { Marker } from "./components/Marker";
-export { Popup } from "./components/Popup";
-export { MGL_Image as Image, patternList } from "./components/Image";
-export { Camera } from "./components/Camera";
-export { Light } from "./components/Light";
-export { Draw } from "./components/Draw";
-export type { Viewport } from "./components/MapGL";
-export type { Color } from "./components/Image";

package/dist/types/mapStyles.d.ts

@@ -1,2 +0,0 @@
-export declare const vectorStyleList: object;
-export declare const rasterStyleList: object;

package/dist/types/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const baseStyle: string[];
-export declare const layoutStyles: string[];