@opengeoweb/core 4.19.0 → 4.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/index.esm.js +1984 -964
  2. package/index.umd.js +2092 -1047
  3. package/lib/components/ComponentsLookUp/componentsLookUp.d.ts +1 -1
  4. package/lib/components/LayerManager/DockedLayerManagerConnect.d.ts +2 -1
  5. package/lib/components/LayerManager/LayerContainerRow/LayerContainerRow.d.ts +2 -0
  6. package/lib/components/LayerManager/LayerContainerRow/LayerRow/DeleteLayer/DeleteLayerConnect.d.ts +2 -0
  7. package/lib/components/LayerManager/LayerContainerRow/LayerRow/DragHandle/DragHandle.d.ts +3 -1
  8. package/lib/components/LayerManager/LayerContainerRow/LayerRow/EnableLayer/EnableLayerConnect.d.ts +2 -0
  9. package/lib/components/LayerManager/LayerContainerRow/LayerRow/LayerRow.d.ts +1 -0
  10. package/lib/components/LayerManager/LayerContainerRow/LayerRow/LayerRowConnect.d.ts +2 -0
  11. package/lib/components/LayerManager/LayerContainerRow/LayerRow/Menubutton/MenuButton.d.ts +2 -0
  12. package/lib/components/LayerManager/LayerContainerRow/LayerRow/Menubutton/MenuButtonConnect.d.ts +2 -0
  13. package/lib/components/LayerManager/LayerContainerRow/LayerRow/OpacitySelect/OpacitySelect.d.ts +1 -0
  14. package/lib/components/LayerManager/LayerContainerRow/LayerRow/OpacitySelect/OpacitySelectConnect.d.ts +1 -0
  15. package/lib/components/LayerManager/LayerContainerRow/LayerRow/RenderLayers/RenderLayers.d.ts +1 -0
  16. package/lib/components/LayerManager/LayerContainerRow/LayerRow/RenderLayers/RenderLayersConnect.d.ts +1 -0
  17. package/lib/components/LayerManager/LayerContainerRow/LayerRow/RenderStyles/RenderStyles.d.ts +2 -0
  18. package/lib/components/LayerManager/LayerContainerRow/LayerRow/RenderStyles/RenderStylesConnect.d.ts +2 -0
  19. package/lib/components/LayerManager/LayerManager.d.ts +1 -1
  20. package/lib/components/LayerManager/LayerManagerConnect.d.ts +2 -1
  21. package/lib/components/LayerManager/LayerManagerHeaderOptions.d.ts +21 -0
  22. package/lib/components/LayerManager/LayerManagerHeaderOptionsConnect.d.ts +2 -1
  23. package/lib/components/LayerManager/LayerManagerUtils.d.ts +50 -1
  24. package/lib/components/LayerManager/index.d.ts +1 -0
  25. package/lib/components/MapControls/MapControlButton.d.ts +2 -3
  26. package/lib/components/ReactMapView/ReactMapViewParseLayer.d.ts +1 -2
  27. package/lib/components/TimeSliderLite/TimeSliderLite.d.ts +35 -0
  28. package/lib/components/TimeSliderLite/TimeSliderLite.spec.d.ts +1 -0
  29. package/lib/components/TimeSliderLite/TimeSliderLite.stories.d.ts +9 -0
  30. package/lib/components/TimeSliderLite/TimeSliderLiteBackground/TimeSliderDraggableNeedle.d.ts +20 -0
  31. package/lib/components/TimeSliderLite/TimeSliderLiteBackground/TimeSliderDraggableNeedle.spec.d.ts +1 -0
  32. package/lib/components/TimeSliderLite/TimeSliderLiteBackground/TimeSliderLiteBackground.d.ts +17 -0
  33. package/lib/components/TimeSliderLite/TimeSliderLiteBackground/TimeSliderLiteBackgroundSvg.d.ts +12 -0
  34. package/lib/components/TimeSliderLite/TimeSliderLiteBackground/TimeSliderLiteBackgroundSvg.spec.d.ts +1 -0
  35. package/lib/components/TimeSliderLite/TimeSliderLiteButtons/ControlButtonGroup/ControlButtonGroup.d.ts +8 -0
  36. package/lib/components/TimeSliderLite/TimeSliderLiteButtons/HideButton/HideButton.d.ts +9 -0
  37. package/lib/components/TimeSliderLite/TimeSliderLiteButtons/MenuButton/MenuButton.d.ts +9 -0
  38. package/lib/components/TimeSliderLite/TimeSliderLiteButtons/PlayButton/PlayButton.d.ts +10 -0
  39. package/lib/components/TimeSliderLite/TimeSliderLiteButtons/StepButton/StepButton.d.ts +10 -0
  40. package/lib/components/TimeSliderLite/TimeSliderLiteButtons/TimeSliderLiteButtonUtils.d.ts +3 -0
  41. package/lib/components/TimeSliderLite/TimeSliderLiteConnect.d.ts +12 -0
  42. package/lib/components/TimeSliderLite/TimeSliderLiteConnect.spec.d.ts +1 -0
  43. package/lib/components/TimeSliderLite/TimeSliderLiteConnect.stories.d.ts +9 -0
  44. package/lib/components/TimeSliderLite/index.d.ts +3 -0
  45. package/lib/components/TimeSliderLite/timeSliderLiteUtils.d.ts +47 -0
  46. package/lib/components/TimeSliderLite/timeSliderLiteUtils.spec.d.ts +1 -0
  47. package/lib/index.d.ts +5 -4
  48. package/lib/store/generic/index.d.ts +2 -0
  49. package/lib/store/generic/synchronizationGroups/index.d.ts +1 -0
  50. package/lib/store/generic/synchronizationGroups/selectors.d.ts +3 -1
  51. package/lib/store/generic/synchronizationGroups/types.d.ts +9 -5
  52. package/lib/store/mapStore/layers/reducer.d.ts +2 -2
  53. package/lib/store/mapStore/layers/types.d.ts +0 -2
  54. package/lib/store/mapStore/map/index.d.ts +1 -1
  55. package/lib/store/mapStore/utils/helpers.d.ts +1 -0
  56. package/lib/store/ui/index.d.ts +1 -1
  57. package/lib/utils/sanitizeHTML.d.ts +3 -0
  58. package/lib/utils/sanitizeHTML.spec.d.ts +1 -0
  59. package/package.json +10 -9
@@ -19,7 +19,7 @@ interface InitialSliderProps {
19
19
  }
20
20
  export declare type InitialProps = InitialMapProps | InitialMultiMapProps | InitialSliderProps | InitialHarmTempAndPrecipProps | ModelRunIntervalProps | MapPresetInitialProps;
21
21
  /**
22
- * The lookup table is for registering your own components with the screenmanager.
22
+ * The lookup table is for registering your own components with the workspace.
23
23
  * @param payload
24
24
  * @returns
25
25
  */
@@ -7,7 +7,8 @@ interface DockedLayerManagerConnectProps {
7
7
  preloadedAvailableBaseLayers?: Layer[];
8
8
  preloadedBaseServices?: Service[];
9
9
  bounds?: string;
10
- showTitle?: boolean;
10
+ title?: string;
11
+ showMapIdInTitle?: boolean;
11
12
  leftHeaderComponent?: React.ReactElement;
12
13
  source?: Source;
13
14
  }
@@ -1,6 +1,8 @@
1
1
  import * as React from 'react';
2
+ import { LayerManagerCustomSettings } from '../LayerManagerUtils';
2
3
  interface LayerContainerRowProps {
3
4
  mapId: string;
5
+ settings?: LayerManagerCustomSettings['content'];
4
6
  }
5
7
  declare const LayerContainerRow: React.FC<LayerContainerRowProps>;
6
8
  /**
@@ -3,6 +3,8 @@ interface DeleteLayerProps {
3
3
  layerId: string;
4
4
  mapId: string;
5
5
  layerIndex: number;
6
+ tooltipTitle?: string;
7
+ icon?: React.ReactNode;
6
8
  }
7
9
  declare const DeleteLayerConnect: React.FC<DeleteLayerProps>;
8
10
  /**
@@ -1,9 +1,11 @@
1
- import React from 'react';
1
+ import React, { ReactNode } from 'react';
2
2
  interface DragHandleProps {
3
3
  isDisabled?: boolean;
4
4
  index?: number;
5
5
  hideTooltip?: boolean;
6
6
  isSorting?: boolean;
7
+ icon?: ReactNode;
8
+ tooltipTitle?: string;
7
9
  }
8
10
  export declare const TOOLTIP_TITLE = "Drag";
9
11
  declare const DragHandle: React.FC<DragHandleProps>;
@@ -4,6 +4,8 @@ interface EnableLayerProps {
4
4
  mapId: string;
5
5
  isEnabled?: boolean;
6
6
  layerName?: string;
7
+ icon?: React.ReactNode;
8
+ tooltipTitle?: string;
7
9
  }
8
10
  declare const EnableLayerConnect: React.FC<EnableLayerProps>;
9
11
  /**
@@ -43,6 +43,7 @@ interface LayerRowProps {
43
43
  layerDeleteLayout?: React.ReactChild;
44
44
  layerMenuLayout?: React.ReactChild;
45
45
  layerActiveLayout?: React.ReactChild;
46
+ disableActivateLayer?: boolean;
46
47
  services?: Services;
47
48
  isEnabled?: boolean;
48
49
  dragHandle?: React.ReactElement;
@@ -1,9 +1,11 @@
1
1
  import * as React from 'react';
2
+ import { LayerManagerCustomSettings } from '../../LayerManagerUtils';
2
3
  interface LayerRowConnectProps {
3
4
  layerId: string;
4
5
  mapId: string;
5
6
  dragHandle: React.ReactElement;
6
7
  layerIndex: number;
8
+ settings?: LayerManagerCustomSettings['content'];
7
9
  }
8
10
  declare const LayerRowConnect: React.FC<LayerRowConnectProps>;
9
11
  export default LayerRowConnect;
@@ -6,6 +6,8 @@ interface LayerManagerButtonProps {
6
6
  mapId: string;
7
7
  layerId: string;
8
8
  }) => void;
9
+ tooltipTitle?: string;
10
+ icon?: React.ReactNode;
9
11
  }
10
12
  declare const LayerManagerMenuButton: React.FC<LayerManagerButtonProps>;
11
13
  export default LayerManagerMenuButton;
@@ -2,6 +2,8 @@ import * as React from 'react';
2
2
  interface LayerManagerButtonProps {
3
3
  mapId: string;
4
4
  layerId?: string;
5
+ tooltipTitle?: string;
6
+ icon?: React.ReactNode;
5
7
  }
6
8
  declare const LayerManagerMenuButtonConnect: React.FC<LayerManagerButtonProps>;
7
9
  export default LayerManagerMenuButtonConnect;
@@ -3,6 +3,7 @@ interface OpacitySelectProps {
3
3
  currentOpacity: number;
4
4
  onLayerChangeOpacity: (opacity: number) => void;
5
5
  isEnabled?: boolean;
6
+ tooltipPrefix?: string;
6
7
  }
7
8
  declare const OpacitySelect: React.FC<OpacitySelectProps>;
8
9
  export default OpacitySelect;
@@ -2,6 +2,7 @@ import * as React from 'react';
2
2
  interface OpacitySelectConnectProps {
3
3
  layerId: string;
4
4
  mapId: string;
5
+ tooltipPrefix?: string;
5
6
  }
6
7
  declare const OpacitySelectConnect: React.FC<OpacitySelectConnectProps>;
7
8
  /**
@@ -5,6 +5,7 @@ export interface RenderLayersProps {
5
5
  layerName: string;
6
6
  layers: ServiceLayer[];
7
7
  isEnabled?: boolean;
8
+ tooltipPrefix?: string;
8
9
  }
9
10
  declare const RenderLayers: React.FC<RenderLayersProps>;
10
11
  export default RenderLayers;
@@ -2,6 +2,7 @@ import * as React from 'react';
2
2
  interface RenderLayersProps {
3
3
  layerId: string;
4
4
  mapId: string;
5
+ tooltipPrefix?: string;
5
6
  }
6
7
  declare const RenderLayersConnect: React.FC<RenderLayersProps>;
7
8
  export default RenderLayersConnect;
@@ -5,6 +5,8 @@ export interface RenderStylesProps {
5
5
  currentLayerStyle: string;
6
6
  onChangeLayerStyle: (style: string) => void;
7
7
  isEnabled?: boolean;
8
+ icon?: React.ElementType;
9
+ tooltipPrefix?: string;
8
10
  }
9
11
  declare const RenderStyles: React.FC<RenderStylesProps>;
10
12
  export default RenderStyles;
@@ -2,6 +2,8 @@ import * as React from 'react';
2
2
  interface RenderStylesProps {
3
3
  layerId: string;
4
4
  mapId: string;
5
+ icon?: React.ElementType;
6
+ tooltipPrefix?: string;
5
7
  }
6
8
  declare const RenderStylesConnect: React.FC<RenderStylesProps>;
7
9
  export default RenderStylesConnect;
@@ -14,7 +14,7 @@ interface LayerManagerProps {
14
14
  preloadedAvailableBaseLayers?: Layer[];
15
15
  preloadedBaseServices?: Service[];
16
16
  bounds?: string;
17
- showTitle?: boolean;
17
+ title?: string;
18
18
  onClose: () => void;
19
19
  onMouseDown?: () => void;
20
20
  isOpen: boolean;
@@ -6,7 +6,8 @@ interface LayerManagerConnectProps {
6
6
  preloadedMapServices?: Service[];
7
7
  preloadedBaseServices?: Service[];
8
8
  bounds?: string;
9
- showTitle?: boolean;
9
+ title?: string;
10
+ showMapIdInTitle?: boolean;
10
11
  leftHeaderComponent?: React.ReactElement;
11
12
  }
12
13
  /**
@@ -3,11 +3,32 @@ export declare type Size = {
3
3
  width: number;
4
4
  height: number;
5
5
  };
6
+ export interface ToolbarButtonSettings {
7
+ small?: {
8
+ icon?: React.ReactNode;
9
+ isDisabled?: boolean;
10
+ };
11
+ medium?: {
12
+ icon?: React.ReactNode;
13
+ isDisabled?: boolean;
14
+ };
15
+ large?: {
16
+ icon?: React.ReactNode;
17
+ isDisabled?: boolean;
18
+ };
19
+ dock?: {
20
+ isDisabled?: boolean;
21
+ };
22
+ divider?: {
23
+ element: React.ReactNode;
24
+ };
25
+ }
6
26
  interface HeaderOptionsProps {
7
27
  isDockedLayerManager: boolean;
8
28
  shortcutsEnabled: boolean;
9
29
  onClickDockButton: () => void;
10
30
  onChangeSize: (size: Size) => void;
31
+ buttonSettings?: ToolbarButtonSettings;
11
32
  }
12
33
  export declare const sizeSmall: {
13
34
  width: number;
@@ -1,10 +1,11 @@
1
1
  import * as React from 'react';
2
- import { Size } from './LayerManagerHeaderOptions';
2
+ import { Size, ToolbarButtonSettings } from './LayerManagerHeaderOptions';
3
3
  interface HeaderOptionsProps {
4
4
  isDockedLayerManager: boolean;
5
5
  mapId: string;
6
6
  onClickDockButton: () => void;
7
7
  onChangeSize: (size: Size) => void;
8
+ buttonSettings?: ToolbarButtonSettings;
8
9
  }
9
10
  export declare const areShortcutsEnabled: (activeMapId: string, mapId: string, floatingLmFocused: boolean, isDockedLayerManager: boolean) => boolean;
10
11
  declare const HeaderOptionsConnect: React.FC<HeaderOptionsProps>;
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { DockedLayerManagerSize } from '../../store/mapStore/types';
3
- import { Size } from './LayerManagerHeaderOptions';
3
+ import { Size, ToolbarButtonSettings } from './LayerManagerHeaderOptions';
4
4
  export declare const columnClasses: {
5
5
  column1: string;
6
6
  column2: string;
@@ -154,6 +154,15 @@ export declare const layerManagerStyle: {
154
154
  };
155
155
  export declare const returnCorrectSize: (sizeResult: DockedLayerManagerSize | undefined) => Size;
156
156
  export interface LayerManagerCustomSettings {
157
+ toolbar?: {
158
+ dragHandle?: {
159
+ icon?: React.ReactNode;
160
+ };
161
+ controlButtonSettings?: ToolbarButtonSettings;
162
+ closeButton?: {
163
+ icon?: React.ReactNode;
164
+ };
165
+ };
157
166
  header?: {
158
167
  addLayer?: {
159
168
  tooltipTitle?: string;
@@ -172,9 +181,49 @@ export interface LayerManagerCustomSettings {
172
181
  title: string;
173
182
  };
174
183
  };
184
+ content?: {
185
+ dragHandle?: {
186
+ tooltipTitle?: string;
187
+ icon?: React.ReactNode;
188
+ };
189
+ activateLayer?: {
190
+ isDisabled?: boolean;
191
+ };
192
+ enableLayer?: {
193
+ enabledIcon?: React.ReactNode;
194
+ disabledIcon?: React.ReactNode;
195
+ enabledTooltipTitle?: string;
196
+ disabledTooltipTitle?: string;
197
+ };
198
+ renderLayer?: {
199
+ Element?: React.FC<{
200
+ layerId: string;
201
+ mapId: string;
202
+ }>;
203
+ tooltipPrefix?: string;
204
+ };
205
+ layerStyle?: {
206
+ tooltipPrefix?: string;
207
+ icon?: React.ElementType;
208
+ };
209
+ opacity?: {
210
+ tooltipPrefix?: string;
211
+ };
212
+ deleteLayer?: {
213
+ tooltipTitle?: string;
214
+ icon?: React.ReactNode;
215
+ };
216
+ menu?: {
217
+ tooltipTitle?: string;
218
+ icon?: React.ReactNode;
219
+ };
220
+ };
175
221
  footer?: {
176
222
  baseLayerRow?: {
177
223
  title?: string;
224
+ addLayersButton?: {
225
+ isDisabled?: boolean;
226
+ };
178
227
  };
179
228
  baseLayerDropdown?: {
180
229
  tooltipPrefix?: string;
@@ -7,3 +7,4 @@ export { default as LayerManagerConnect } from './LayerManagerConnect';
7
7
  export { default as DockedLayerManagerConnect } from './DockedLayerManagerConnect';
8
8
  export { default as LayerSelectConnect } from './LayerSelect/LayerSelectConnect';
9
9
  export { default as LayerManagerMapButtonConnect } from './LayerManagerMapButtonConnect';
10
+ export { useFetchServices } from './useFetchServices';
@@ -1,8 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { TooltipProps } from '@mui/material';
3
- import { ToolButtonProps } from '@opengeoweb/shared';
4
- interface MapControlButtonProps extends ToolButtonProps {
5
- onClick: () => void;
3
+ import { CustomIconProps } from '@opengeoweb/shared';
4
+ interface MapControlButtonProps extends CustomIconProps {
6
5
  isActive?: boolean;
7
6
  placement?: TooltipProps['placement'];
8
7
  children: React.ReactNode;
@@ -1,5 +1,4 @@
1
1
  import { WMLayer, WMJSDimension } from '@opengeoweb/webmap';
2
2
  import { UpdateLayerInfoPayload } from '../../store/mapStore/types';
3
- import { MapViewProps } from '../MapView/types';
4
3
  export declare const getCurrentDimensionValue: (dimensions: WMJSDimension[] | undefined, name: string) => string;
5
- export declare const setServiceMetadata: (wmLayer: WMLayer, mapId: string, mapProperties: MapViewProps, onUpdateLayerInformation?: ((payload: UpdateLayerInfoPayload) => void) | undefined) => void;
4
+ export declare const setLayerInfo: (wmLayer: WMLayer, mapId: string, onUpdateLayerInformation?: ((payload: UpdateLayerInfoPayload) => void) | undefined) => void;
@@ -0,0 +1,35 @@
1
+ import React, { ReactNode } from 'react';
2
+ import { SxProps } from '@mui/material';
3
+ import { TimeSliderLiteCustomSettings } from './timeSliderLiteUtils';
4
+ export interface TimeSliderLiteProps {
5
+ controlButtons?: ReactNode;
6
+ endTime: number;
7
+ height?: number;
8
+ hideButton?: ReactNode;
9
+ isAnimating?: boolean;
10
+ isVisible?: boolean;
11
+ locale?: string;
12
+ mapId: string;
13
+ menuOpen?: boolean;
14
+ overrideAnimation?: boolean;
15
+ onToggleAnimation?: () => void;
16
+ onToggleMenu: () => void;
17
+ onToggleTimeSlider: () => void;
18
+ selectedTime: number;
19
+ setSelectedTime: (time: number) => void;
20
+ settings?: TimeSliderLiteCustomSettings;
21
+ backgroundHoursOffset?: number;
22
+ needleWidth?: number;
23
+ needleDragAreaWidth?: number;
24
+ needleLabelZIndex?: number;
25
+ needleLabelOffset?: [number, number];
26
+ draggableTimeStamp?: boolean;
27
+ startTime: number;
28
+ sx?: SxProps;
29
+ timeStep: number;
30
+ }
31
+ export declare const TIME_SLIDER_LITE_DEFAULT_HEIGHT = 40;
32
+ export declare const TIME_SLIDER_LITE_DEFAULT_LOCALE = "en";
33
+ export declare const TIME_SLIDER_LITE_DEFAULT_TIME_STEP = 5;
34
+ declare const TimeSliderLite: React.FC<TimeSliderLiteProps>;
35
+ export default TimeSliderLite;
@@ -0,0 +1,9 @@
1
+ import * as React from 'react';
2
+ declare const _default: {
3
+ title: string;
4
+ };
5
+ export default _default;
6
+ export declare const DemoTimeSliderLite: {
7
+ (): React.ReactElement;
8
+ storyName: string;
9
+ };
@@ -0,0 +1,20 @@
1
+ import React from 'react';
2
+ interface Props {
3
+ draggableLabel?: boolean;
4
+ width: number;
5
+ height: number;
6
+ locale: string;
7
+ startTime: number;
8
+ endTime: number;
9
+ needleDragAreaWidth?: number;
10
+ needleLabelZIndex?: number;
11
+ needleLabelOffset?: [number, number];
12
+ needleWidth?: number;
13
+ timeStep: number;
14
+ selectedTime: number;
15
+ style: React.CSSProperties;
16
+ setSelectedTime: (time: number) => void;
17
+ }
18
+ export declare const DRAG_AREA_WIDTH = 10;
19
+ declare const TimeSliderDraggableNeedle: React.FC<Props>;
20
+ export default TimeSliderDraggableNeedle;
@@ -0,0 +1,17 @@
1
+ import React from 'react';
2
+ interface TimeSliderLiteBackgroundProps {
3
+ height: number;
4
+ draggableTimeStamp?: boolean;
5
+ startTime: number;
6
+ locale: string;
7
+ needleWidth?: number;
8
+ needleDragAreaWidth?: number;
9
+ needleLabelZIndex?: number;
10
+ needleLabelOffset?: [number, number];
11
+ endTime: number;
12
+ timeStep: number;
13
+ selectedTime: number;
14
+ setSelectedTime: (time: number) => void;
15
+ }
16
+ declare const TimeSliderLiteBackground: React.FC<TimeSliderLiteBackgroundProps>;
17
+ export default TimeSliderLiteBackground;
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+ interface Props {
3
+ width: number;
4
+ height: number;
5
+ startTime: number;
6
+ endTime: number;
7
+ style?: React.CSSProperties;
8
+ locale: string;
9
+ }
10
+ export declare const TIME_SLIDER_LITE_PADDING_RIGHT = 1;
11
+ declare const TimeSliderLiteBackgroundSvg: React.FC<Props>;
12
+ export default TimeSliderLiteBackgroundSvg;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ interface ControlButtonGroupProps {
3
+ children?: React.ReactNode;
4
+ right?: boolean;
5
+ left?: boolean;
6
+ }
7
+ declare const ControlButtonGroup: React.FC<ControlButtonGroupProps>;
8
+ export default ControlButtonGroup;
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ import { TimeSliderLiteCustomSettings } from '../../timeSliderLiteUtils';
3
+ export interface HideButtonProps {
4
+ isVisible?: boolean;
5
+ settings?: TimeSliderLiteCustomSettings['hideButton'];
6
+ onClick: () => void;
7
+ }
8
+ declare const HideButton: React.FC<HideButtonProps>;
9
+ export default HideButton;
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ import { TimeSliderLiteCustomSettings } from '../../timeSliderLiteUtils';
3
+ interface Props {
4
+ menuOpen?: boolean;
5
+ onClick?: () => void;
6
+ settings?: TimeSliderLiteCustomSettings['menuButton'];
7
+ }
8
+ declare const MenuButton: React.FC<Props>;
9
+ export default MenuButton;
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import { TimeSliderLiteCustomSettings } from '../../timeSliderLiteUtils';
3
+ export interface PlayButtonProps {
4
+ isAnimating?: boolean;
5
+ isDisabled?: boolean;
6
+ onTogglePlayButton: () => void;
7
+ settings?: TimeSliderLiteCustomSettings['playButton'];
8
+ }
9
+ declare const PlayButton: React.FC<PlayButtonProps>;
10
+ export default PlayButton;
@@ -0,0 +1,10 @@
1
+ import * as React from 'react';
2
+ import { TimeSliderLiteCustomSettings } from '../../timeSliderLiteUtils';
3
+ export interface StepButtonProps {
4
+ forward?: boolean;
5
+ isDisabled?: boolean;
6
+ onClick?: () => void;
7
+ settings?: TimeSliderLiteCustomSettings['stepButton'];
8
+ }
9
+ declare const StepButton: React.FC<StepButtonProps>;
10
+ export default StepButton;
@@ -0,0 +1,3 @@
1
+ import { IconButtonProps, TooltipProps } from '@mui/material';
2
+ export declare const timeSliderLiteButtonDefaultProps: IconButtonProps;
3
+ export declare const timeSliderLiteTooltipDefaultProps: Partial<TooltipProps>;
@@ -0,0 +1,12 @@
1
+ import * as React from 'react';
2
+ import { TimeSliderLiteProps } from './TimeSliderLite';
3
+ export declare const TIME_SLIDER_LITE_DEFAULT_TIME_RANGE: number;
4
+ export interface TimeSliderConnectLiteProps extends Partial<TimeSliderLiteProps> {
5
+ observedRange?: number;
6
+ forecastRange?: number;
7
+ sourceId: string;
8
+ mapId: string;
9
+ isAlwaysVisible?: boolean;
10
+ }
11
+ declare const TimeSliderLiteConnect: React.FC<TimeSliderConnectLiteProps>;
12
+ export default TimeSliderLiteConnect;
@@ -0,0 +1,9 @@
1
+ import * as React from 'react';
2
+ declare const _default: {
3
+ title: string;
4
+ };
5
+ export default _default;
6
+ export declare const DemoTimeSliderLiteConnect: {
7
+ (): React.ReactElement;
8
+ storyName: string;
9
+ };
@@ -0,0 +1,3 @@
1
+ export { default as TimeSliderLiteConnect } from './TimeSliderLite';
2
+ export { default as TimeSliderLite } from './TimeSliderLite';
3
+ export * from './timeSliderLiteUtils';
@@ -0,0 +1,47 @@
1
+ import { ReactNode } from 'react';
2
+ export declare const MILLISECOND_TO_SECOND: number;
3
+ /**
4
+ * Reformats a date that has capitalized first letter and colon separator for time
5
+ * @param dateString Date string from Date.toLocaleDateString
6
+ * @returns Reformatted date string
7
+ */
8
+ export declare const reformatFinnishDateString: (dateString: string) => string;
9
+ export declare const getSelectedTimePx: (startTime: number, endTime: number, selectedTime: number, width: number) => number;
10
+ export declare const boundedValue: (value: number, bounds: [number, number]) => number;
11
+ export declare const getSelectedTimeFromPx: (startTime: number, endTime: number, selectedTimePx: number, width: number) => number;
12
+ export interface TimeSliderLiteCustomSettings {
13
+ menuButton?: {
14
+ label?: string;
15
+ icon?: ReactNode;
16
+ };
17
+ playButton?: {
18
+ label?: {
19
+ play?: string;
20
+ pause?: string;
21
+ };
22
+ icon?: {
23
+ play?: ReactNode;
24
+ pause?: ReactNode;
25
+ };
26
+ };
27
+ stepButton?: {
28
+ label?: {
29
+ forward?: string;
30
+ backward?: string;
31
+ };
32
+ icon?: {
33
+ forward?: ReactNode;
34
+ backward?: ReactNode;
35
+ };
36
+ };
37
+ hideButton?: {
38
+ label?: {
39
+ hide?: string;
40
+ show?: string;
41
+ };
42
+ icon?: {
43
+ hide?: ReactNode;
44
+ show?: ReactNode;
45
+ };
46
+ };
47
+ }
package/lib/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { mapSelectors, uiActions, uiSelectors, layerActions, genericActions, snackbarActions, routerActions, appActions, layerSelectors, genericSelectors } from './store';
1
+ import { mapSelectors, webmapReducer, uiActions, uiSelectors, uiReducer, layerActions, genericActions, snackbarActions, routerActions, appActions, layerSelectors, serviceSelectors, genericSelectors, syncGroupsSelectors } from './store';
2
2
  import * as mapTypes from './store/mapStore/types';
3
3
  import * as layerTypes from './store/mapStore/layers/types';
4
4
  import * as mapUtils from './store/mapStore/map/utils';
@@ -7,7 +7,7 @@ import { reducer as layerReducer } from './store/mapStore/layers/reducer';
7
7
  import synchronizationGroupConfig from './store/generic/config';
8
8
  import * as SyncGroups from './store/generic/synchronizationGroups';
9
9
  import coreModuleConfig from './store/coreModuleConfig';
10
- import { LayerManagerConnect, LayerManagerHeaderOptions, LayerManagerDescriptionRow, LayerManagerLayerContainerRow, LayerManagerBaseLayerRow, LayerSelectConnect, LayerManagerMapButtonConnect, DockedLayerManagerConnect, LayerManager } from './components/LayerManager';
10
+ import { LayerManagerConnect, LayerManagerHeaderOptions, LayerManagerDescriptionRow, LayerManagerLayerContainerRow, LayerManagerBaseLayerRow, LayerSelectConnect, LayerManagerMapButtonConnect, DockedLayerManagerConnect, LayerManager, useFetchServices } from './components/LayerManager';
11
11
  import { MultiDimensionSelectMapButtonsConnect, MultiMapDimensionSelectConnect } from './components/MultiMapDimensionSelect';
12
12
  export * from './hooks';
13
13
  export * from './components/MultiMapView/MultiMapViewConnect';
@@ -17,6 +17,7 @@ export { ReactMapView, ReactMapViewLayer } from './components/ReactMapView';
17
17
  export { LegendConnect, Legend, LegendMapButtonConnect, } from './components/Legend';
18
18
  export { ZoomControls, ZoomControlConnect } from './components/MapControls';
19
19
  export { TimeSlider, TimeSliderConnect, TimeSliderButtonsConnect, TimeSliderOptionsMenuButtonConnect, TimeSliderPlayButtonConnect, TimeSliderBackwardForwardStepButtonConnect, timeSliderUtils, } from './components/TimeSlider';
20
+ export { TimeSliderLite } from './components/TimeSliderLite';
20
21
  export { MapControls } from './components/MapControls';
21
22
  export declare const mapActions: {
22
23
  serviceSetLayers: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetLayersForServicePayload, string>;
@@ -83,7 +84,7 @@ export declare const mapActions: {
83
84
  onUpdateLayerInformation: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.UpdateLayerInfoPayload, string>;
84
85
  setSelectedFeature: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetSelectedFeaturePayload, string>;
85
86
  };
86
- export { mapSelectors, mapTypes, mapUtils, layerTypes, layerReducer, layerActions, uiActions, uiSelectors, uiTypes, genericActions as syncGroupActions, snackbarActions, appActions, layerSelectors, routerActions, genericSelectors, };
87
+ export { mapSelectors, webmapReducer, mapTypes, mapUtils, layerTypes, layerReducer, layerActions, uiActions, uiSelectors, uiReducer, uiTypes, genericActions as syncGroupActions, snackbarActions, appActions, layerSelectors, serviceSelectors, routerActions, genericSelectors, syncGroupsSelectors, };
87
88
  export { synchronizationGroupConfig as synchronizationGroupModuleConfig };
88
89
  export * from './components/ComponentsLookUp';
89
90
  export * from './components/ConfigurableMap';
@@ -93,7 +94,7 @@ export { SyncGroups };
93
94
  export { store } from './storybookUtils/store';
94
95
  export * from './types/types';
95
96
  export { coreModuleConfig };
96
- export { LayerManagerConnect, LayerManagerHeaderOptions, LayerManagerDescriptionRow, LayerManagerBaseLayerRow, LayerManagerLayerContainerRow, LayerSelectConnect, LayerManagerMapButtonConnect, DockedLayerManagerConnect, LayerManager, };
97
+ export { LayerManagerConnect, LayerManagerHeaderOptions, LayerManagerDescriptionRow, LayerManagerBaseLayerRow, LayerManagerLayerContainerRow, LayerSelectConnect, LayerManagerMapButtonConnect, DockedLayerManagerConnect, LayerManager, useFetchServices, };
97
98
  export { MultiDimensionSelectMapButtonsConnect, MultiMapDimensionSelectConnect, };
98
99
  export * as publicLayers from './utils/publicLayers';
99
100
  export * as publicServices from './utils/publicServices';
@@ -1,3 +1,4 @@
1
+ import { syncGroupsSelectors } from './synchronizationGroups';
1
2
  export declare const genericActions: {
2
3
  setTime: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./types").SetTimePayload, string>;
3
4
  setBbox: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./types").SetBboxPayload, string>;
@@ -12,3 +13,4 @@ export declare const genericActions: {
12
13
  syncGroupSetViewState: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./synchronizationGroups/types").SyncGroupSetViewStatePayload, string>;
13
14
  };
14
15
  export * as genericSelectors from './selectors';
16
+ export { syncGroupsSelectors };