@mapcomponents/react-maplibre 0.1.72 → 0.1.74

package/CHANGELOG.md

@@ -1,6 +1,30 @@
 # Change Log
 
 
+## [v0.1.74] - 2023-04-03
+
+### Fixed
+- 6e68b8c: fix wmsLoader feature info
+- 3eac872: fix useLayer hook source attribution settings
+
+### Added
+- 5a4c581: add component MlTemporalController
+- a85a5b1: add LayerListItemFactory
+- a85a5b1: add GeoJsonLayerForm
+- a85a5b1: add WmsLayerForm
+- a85a5b1: add LayerTypeForm
+- a85a5b1: add AddLayerButton
+- a85a5b1: add MlWmsLoader featureInfo configuration prop and queryable indicator next to layer
+- a85a5b1: add LayerContext and localStorage persistence to AddLayerButton story
+
+### Changed
+- a85a5b1: change MlWmsLoader to return LayerListItem compatible list elements
+
+## [v0.1.73] - 2023-03-11
+
+### Fixed
+- 547db2c: Fix/layerlist visibility settings
+
 ## [v0.1.72] - 2023-03-08
 
 ### Fixed

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

@@ -56,7 +56,7 @@ export type MlGeoJsonLayerProps = {
     /**
      * Javascript object that is spread into the addLayer commands first parameter.
      */
-    options?: Exclude<LayerSpecification, RasterLayerSpecification>;
+    options?: useLayerProps['options'];
     /**
      * Javascript object with optional properties "fill", "line", "circle" to override implicit layer type default paint properties.
      */

package/dist/components/MlOrderLayers/MlOrderLayers.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export interface MlOrderLayersProps {
+    /**
+     * Id of the target MapLibre instance in mapContext
+     */
+    mapId?: string;
+    layerIds: string[];
+    insertBeforeLayer?: string;
+}
+/**
+ * Creates an invisible layer for each entry in props.layerIds with the id `order-{entry}` and a reliable order
+ *
+ */
+declare const MlOrderLayers: {
+    (props: MlOrderLayersProps): JSX.Element;
+    defaultProps: {
+        mapId: undefined;
+        insertBeforeLayer: undefined;
+    };
+};
+export default MlOrderLayers;

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+declare const storyoptions: {
+    title: string;
+    component: {
+        (props: import("./MlOrderLayers").MlOrderLayersProps): JSX.Element;
+        defaultProps: {
+            mapId: undefined;
+            insertBeforeLayer: undefined;
+        };
+    };
+    argTypes: {};
+    decorators: ((Story: any, context: any) => JSX.Element)[];
+};
+export default storyoptions;
+export declare const ExampleConfig: any;

package/dist/components/MlTemporalController/MlTemporalController.d.ts

@@ -0,0 +1,175 @@
+import React from 'react';
+import { FeatureCollection } from '@turf/turf';
+import { LineLayerSpecification, CircleLayerSpecification, FillLayerSpecification, SymbolLayoutProps, SymbolPaintProps } from 'maplibre-gl';
+import { useLayerProps } from 'src/hooks/useLayer';
+export interface MlTemporalControllerProps {
+    /**
+     * 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;
+    /**
+     * GeoJSON data that is supposed to be rendered by this component.
+     */
+    geojson: FeatureCollection;
+    /**
+     * If true,the component creates and loads a MlGeoJsonLayer to show the data.
+     */
+    ownLayer?: boolean;
+    /**
+     * MapLibre attribution shown in the bottom right of the map, if this layer is visible
+     */
+    attribution?: string;
+    /**
+     * Type of the layer that will be added to the MapLibre instance.
+     * Possible values: "line", "circle", "fill"
+     */
+    type?: 'fill' | 'line' | 'circle';
+    /**
+     * Property field where the time informations is available.
+     */
+    timeField: string;
+    /**
+     * Lowest time value to be shown in the time line.
+     * By default, it is set to the lowest value in the time field.
+     */
+    minVal?: number;
+    /**
+     *When true, a label layer will be added by the component. In that case, the "labelField" propertie is mandatory.
+     */
+    label?: boolean;
+    /**
+     * Property field where the label information is available.
+     */
+    labelField?: string;
+    /**
+     * Highest time value to be shown in the time line.
+     * By default, it is set to the highest value in the time field.
+     */
+    maxVal?: number;
+    /**
+     * the value at which the component is to be loaded.
+     * If not specified, the component starts at the minimum value.
+     */
+    initialVal?: number;
+    /**
+     * When true, the features will be accumulated in the map.
+     * This option ist by default false.
+     */
+    accumulate?: boolean;
+    /**
+     * When true, the component will fit the map bounds to the shown features.
+     * This option ist by default true.
+     */
+    fitBounds?: boolean;
+    /**
+     * Boolean value that disables and enables the controls drawer.
+     */
+    showControls?: boolean;
+    /**
+     * Paint property object for the features layer.
+     * Possible props depend on the layer type.
+     * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#line
+     * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#circle
+     * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill
+     */
+    paint?: CircleLayerSpecification['paint'] | FillLayerSpecification['paint'] | LineLayerSpecification['paint'];
+    /**
+     * Sets the color of the features rendered by this component.
+     */
+    featuresColor?: string;
+    /**
+     * How many units the timeline runs through at each step.
+     * By default it is set to 1.
+     */
+    step?: number;
+    /**
+     * A numeric value that sets how many steps before the feature starts to appear.
+     * By default it is set to 5 steps.
+     */
+    fadeIn?: number;
+    /**
+     * A numeric value that sets how many steps the feature fades out after it proper time value.
+     * By default it is set to 5 steps.
+     */
+    fadeOut?: number;
+    /**
+     * Sets the color of the features rendered by this component.
+     */
+    labelColor?: string;
+    /**
+     * Layout property object, that is passed to the labels layer.
+     * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#symbol
+     */
+    labelLayout?: SymbolLayoutProps;
+    /**
+     * Paint property object for the features layer.
+     * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#symbol
+     */
+    labelPaint?: SymbolPaintProps;
+    /**
+     * Hover event handler that is executed whenever a geometry rendered by this component is hovered.
+     */
+    /**
+     * A numeric value that sets how many steps before the labels start to appear.
+     * By default it is set to 5 steps.
+     */
+    labelFadeIn?: number;
+    /**
+     * A numeric value that sets how many steps the labels fade out after their proper time value.
+     * By default it is set to 5 steps.
+     */
+    labelFadeOut?: number;
+    /**
+     * If true, the current time value will be displayed in the controlls panel.
+     */
+    displayCurrentValue?: boolean;
+    /**
+     * Click event handler that is executed whenever a geometry rendered by this component is clicked.
+     */
+    onClick?: useLayerProps['onClick'];
+    /**
+     * Click event handler that is executed whenever a geometry rendered by this component is hovered.
+     */
+    onHover?: useLayerProps['onHover'];
+    /**
+     * Leave event handler that is executed whenever a geometry rendered by this component is
+     * left/unhovered.
+     */
+    onLeave?: useLayerProps['onLeave'];
+    /**
+     * Callback function defined by the user to recive the current time value and paint property in the parent component.
+     */
+    onStateChange?: React.Dispatch<React.SetStateAction<TemporalControllerValues | undefined>>;
+}
+/**
+ * Select a GeoJSON object to be displayed in a temporal line.
+ *@component
+ */
+export interface TemporalControllerValues {
+    current: number;
+    paint: CircleLayerSpecification['paint'] | FillLayerSpecification['paint'] | LineLayerSpecification['paint'];
+}
+declare const MlTemporalController: {
+    (props: MlTemporalControllerProps): JSX.Element;
+    defaultProps: {
+        mapId: undefined;
+        ownLayer: boolean;
+        type: string;
+        step: number;
+        fadeIn: number;
+        fadeOut: number;
+        labelFadeIn: number;
+        labelFadeOut: number;
+        accumulate: boolean;
+        fitBounds: boolean;
+        label: boolean;
+        attribution: string;
+        displayCurrentValue: boolean;
+    };
+};
+export default MlTemporalController;

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

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { MlTemporalControllerProps } from './MlTemporalController';
+declare const storyoptions: {
+    title: string;
+    component: {
+        (props: MlTemporalControllerProps): JSX.Element;
+        defaultProps: {
+            mapId: undefined;
+            ownLayer: boolean;
+            type: string;
+            step: number;
+            fadeIn: number;
+            fadeOut: number;
+            labelFadeIn: number;
+            labelFadeOut: number;
+            accumulate: boolean;
+            fitBounds: boolean;
+            label: boolean;
+            attribution: string;
+            displayCurrentValue: boolean;
+        };
+    };
+    argTypes: {};
+    decorators: ((Story: any, context: any) => JSX.Element)[];
+    parameters: {
+        sourceLink: string;
+    };
+};
+export default storyoptions;
+export declare const FillConfig: any;
+export declare const CircleConfig: any;
+export declare const LineConfig: any;

package/dist/components/MlTemporalController/utils/MlTemporalControllerLabels.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { SymbolLayerSpecification, SymbolLayoutProps } from 'maplibre-gl';
+import { FeatureCollection } from '@turf/turf';
+interface MlTemporalControllerLabelsProps {
+    data: FeatureCollection;
+    currentVal: number;
+    fadeIn: number;
+    fadeOut: number;
+    step: number;
+    labelField: string;
+    labelColor: string;
+    timeField: string;
+    minVal: number;
+    accumulate: boolean;
+    isPlaying: boolean;
+    labelLayout?: SymbolLayoutProps;
+    labelPaint?: SymbolLayerSpecification;
+}
+export default function MlTemporalControllerLabels(props: MlTemporalControllerLabelsProps): JSX.Element;
+export {};

package/dist/components/MlTemporalController/utils/TemporalControllerPlayer.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export interface TemporalControllerPlayerProps {
+    currentVal: number;
+    isPlaying: boolean;
+    step: number;
+    minVal: number;
+    maxVal: number;
+    returnCurrent: React.Dispatch<React.SetStateAction<number>>;
+    returnPlaying: React.Dispatch<React.SetStateAction<boolean>>;
+    fadeIn: number;
+    open: boolean;
+    fadeOut: number;
+    featuresColor: string;
+    labels: boolean;
+    labelColor: string;
+    labelFadeIn: number;
+    labelFadeOut: number;
+    accumulate: boolean;
+    display: boolean;
+}
+export default function TemporalControllerPlayer(props: TemporalControllerPlayerProps): JSX.Element;

package/dist/components/MlTemporalController/utils/paintPicker.d.ts

@@ -0,0 +1,59 @@
+import { LineLayerSpecification, CircleLayerSpecification, FillLayerSpecification } from 'maplibre-gl';
+interface paintPickerProps {
+    type: 'fill' | 'line' | 'circle' | undefined;
+    timeField: string;
+    currentVal: number;
+    minVal: number;
+    isPlaying: boolean;
+    fadeIn: number;
+    fadeOut: number;
+    step: number;
+    featuresColor: string;
+    accumulate: boolean;
+    userPaint: CircleLayerSpecification['paint'] | FillLayerSpecification['paint'] | LineLayerSpecification['paint'];
+}
+export default function paintPicker(props: paintPickerProps): {
+    "circle-radius"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+    "circle-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
+    "circle-blur"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+    "circle-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+    "circle-translate"?: import("maplibre-gl").PropertyValueSpecification<[number, number]> | undefined;
+    "circle-translate-anchor"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
+    "circle-pitch-scale"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
+    "circle-pitch-alignment"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
+    "circle-stroke-width"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+    "circle-stroke-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
+    "circle-stroke-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+} | {
+    "fill-antialias"?: import("maplibre-gl").PropertyValueSpecification<boolean> | undefined;
+    "fill-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+    "fill-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
+    "fill-outline-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
+    "fill-translate"?: import("maplibre-gl").PropertyValueSpecification<[number, number]> | undefined;
+    "fill-translate-anchor"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
+    "fill-pattern"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
+} | {
+    "line-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+    "line-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
+    "line-translate"?: import("maplibre-gl").PropertyValueSpecification<[number, number]> | undefined;
+    "line-translate-anchor"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
+    "line-width"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+    "line-gap-width"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+    "line-offset"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+    "line-blur"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+    "line-dasharray"?: import("maplibre-gl").PropertyValueSpecification<number[]> | undefined;
+    "line-pattern"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
+    "line-gradient"?: import("maplibre-gl").ExpressionSpecification | undefined;
+} | {
+    'circle-color': string;
+} | {
+    'fill-color': string;
+    'fill-outline-color': string;
+} | {
+    'line-color': string;
+} | {
+    'fill-color': string;
+    'fill-opacity': (string | number | string[])[];
+    'fill-outline-color': (string | number | string[])[];
+};
+export {};

package/dist/components/MlTemporalController/utils/useFilterData.d.ts

@@ -0,0 +1,14 @@
+import { FeatureCollection } from '@turf/turf';
+export interface useTemporalControllerProps {
+    geojson: FeatureCollection;
+    timeField: string;
+    initialVal?: number;
+    minVal?: number;
+    maxVal?: number;
+    mapId: string | undefined;
+}
+export default function useFilterData(props: useTemporalControllerProps): {
+    filteredData: FeatureCollection<import("@turf/turf").Geometry | import("@turf/turf").GeometryCollection, import("@turf/turf").Properties> | undefined;
+    minVal: any;
+    maxVal: any;
+};

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

@@ -2,6 +2,15 @@
 import { useWmsProps } from '../../hooks/useWms';
 import { LngLat } from 'maplibre-gl';
 import { Layer2 } from 'wms-capabilities';
+import { useWmsReturnType } from '../../hooks/useWms';
+export interface WmsConfig {
+    getFeatureInfoUrl: useWmsReturnType['getFeatureInfoUrl'];
+    wmsUrl: useWmsReturnType['wmsUrl'];
+    layers: LayerType[];
+    visible: boolean;
+    open: boolean;
+    name?: string;
+}
 export interface MlWmsLoaderProps {
     /**
      * WMS URL
@@ -10,7 +19,8 @@ export interface MlWmsLoaderProps {
     /**
      * Id of the target MapLibre instance in mapContext
      */
-    mapId: string;
+    mapId?: string;
+    insertBeforeLayer?: string;
     /**
      * URL parameters that will be used in the getCapabilities request
      */
@@ -21,8 +31,14 @@ export interface MlWmsLoaderProps {
     wmsUrlParameters?: {
         [key: string]: string;
     };
+    zoomToExtent?: boolean;
     lngLat?: LngLat;
     idPrefix?: string;
+    featureInfoEnabled?: boolean;
+    config?: WmsConfig;
+    onConfigChange?: (config: WmsConfig | false) => void;
+    setLayers?: (layers: LayerType[]) => void;
+    showDeleteButton?: boolean;
 }
 export type LayerType = {
     visible: boolean;
@@ -30,18 +46,17 @@ export type LayerType = {
     Attribution?: {
         Title: string;
     };
-} & Omit<Layer2, 'Layer'> & Partial<Pick<Layer2, 'Layer'>>;
+} & Omit<Layer2, 'Layer' | 'CRS'> & Partial<Pick<Layer2, 'Layer'>>;
 /**
  * Loads a WMS getCapabilities xml document and adds a MlWmsLayer component for each layer that is
  * offered by the WMS.
  *
- * TODO: EaseTo the extend offered by the WMS in a zoom level that is supported
- *
  * @component
  */
 declare const MlWmsLoader: {
     (props: MlWmsLoaderProps): JSX.Element;
     defaultProps: {
+        mapId: undefined;
         url: string;
         urlParameters: {
             SERVICE: string;
@@ -51,6 +66,9 @@ declare const MlWmsLoader: {
         wmsUrlParameters: {
             TRANSPARENT: string;
         };
+        featureInfoEnabled: boolean;
+        zoomToExtent: boolean;
+        showDeleteButton: boolean;
     };
 };
 export default MlWmsLoader;

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

@@ -4,6 +4,7 @@ declare const storyoptions: {
     component: {
         (props: import("./MlWmsLoader").MlWmsLoaderProps): JSX.Element;
         defaultProps: {
+            mapId: undefined;
             url: string;
             urlParameters: {
                 SERVICE: string;
@@ -13,6 +14,9 @@ declare const storyoptions: {
             wmsUrlParameters: {
                 TRANSPARENT: string;
             };
+            featureInfoEnabled: boolean;
+            zoomToExtent: boolean;
+            showDeleteButton: boolean;
         };
     };
     argTypes: {
@@ -23,3 +27,4 @@ declare const storyoptions: {
 };
 export default storyoptions;
 export declare const ExampleConfig: any;
+export declare const ExampleFixedConfig: any;

package/dist/contexts/LayerContext.d.ts

@@ -0,0 +1,43 @@
+import { StyleSpecification } from 'maplibre-gl';
+import React from 'react';
+import { MlVectorTileLayerProps } from '../components/MlVectorTileLayer/MlVectorTileLayer';
+import { MlWmsLoaderProps } from '../components/MlWmsLoader/MlWmsLoader';
+import { MlGeoJsonLayerProps } from '../components/MlGeoJsonLayer/MlGeoJsonLayer';
+export interface LayerContextProps {
+    children: React.ReactNode;
+}
+export type WmsLayerConfig = {
+    type: 'wms';
+    name?: string;
+    id?: string;
+    config: MlWmsLoaderProps;
+};
+export type GeojsonLayerConfig = {
+    type: 'geojson';
+    name?: string;
+    id?: string;
+    config: MlGeoJsonLayerProps;
+};
+export type VtLayerConfig = {
+    type: 'vt';
+    name?: string;
+    id?: string;
+    config: MlVectorTileLayerProps;
+};
+export type LayerConfig = WmsLayerConfig | GeojsonLayerConfig | VtLayerConfig;
+export interface LayerContextType {
+    layers: LayerConfig[];
+    setLayers: (layers: LayerConfig[] | ((layers: LayerConfig[]) => LayerConfig[])) => void;
+    backgroundLayers: MlVectorTileLayerProps['layers'];
+    setBackgroundLayers: (layers: MlVectorTileLayerProps['layers'] | ((layers: MlVectorTileLayerProps['layers']) => MlVectorTileLayerProps['layers'])) => void;
+    symbolLayers: MlVectorTileLayerProps['layers'];
+    setSymbolLayers: (layers: MlVectorTileLayerProps['layers'] | ((layers: MlVectorTileLayerProps['layers']) => MlVectorTileLayerProps['layers'])) => void;
+    updateStyle: (style: StyleSpecification) => void;
+    vtLayerConfig: Partial<MlVectorTileLayerProps>;
+    setTileUrl: (url: string) => void;
+    tileUrl: string;
+}
+declare const LayerContext: React.Context<LayerContextType>;
+declare function LayerContextProvider(props: LayerContextProps): JSX.Element;
+export default LayerContext;
+export { LayerContextProvider };

package/dist/hooks/useLayer.d.ts

@@ -1,5 +1,5 @@
 import { useMapType } from './useMap';
-import { SourceSpecification, LayerSpecification, MapMouseEvent, GeoJSONFeature, Style, MapEventType, Map } from 'maplibre-gl';
+import { SourceSpecification, LayerSpecification, MapMouseEvent, GeoJSONFeature, Style, MapEventType, Map, RasterLayerSpecification, BackgroundLayerSpecification, VideoSourceSpecification, ImageSourceSpecification, HillshadeLayerSpecification } from 'maplibre-gl';
 import MapLibreGlWrapper from '../components/MapLibreMap/lib/MapLibreGlWrapper';
 import { GeoJSONObject } from '@turf/turf';
 type getLayerType = Style['getLayer'];
@@ -20,8 +20,10 @@ export interface useLayerProps {
     insertBeforeLayer?: string;
     insertBeforeFirstSymbolLayer?: boolean;
     geojson?: GeoJSONObject;
-    source?: SourceSpecification | string;
-    options: Partial<LayerSpecification>;
+    options: Partial<Exclude<LayerSpecification, RasterLayerSpecification | BackgroundLayerSpecification | HillshadeLayerSpecification> & {
+        source?: Partial<Exclude<SourceSpecification, VideoSourceSpecification | ImageSourceSpecification>>;
+        id?: string;
+    }>;
     onHover?: (ev: MapEventType & unknown) => Map | void;
     onClick?: (ev: MapEventType & unknown) => Map | void;
     onLeave?: (ev: MapEventType & unknown) => Map | void;

package/dist/hooks/useLayerContext.d.ts

@@ -0,0 +1,2 @@
+declare const useLayerContext: () => import("../contexts/LayerContext").LayerContextType;
+export default useLayerContext;

package/dist/index.d.ts

@@ -31,7 +31,9 @@ export { default as MlVectorTileLayer } from "./components/MlVectorTileLayer/MlV
 export { default as MlWmsFeatureInfoPopup } from "./components/MlWmsFeatureInfoPopup/MlWmsFeatureInfoPopup";
 export { default as MlWmsLayer } from "./components/MlWmsLayer/MlWmsLayer";
 export { default as MlWmsLoader } from "./components/MlWmsLoader/MlWmsLoader";
+export { default as MlTemporalController } from "./components/MlTemporalController/MlTemporalController";
 export { default as MlBasicComponent } from "./components/MlBasicComponent.js";
+export { default as MlOrderLayers } from "./components/MlOrderLayers/MlOrderLayers";
 export { default as useCameraFollowPath } from "./hooks/useCameraFollowPath/useCameraFollowPath";
 export { default as useExportMap } from "./hooks/useExportMap";
 export { default as useGpx } from "./hooks/useGpx/useGpx";
@@ -43,16 +45,34 @@ export { default as useMap } from "./hooks/useMap";
 export { default as useMapState } from "./hooks/useMapState";
 export { default as useSource } from "./hooks/useSource";
 export { default as useWms } from "./hooks/useWms";
+export { default as useFilterData } from "./components/MlTemporalController/utils/useFilterData";
+export { default as useLayerContext } from "./hooks/useLayerContext";
 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 LayerContext } from "./contexts/LayerContext";
+export { LayerContextProvider } from "./contexts/LayerContext";
 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 AddLayerButton } from './ui_components/AddLayerButton/AddLayerButton';
+export { default as AddLayerPopup } from './ui_components/AddLayerButton/AddLayerPopup';
+export { default as GeoJsonLayerForm } from './ui_components/AddLayerButton/LayerConfigForms/GeoJsonLayerForm';
+export { default as LayerTypeForm } from './ui_components/AddLayerButton/LayerConfigForms/LayerTypeForm';
+export { default as WmsLayerForm } from './ui_components/AddLayerButton/LayerConfigForms/WmsLayerForm';
 export { default as ColorPicker } from './ui_components/LayerList/util/input/ColorPicker';
 export { default as TopToolbar } from './ui_components/TopToolbar';
 export { default as Sidebar } from './ui_components/Sidebar';
+export { default as UploadButton } from './ui_components/UploadButton';
+export { default as SelectStyleButton } from './ui_components/SelectStyleButton/SelectStyleButton';
+export { default as SelectStylePopup } from './ui_components/SelectStyleButton/SelectStylePopup';
+export { default as ConfirmDialog } from './ui_components/ConfirmDialog';
+export { default as GruvboxStyle } from './omt_styles/gruvbox';
+export { default as MedievalKingdomStyle } from './omt_styles/medieval_kingdom';
+export { default as MonokaiStyle } from './omt_styles/monokai';
+export { default as OceanicNextStyle } from './omt_styles/oceanic_next';
+export { default as SolarizedStyle } from './omt_styles/solarized';