@opengeoweb/core 1.3.0 → 2.1.3

package/lib/components/Legend/LegendMapButtonConnect.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
+import { Source } from '../../store/ui/types';
 interface LegendMapButtonProps {
     mapId: string;
+    source?: Source;
 }
 declare const LegendMapButtonConnect: React.FC<LegendMapButtonProps>;
 export default LegendMapButtonConnect;

package/lib/components/MapView/MapView.Error.stories.d.ts

@@ -3,3 +3,7 @@ export declare const MapError: {
     (): React.ReactElement;
     storyName: string;
 };
+export declare const MapWithDuplicateLayerIdsError: {
+    (): React.ReactElement;
+    storyName: string;
+};

package/lib/components/MapView/{MapView.MapCursor.stories.d.ts → MapView.MapPin.stories.d.ts}

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare const SetMapCursor: {
+export declare const SetMapPin: {
     (): React.ReactElement;
     storyName: string;
 };

package/lib/components/MapView/MapView.ShowLayerInfo.stories.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export declare const MapWithShowLayerInfoEnabled: {
+    (): React.ReactElement;
+    storyName: string;
+};

package/lib/components/MapView/MapView.stories.d.ts

@@ -1,11 +1,12 @@
 /// <reference types="react" />
 export * from './MapView.Error.stories';
-export * from './MapView.MapCursor.stories';
+export * from './MapView.MapPin.stories';
 export * from './MapView.Passive.stories';
 export * from './MapView.RadarAnimation.stories';
 export * from './MapView.RadarData.stories';
 export * from './MapView.SetProjectionBBox.stories';
 export * from './MapView.SetProjectionBBoxLocalState.stories';
+export * from './MapView.ShowLayerInfo.stories';
 declare const _default: {
     title: string;
     component: import("react").FC<import("./types").MapViewProps>;

package/lib/components/MapView/MapViewConnect.MapPin.stories.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export declare const SetMapPinAction: {
+    (): React.ReactElement;
+    storyName: string;
+};

package/lib/components/MapView/MapViewConnect.d.ts

@@ -5,8 +5,10 @@ export interface MapViewConnectProps {
     controls?: {
         zoomControls?: boolean;
     };
+    displayMapPin?: boolean;
     showScaleBar?: boolean;
     children?: React.ReactNode;
+    showLayerInfo?: boolean;
 }
 /**
  * Connected component used to display the map and selected layers.
@@ -16,10 +18,10 @@ export interface MapViewConnectProps {
  * @param {string} mapId mapId: string - Id of the map
  * @param {object} [controls.zoomControls] **optional** controls: object - toggle the map controls, zoomControls defaults to true
  * @param {boolean} [displayTimeInMap] **optional** displayTimeInMap: boolean, toggles the mapTime, defaults to true
+ * @param {boolean} [displayMapPin] **optional** displayMapPin: boolean, toggle the display of pin on click, defaults to false
+ * @param {boolean} [showScaleBar] **optional** showScaleBar: boolean, toggles the scaleBar, defaults to true
  * @example
- * ```<MapViewConnect mapId={mapId} />```
- * @example
- * ```<MapViewConnect mapId={mapId} controls={{ zoomControls: false }} displayTimeInMap={false} />```
+ * ```<MapViewConnect mapId={mapId} controls={{ zoomControls: false }} displayTimeInMap={false} showScaleBar={false}/>```
  */
 declare const MapViewConnect: React.FC<MapViewConnectProps>;
 export default MapViewConnect;

package/lib/components/MapView/MapViewConnect.stories.d.ts

@@ -8,6 +8,7 @@ export * from './MapViewConnect.LayerChangeEnabledOpacity.stories';
 export * from './MapViewConnect.SetBaseLayers.stories';
 export * from './MapViewConnect.ToggleControls.stories';
 export * from './MapViewConnect.FeatureLayers.stories';
+export * from './MapViewConnect.MapPin.stories';
 declare const _default: {
     title: string;
     component: import("react").FC<import("./MapViewConnect").MapViewConnectProps>;

package/lib/components/Mapcontrols/MapControlButton.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { TooltipProps } from '@material-ui/core';
+import { ToggleIconButtonProps } from '../ToggleIconButton/ToggleIconButton';
+interface MapControlButtonProps extends ToggleIconButtonProps {
+    onClick: () => void;
+    isActive?: boolean;
+    placement?: TooltipProps['placement'];
+    children: React.ReactElement;
+}
+declare const MapControlButton: React.FC<MapControlButtonProps>;
+export default MapControlButton;

package/lib/components/Mapcontrols/MapControlButton.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/Mapcontrols/MapControls.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface MapControlsProps {
+    children: React.ReactNode;
+    style?: React.CSSProperties;
+}
+declare const MapControls: React.FC<MapControlsProps>;
+export default MapControls;

package/lib/components/Mapcontrols/MapControls.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/Mapcontrols/ZoomControls.d.ts

@@ -1,12 +1,4 @@
 import * as React from 'react';
-export declare type ZoomType = 'zoomIn' | 'zoomOut' | 'zoomReset';
-export declare const renderZoomIcon: (zoomType: ZoomType) => React.ReactChild;
-interface ZoomButtonProps {
-    zoomType: ZoomType;
-    onClick: () => void;
-    className: string;
-}
-export declare const ZoomButton: React.FC<ZoomButtonProps>;
 interface ZoomControlsProps {
     onZoomIn: () => void;
     onZoomOut: () => void;

package/lib/components/Mapcontrols/index.d.ts

@@ -1,2 +1,4 @@
 export { default as ZoomControls } from './ZoomControls';
 export { default as ZoomControlConnect } from './ZoomControlsConnect';
+export { default as MapControlButton } from './MapControlButton';
+export { default as MapControls } from './MapControls';

package/lib/components/MultiMapDimensionSelect/DimensionSelectButton.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface DimensionSelectButtonProps {
+    dimension: string;
+    onClickDimensionButton: () => void;
+    isActive?: boolean;
+}
+declare const DimensionSelectButton: React.FC<DimensionSelectButtonProps>;
+export default DimensionSelectButton;

package/lib/components/MultiMapDimensionSelect/DimensionSelectButton.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/MultiMapDimensionSelect/DimensionSelectButtonConnect.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { Source } from '../../store/ui/types';
+interface DimensionSelectMapButtonProps {
+    mapId: string;
+    dimension: string;
+    source?: Source;
+}
+declare const DimensionSelectMapButtonConnect: React.FC<DimensionSelectMapButtonProps>;
+export default DimensionSelectMapButtonConnect;

package/lib/components/MultiMapDimensionSelect/DimensionSelectButtonConnect.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/MultiMapDimensionSelect/DimensionSelectDialogConnect.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { Source } from '../../store/ui/types';
+interface DimensionSelectDialogConnectProps {
+    mapId: string;
+    dimensionName: string;
+    isOpen: boolean;
+    order?: number;
+    onMouseDown?: () => void;
+    onToggleDialog?: (isDialogOpen: boolean) => void;
+    index?: number;
+    source?: Source;
+}
+declare const DimensionSelectDialogConnect: React.FC<DimensionSelectDialogConnectProps>;
+export default DimensionSelectDialogConnect;

package/lib/components/MultiMapDimensionSelect/DimensionSelectDialogConnect.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/MultiMapDimensionSelect/DimensionSelectDialogConnect.stories.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+export declare const DimensionSelectElevationLight: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const DimensionSelectElevationDark: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const DimensionSelectEnsembleMemberLight: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const DimensionSelectEnsembleMemberDark: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const DimensionSelectInvalidSyncLight: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const DimensionSelectInvalidSyncDark: {
+    (): React.ReactElement;
+    storyName: string;
+};

package/lib/components/{MultiDimensionSelect/VerticalDimensionSelect.d.ts → MultiMapDimensionSelect/DimensionSelectSlider.d.ts}

@@ -1,7 +1,8 @@
 import * as React from 'react';
-import { Mark } from '@material-ui/core';
-interface VerticalDimensionSelectProps {
+import { Mark } from '../../utils/dimensionUtils';
+interface DimensionSelectSliderProps {
     marks: Mark[];
+    layerName: string;
     reverse?: boolean;
     isDisabled?: boolean;
     managedValue?: number;
@@ -9,5 +10,5 @@ interface VerticalDimensionSelectProps {
     alertColor?: string;
     onChangeDimensionValue: (dimensionValue: string) => void;
 }
-declare const VerticalDimensionSelect: React.FC<VerticalDimensionSelectProps>;
-export default VerticalDimensionSelect;
+declare const DimensionSelectSlider: React.FC<DimensionSelectSliderProps>;
+export default DimensionSelectSlider;

package/lib/components/MultiMapDimensionSelect/DimensionSelectSlider.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/MultiMapDimensionSelect/DimensionSelectSliderConnect.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { DimensionConfig } from './MultiDimensionSelectConfig';
+export interface DimensionSelectSliderConnectProps {
+    layerId: string;
+    dimConfig: DimensionConfig;
+    dimensionName: string;
+    handleDimensionValueChanged: (layerId: string, dimensionName: string, dimensionValue: string) => void;
+    handleSyncChanged: (layerId: string, dimensionName: string, dimensionValue: string, synced: boolean) => void;
+}
+declare const DimensionSelectSliderConnect: React.FC<DimensionSelectSliderConnectProps>;
+export default DimensionSelectSliderConnect;

package/lib/components/MultiMapDimensionSelect/DimensionSelectSliderConnect.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/{MultiDimensionSelect → MultiMapDimensionSelect}/MultiDimensionSelect.stories.d.ts

@@ -1,5 +1,7 @@
+export * from './MultiMapMultiDimensionSelect.stories';
 export * from './EnsembleDimensionExample.stories';
 export * from './MultiDimensionSelectConnect.stories';
+export * from './DimensionSelectDialogConnect.stories';
 declare const _default: {
     title: string;
 };

package/lib/components/MultiMapDimensionSelect/MultiDimensionSelectConfig.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { SvgIconProps } from '@material-ui/core';
+export interface DimensionConfig {
+    name: string;
+    label: string;
+    defaultUnit: string;
+    reversed: boolean;
+    iconType: string;
+}
+export declare const dimensionConfig: DimensionConfig[];
+export declare const getDimensionIcon: (iconType: string) => React.FC<SvgIconProps>;

package/lib/components/{MultiDimensionSelect → MultiMapDimensionSelect}/MultiDimensionSelectConnect.stories.d.ts

@@ -1,4 +1,3 @@
 import * as React from 'react';
-export declare const ElevationDimensionDemo: React.FC;
 export declare const ElevationDimensionDemoWithLightTheme: React.FC;
 export declare const ElevationDimensionDemoWithDarkTheme: React.FC;

package/lib/components/MultiMapDimensionSelect/MultiDimensionSelectMapButtonsConnect.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Source } from '../../store/ui/types';
+interface MultiDimensionSelectMapButtonsConnectProps {
+    mapId: string;
+    source?: Source;
+}
+declare const MultiDimensionSelectMapButtonsConnect: React.FC<MultiDimensionSelectMapButtonsConnectProps>;
+export default MultiDimensionSelectMapButtonsConnect;

package/lib/components/MultiMapDimensionSelect/MultiDimensionSelectMapButtonsConnect.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/MultiMapDimensionSelect/MultiMapMultiDimensionSelect.stories.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const MultiDimensionSelectStoryWithMultiMaps: () => React.ReactElement;

package/lib/components/MultiMapDimensionSelect/MultiMapMultiDimensionSelectConnect.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+declare const MultiMapMultiDimensionSelectConnect: React.FC;
+/**
+ * Component used to control values for all dimension other than time and ref.time
+ *
+ * @example
+ * ``` <MultiMapMultiDimensionSelectConnect  /> ```
+ */
+export default MultiMapMultiDimensionSelectConnect;

package/lib/components/MultiMapDimensionSelect/MultiMapMultiDimensionSelectConnect.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/MultiMapDimensionSelect/MultiMapSingleDimensionSelectConnect.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export declare const getDimensionType: (dimensionName: string) => string;
+interface MultiMapSingleDimensionSelectConnectProps {
+    dimensionName: string;
+    index?: number;
+}
+declare const MultiMapSingleDimensionSelectConnect: React.FC<MultiMapSingleDimensionSelectConnectProps>;
+export default MultiMapSingleDimensionSelectConnect;

package/lib/components/MultiMapDimensionSelect/MultiMapSingleDimensionSelectConnect.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/MultiMapDimensionSelect/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MultiDimensionSelectMapButtonsConnect } from './MultiDimensionSelectMapButtonsConnect';
+export { default as MultiMapDimensionSelectConnect } from './MultiMapMultiDimensionSelectConnect';

package/lib/components/MultiMapView/HarmoniePresets/HarmRefTimePreset.d.ts

@@ -1,12 +1,9 @@
 import * as React from 'react';
 import { Layer } from '../../../store/mapStore/types';
 import { MultiMapPreset } from '../MultiMapViewConnect';
-export declare const makeMapPreset: (timeIncrement: number, uniqueId: string, referenceTime: string, layers: Layer[], layerSyncGroupId: string, displayLayerManagerButtonInMap: boolean) => MultiMapPreset;
+export declare const makeMapPreset: (timeIncrement: number, uniqueId: string, referenceTime: string, layers: Layer[], layerSyncGroupId: string, displayLayerManagerButtonInMap: boolean, displayDimensionSelectButtonInMap: boolean) => MultiMapPreset;
 export interface InitialHarmRefTimeProps {
     layers?: Layer[];
     layerSyncGroupId: string;
 }
-export interface HarmRefTimePresetProps extends InitialHarmRefTimeProps {
-    id: string;
-}
-export declare const HarmRefTimePreset: React.FC<HarmRefTimePresetProps>;
+export declare const HarmRefTimePreset: React.FC<InitialHarmRefTimeProps>;

package/lib/components/MultiMapView/HarmoniePresets/HarmonieTempAndPrecipPreset.d.ts

@@ -8,7 +8,4 @@ export interface InitialHarmTempAndPrecipProps {
         bottomrowGroup?: string;
     };
 }
-export interface HarmonieTempAndPrecipPresetProps extends InitialHarmTempAndPrecipProps {
-    id: string;
-}
-export declare const HarmonieTempAndPrecipPreset: React.FC<HarmonieTempAndPrecipPresetProps>;
+export declare const HarmonieTempAndPrecipPreset: React.FC<InitialHarmTempAndPrecipProps>;

package/lib/components/MultiMapView/MultiMapView.stories.d.ts

@@ -1,7 +1,9 @@
 import { MultiMapViewStory2x2 } from './MultiMapView2x2.stories';
 import { MultiMapViewStory4x3 } from './MultiMapView4x3.stories';
+import { MultiMapViewStory10x10 } from './MultiMapView10x10.stories';
 export { MultiMapViewStory2x2 };
 export { MultiMapViewStory4x3 };
+export { MultiMapViewStory10x10 };
 declare const _default: {
     title: string;
 };

package/lib/components/MultiMapView/MultiMapView10x10.stories.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const MultiMapViewStory10x10: () => React.ReactElement;

package/lib/components/MultiMapView/MultiMapViewConnect.d.ts

@@ -11,9 +11,9 @@ export interface MultiMapPreset {
     displayTimeInMap?: boolean;
     layerSyncGroupId?: string;
     displayLayerManagerButtonInMap?: boolean;
+    displayDimensionSelectButtonInMap?: boolean;
 }
 export interface MultiMapViewProps {
-    id: string;
     rows: number;
     cols: number;
     maps: MultiMapPreset[];

package/lib/components/ReactMapView/ReactMapView.d.ts

@@ -18,6 +18,7 @@ export declare const isAMapLayer: (layer: Layer) => boolean;
  * @param layer The Layer object, or the props from the ReactWMJSLayer
  */
 export declare const isAGeoJSONLayer: (layer: Layer) => boolean;
+export declare const ORIGIN_REACTMAPVIEW_ONMAPCHANGEDIMENSION = "ORIGIN_REACTMAPVIEW_ONMAPCHANGEDIMENSION";
 interface ReactMapViewState {
     adagucInitialised: boolean;
 }
@@ -41,7 +42,6 @@ declare class ReactMapView extends React.Component<ReactMapViewProps, ReactMapVi
     adagucWebMapJSRef: any;
     refetchTimer: any;
     static defaultProps: {
-        xml2jsonrequestURL: string;
         srs: string;
         bbox: {
             left: number;
@@ -50,7 +50,7 @@ declare class ReactMapView extends React.Component<ReactMapViewProps, ReactMapVi
             top: number;
         };
         shouldAutoFetch: boolean;
-        showCursor: boolean;
+        displayMapPin: boolean;
         onMount: () => void;
         onUnMount: () => void;
         onMapChangeDimension: () => void;
@@ -60,13 +60,15 @@ declare class ReactMapView extends React.Component<ReactMapViewProps, ReactMapVi
         onLayerSetDimensions: () => void;
         onServiceSetLayers: () => void;
         onLayerSetStyles: () => void;
-        onSetLayerDimensionsForService: () => void;
         onMapZoomEnd: () => void;
     };
     constructor(props: ReactMapViewProps);
     componentDidMount(): void;
     componentDidUpdate: (prevProps: ReactMapViewProps) => void;
     componentWillUnmount(): void;
+    onDimChangeListener(): void;
+    onAfterSetBBoxListener(wmjsMap: WMJSMap): void;
+    onUpdateBBoxListener(newBbox: WMBBOX): void;
     onStartRefetchTimer: () => void;
     getWMJSLayerFromReactLayer(wmLayers: WMLayer[], reactWebMapJSLayer: React.ReactElement, index: number): {
         layer: WMLayer;

package/lib/components/ReactMapView/ReactMapViewParseLayer.d.ts

@@ -1,4 +1,5 @@
 import { WMLayer, WMJSMap } from '@opengeoweb/webmap';
-import { SetLayerStylePayload, SetLayersForServicePayload, SetLayerStylesForServicePayload, SetLayerDimensionsForServicePayload, UpdateAllMapDimensionsPayload, SetLayerDimensionsPayload } from '../../store/mapStore/types';
+import { SetLayerStylePayload, SetLayersForServicePayload, SetLayerStylesPayload, UpdateAllMapDimensionsPayload, SetLayerDimensionsPayload } from '../../store/mapStore/types';
 import { MapViewProps } from '../MapView/types';
-export declare const setServiceMetadata: (wmLayer: WMLayer, mapId: string, xml2jsonrequestURL: string, webMapJSInstance: WMJSMap, mapProperties: MapViewProps, onMapUpdateAllDimensions?: (payload: UpdateAllMapDimensionsPayload) => void, onLayerChangeStyle?: (payload: SetLayerStylePayload) => void, onServiceSetLayers?: (payload: SetLayersForServicePayload) => void, onLayerSetStyles?: (payload: SetLayerStylesForServicePayload) => void, onSetLayerDimensionsForService?: (payload: SetLayerDimensionsForServicePayload) => void, onLayerSetDimensions?: (payload: SetLayerDimensionsPayload) => void) => void;
+export declare const ORIGIN_REACTMAPVIEWPARSELAYER = "ReactMapViewParseLayer";
+export declare const setServiceMetadata: (wmLayer: WMLayer, mapId: string, webMapJSInstance: WMJSMap, mapProperties: MapViewProps, onMapUpdateAllDimensions?: (payload: UpdateAllMapDimensionsPayload) => void, onLayerChangeStyle?: (payload: SetLayerStylePayload) => void, onServiceSetLayers?: (payload: SetLayersForServicePayload) => void, onLayerSetStyles?: (payload: SetLayerStylesPayload) => void, onLayerSetDimensions?: (payload: SetLayerDimensionsPayload) => void) => void;

package/lib/components/ReactMapView/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { WMJSMap } from '@opengeoweb/webmap';
-import { SetMapDimensionPayload, SetLayerDimensionsForServicePayload, SetLayerStylePayload, SetLayerDimensionPayload, SetLayersForServicePayload, SetLayerStylesForServicePayload, UpdateAllMapDimensionsPayload, Dimension, SetBboxPayload, SetLayerDimensionsPayload, Bbox } from '../../store/mapStore/types';
+import { SetMapDimensionPayload, SetLayerStylePayload, SetLayerDimensionPayload, SetLayersForServicePayload, SetLayerStylesPayload, UpdateAllMapDimensionsPayload, Dimension, SetBboxPayload, SetLayerDimensionsPayload, Bbox, MapPinLocationPayload, MapLocation } from '../../store/mapStore/types';
 export interface ReactMapViewProps {
     listeners?: {
         name?: string;
@@ -20,13 +20,10 @@ export interface ReactMapViewProps {
     animationDelay?: number;
     dimensions?: Dimension[];
     onClick?: () => void;
-    xml2jsonrequestURL?: string;
-    showCursor?: boolean;
-    mapCursorLocation?: {
-        lon: number;
-        lat: number;
-    };
+    displayMapPin?: boolean;
+    mapPinLocation?: MapLocation;
     shouldAutoFetch?: boolean;
+    showLayerInfo?: boolean;
     onMount?: (mapId: string, WMJSMapInstance: WMJSMap) => void;
     onUnMount?: (mapId: string, WMJSMapInstance: WMJSMap) => void;
     onMapChangeDimension?: (payload: SetMapDimensionPayload) => void;
@@ -34,13 +31,9 @@ export interface ReactMapViewProps {
     onLayerChangeStyle?: (payload: SetLayerStylePayload) => void;
     onLayerChangeDimension?: (payload: SetLayerDimensionPayload) => void;
     onServiceSetLayers?: (payload: SetLayersForServicePayload) => void;
-    onLayerSetStyles?: (payload: SetLayerStylesForServicePayload) => void;
-    onSetLayerDimensionsForService?: (payload: SetLayerDimensionsForServicePayload) => void;
+    onLayerSetStyles?: (payload: SetLayerStylesPayload) => void;
     onMapZoomEnd?: (payload: SetBboxPayload) => void;
     onRegisterAdaguc?: (WMJSMapInstance: WMJSMap) => void;
     onLayerSetDimensions?: (payload: SetLayerDimensionsPayload) => void;
-    onMapCursorChangeLocation?: (payload: {
-        lon: number;
-        lat: number;
-    }) => void;
+    onMapPinChangeLocation?: (payload: MapPinLocationPayload) => void;
 }

package/lib/components/TimeSlider/TimeSliderButtons/PlayButton/PlayButtonConnect.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import { Moment } from 'moment';
 import * as mapActions from '../../../../store/mapStore/actions';
+export declare const animationIntervalDefault = 5;
 export interface PlayButtonConnectProps {
     mapId: string;
     isAnimating?: boolean;
-    animationStartTime?: Moment;
-    animationEndTime?: Moment;
+    animationStartTime?: string;
+    animationEndTime?: string;
     isDisabled?: boolean;
     mapStartAnimation?: typeof mapActions.mapStartAnimation;
     mapStopAnimation?: typeof mapActions.mapStopAnimation;

package/lib/components/TimeSlider/TimeSliderButtons/SpeedButton/SpeedButton.d.ts

@@ -1,6 +1,4 @@
 import * as React from 'react';
-export declare const defaultDelay = 1000;
-export declare const speedFactors: number[];
 interface SpeedButtonProps {
     animationDelay: number;
     setMapAnimationDelay: (delay: number) => void;

package/lib/components/TimeSlider/TimeSliderButtons/TimeSliderButtonComponents.stories.d.ts

@@ -1,5 +1,4 @@
 export * from './TimeSliderButtons.stories';
-export * from './ToggleIconButton.stories';
 declare const _default: {
     title: string;
 };

package/lib/components/TimeSlider/TimeSliderRail/TimeSliderRail.d.ts

@@ -6,15 +6,15 @@ interface TimeSliderRailProps {
     secondsPerPx: number;
     selectedTime?: moment.Moment;
     timeStep?: number;
-    animationStartTime?: moment.Moment;
-    animationEndTime?: moment.Moment;
+    animationStartTime?: string;
+    animationEndTime?: string;
     currentTime?: number;
     dataStartTime?: number;
     dataEndTime?: number;
     isTimeSliderHoverOn?: boolean;
     scale?: Scale;
-    onSetAnimationStartTime?: (time: moment.Moment) => void;
-    onSetAnimationEndTime?: (time: moment.Moment) => void;
+    onSetAnimationStartTime?: (time: string) => void;
+    onSetAnimationEndTime?: (time: string) => void;
     onSetNewDate?: (newDate: string) => void;
     onSetCenterTime?: (newTime: number) => void;
 }

package/lib/components/TimeSlider/TimeSliderUtils.d.ts

@@ -4,11 +4,18 @@ import { DateInterval } from '@opengeoweb/webmap';
 import { Dimension, Layer, Scale } from '../../store/mapStore/types';
 import CanvasComponent from '../CanvasComponent/CanvasComponent';
 export declare const defaultAnimationDelayAtStart = 250;
+export declare const defaultDelay = 1000;
+export declare const speedFactors: SpeedFactorType[];
+export declare type SpeedFactorType = 0.1 | 0.2 | 0.5 | 1 | 2 | 4 | 8 | 16;
 export interface TimeBounds {
     selectedTime: number;
     startTime: number;
     endTime: number;
 }
+/**
+ * Returns speed delay for given speedFactor. For options, see defined above in "speedFactors"
+ */
+export declare const getSpeedDelay: (speedFactor: SpeedFactorType) => number;
 /**
  * Returns time bounds from the given dimension. If no time dimension given, current time is returned as default
  */
@@ -30,7 +37,9 @@ export declare const onsetNewDateDebounced: (dateToSet: string, onSetNewDate: (n
 export declare const roundWithTimeStep: (unixTime: number, timeStep: number, type?: string) => number;
 export declare const setNewRoundedTime: (x: number, centerTime: number, width: number, secondsPerPx: number, timeStep: number, dataStartTime: number, dataEndTime: number, onSetNewDate: (newDate: string) => void) => void;
 export declare const getDataLimitsFromLayers: (layers: Layer[]) => Array<number>;
-export declare const getValueFromEvent: (event: React.KeyboardEvent<HTMLInputElement>, newValue: string, sliderChangeFunction: (number: any) => number, sliderSetFunction: (number: any) => void) => void;
+export declare const getNextTimeStepvalue: (value: number, max: number) => number;
+export declare const getPreviousTimeStepvalue: (value: number, min: number) => number;
+export declare const getValueFromKeyboardEvent: (event: React.KeyboardEvent<HTMLInputElement>, value: number, min: number, max: number, supportFourDirectionNavigation?: boolean) => number;
 export declare const getTimeStepFromDataInterval: (timeInterval: DateInterval) => number;
 export declare const getActiveLayerTimeStep: (timeDimension: Dimension) => number | null;
 /**

package/lib/components/{TimeSlider/TimeSliderButtons → ToggleIconButton}/ToggleIconButton.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { ToggleButtonProps } from '@material-ui/lab';
+export declare const useButtonStyles: (props: ToggleIconButtonProps) => import("@material-ui/styles").ClassNameMap<"button">;
 export interface ToggleIconButtonProps extends ToggleButtonProps {
     active?: boolean;
     width?: number;

package/lib/components/ToggleIconButton/ToggleIconButton.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/{TimeSlider/TimeSliderButtons → ToggleIconButton}/ToggleIconButton.stories.d.ts

@@ -1,4 +1,8 @@
 import React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
 export declare const ToggleIconButtonLight: {
     (): React.ReactElement;
     storyName: string;

package/lib/components/ToggleIconButton/index.d.ts

@@ -0,0 +1 @@
+export { default as ToggleIconButton } from './ToggleIconButton';