@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.
- package/index.esm.js +1984 -964
- package/index.umd.js +2092 -1047
- package/lib/components/ComponentsLookUp/componentsLookUp.d.ts +1 -1
- package/lib/components/LayerManager/DockedLayerManagerConnect.d.ts +2 -1
- package/lib/components/LayerManager/LayerContainerRow/LayerContainerRow.d.ts +2 -0
- package/lib/components/LayerManager/LayerContainerRow/LayerRow/DeleteLayer/DeleteLayerConnect.d.ts +2 -0
- package/lib/components/LayerManager/LayerContainerRow/LayerRow/DragHandle/DragHandle.d.ts +3 -1
- package/lib/components/LayerManager/LayerContainerRow/LayerRow/EnableLayer/EnableLayerConnect.d.ts +2 -0
- package/lib/components/LayerManager/LayerContainerRow/LayerRow/LayerRow.d.ts +1 -0
- package/lib/components/LayerManager/LayerContainerRow/LayerRow/LayerRowConnect.d.ts +2 -0
- package/lib/components/LayerManager/LayerContainerRow/LayerRow/Menubutton/MenuButton.d.ts +2 -0
- package/lib/components/LayerManager/LayerContainerRow/LayerRow/Menubutton/MenuButtonConnect.d.ts +2 -0
- package/lib/components/LayerManager/LayerContainerRow/LayerRow/OpacitySelect/OpacitySelect.d.ts +1 -0
- package/lib/components/LayerManager/LayerContainerRow/LayerRow/OpacitySelect/OpacitySelectConnect.d.ts +1 -0
- package/lib/components/LayerManager/LayerContainerRow/LayerRow/RenderLayers/RenderLayers.d.ts +1 -0
- package/lib/components/LayerManager/LayerContainerRow/LayerRow/RenderLayers/RenderLayersConnect.d.ts +1 -0
- package/lib/components/LayerManager/LayerContainerRow/LayerRow/RenderStyles/RenderStyles.d.ts +2 -0
- package/lib/components/LayerManager/LayerContainerRow/LayerRow/RenderStyles/RenderStylesConnect.d.ts +2 -0
- package/lib/components/LayerManager/LayerManager.d.ts +1 -1
- package/lib/components/LayerManager/LayerManagerConnect.d.ts +2 -1
- package/lib/components/LayerManager/LayerManagerHeaderOptions.d.ts +21 -0
- package/lib/components/LayerManager/LayerManagerHeaderOptionsConnect.d.ts +2 -1
- package/lib/components/LayerManager/LayerManagerUtils.d.ts +50 -1
- package/lib/components/LayerManager/index.d.ts +1 -0
- package/lib/components/MapControls/MapControlButton.d.ts +2 -3
- package/lib/components/ReactMapView/ReactMapViewParseLayer.d.ts +1 -2
- package/lib/components/TimeSliderLite/TimeSliderLite.d.ts +35 -0
- package/lib/components/TimeSliderLite/TimeSliderLite.spec.d.ts +1 -0
- package/lib/components/TimeSliderLite/TimeSliderLite.stories.d.ts +9 -0
- package/lib/components/TimeSliderLite/TimeSliderLiteBackground/TimeSliderDraggableNeedle.d.ts +20 -0
- package/lib/components/TimeSliderLite/TimeSliderLiteBackground/TimeSliderDraggableNeedle.spec.d.ts +1 -0
- package/lib/components/TimeSliderLite/TimeSliderLiteBackground/TimeSliderLiteBackground.d.ts +17 -0
- package/lib/components/TimeSliderLite/TimeSliderLiteBackground/TimeSliderLiteBackgroundSvg.d.ts +12 -0
- package/lib/components/TimeSliderLite/TimeSliderLiteBackground/TimeSliderLiteBackgroundSvg.spec.d.ts +1 -0
- package/lib/components/TimeSliderLite/TimeSliderLiteButtons/ControlButtonGroup/ControlButtonGroup.d.ts +8 -0
- package/lib/components/TimeSliderLite/TimeSliderLiteButtons/HideButton/HideButton.d.ts +9 -0
- package/lib/components/TimeSliderLite/TimeSliderLiteButtons/MenuButton/MenuButton.d.ts +9 -0
- package/lib/components/TimeSliderLite/TimeSliderLiteButtons/PlayButton/PlayButton.d.ts +10 -0
- package/lib/components/TimeSliderLite/TimeSliderLiteButtons/StepButton/StepButton.d.ts +10 -0
- package/lib/components/TimeSliderLite/TimeSliderLiteButtons/TimeSliderLiteButtonUtils.d.ts +3 -0
- package/lib/components/TimeSliderLite/TimeSliderLiteConnect.d.ts +12 -0
- package/lib/components/TimeSliderLite/TimeSliderLiteConnect.spec.d.ts +1 -0
- package/lib/components/TimeSliderLite/TimeSliderLiteConnect.stories.d.ts +9 -0
- package/lib/components/TimeSliderLite/index.d.ts +3 -0
- package/lib/components/TimeSliderLite/timeSliderLiteUtils.d.ts +47 -0
- package/lib/components/TimeSliderLite/timeSliderLiteUtils.spec.d.ts +1 -0
- package/lib/index.d.ts +5 -4
- package/lib/store/generic/index.d.ts +2 -0
- package/lib/store/generic/synchronizationGroups/index.d.ts +1 -0
- package/lib/store/generic/synchronizationGroups/selectors.d.ts +3 -1
- package/lib/store/generic/synchronizationGroups/types.d.ts +9 -5
- package/lib/store/mapStore/layers/reducer.d.ts +2 -2
- package/lib/store/mapStore/layers/types.d.ts +0 -2
- package/lib/store/mapStore/map/index.d.ts +1 -1
- package/lib/store/mapStore/utils/helpers.d.ts +1 -0
- package/lib/store/ui/index.d.ts +1 -1
- package/lib/utils/sanitizeHTML.d.ts +3 -0
- package/lib/utils/sanitizeHTML.spec.d.ts +1 -0
- 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
|
|
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
|
-
|
|
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
|
/**
|
|
@@ -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>;
|
|
@@ -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;
|
package/lib/components/LayerManager/LayerContainerRow/LayerRow/Menubutton/MenuButtonConnect.d.ts
CHANGED
|
@@ -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;
|
package/lib/components/LayerManager/LayerContainerRow/LayerRow/RenderStyles/RenderStyles.d.ts
CHANGED
|
@@ -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;
|
|
@@ -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 {
|
|
4
|
-
interface MapControlButtonProps extends
|
|
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
|
|
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 @@
|
|
|
1
|
+
export {};
|
|
@@ -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;
|
package/lib/components/TimeSliderLite/TimeSliderLiteBackground/TimeSliderDraggableNeedle.spec.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -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;
|
package/lib/components/TimeSliderLite/TimeSliderLiteBackground/TimeSliderLiteBackgroundSvg.d.ts
ADDED
|
@@ -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;
|
package/lib/components/TimeSliderLite/TimeSliderLiteBackground/TimeSliderLiteBackgroundSvg.spec.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -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,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 @@
|
|
|
1
|
+
export {};
|
|
@@ -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
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
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 };
|