@opengeoweb/core 4.19.1 → 4.21.0

package/lib/components/ComponentsLookUp/componentsLookUp.d.ts

@@ -19,7 +19,7 @@ interface InitialSliderProps {
 }
 export declare type InitialProps = InitialMapProps | InitialMultiMapProps | InitialSliderProps | InitialHarmTempAndPrecipProps | ModelRunIntervalProps | MapPresetInitialProps;
 /**
- * The lookup table is for registering your own components with the screenmanager.
+ * The lookup table is for registering your own components with the workspace.
  * @param payload
  * @returns
  */

package/lib/components/LayerManager/DockedLayerManagerConnect.d.ts

@@ -7,7 +7,8 @@ interface DockedLayerManagerConnectProps {
     preloadedAvailableBaseLayers?: Layer[];
     preloadedBaseServices?: Service[];
     bounds?: string;
-    showTitle?: boolean;
+    title?: string;
+    showMapIdInTitle?: boolean;
     leftHeaderComponent?: React.ReactElement;
     source?: Source;
 }

package/lib/components/LayerManager/LayerContainerRow/LayerRow/LayerRow.d.ts

@@ -43,6 +43,7 @@ interface LayerRowProps {
     layerDeleteLayout?: React.ReactChild;
     layerMenuLayout?: React.ReactChild;
     layerActiveLayout?: React.ReactChild;
+    disableActivateLayer?: boolean;
     services?: Services;
     isEnabled?: boolean;
     dragHandle?: React.ReactElement;

package/lib/components/LayerManager/LayerManager.d.ts

@@ -14,7 +14,7 @@ interface LayerManagerProps {
     preloadedAvailableBaseLayers?: Layer[];
     preloadedBaseServices?: Service[];
     bounds?: string;
-    showTitle?: boolean;
+    title?: string;
     onClose: () => void;
     onMouseDown?: () => void;
     isOpen: boolean;

package/lib/components/LayerManager/LayerManagerConnect.d.ts

@@ -6,7 +6,8 @@ interface LayerManagerConnectProps {
     preloadedMapServices?: Service[];
     preloadedBaseServices?: Service[];
     bounds?: string;
-    showTitle?: boolean;
+    title?: string;
+    showMapIdInTitle?: boolean;
     leftHeaderComponent?: React.ReactElement;
 }
 /**

package/lib/components/LayerManager/LayerManagerHeaderOptions.d.ts

@@ -3,11 +3,32 @@ export declare type Size = {
     width: number;
     height: number;
 };
+export interface ToolbarButtonSettings {
+    small?: {
+        icon?: React.ReactNode;
+        isDisabled?: boolean;
+    };
+    medium?: {
+        icon?: React.ReactNode;
+        isDisabled?: boolean;
+    };
+    large?: {
+        icon?: React.ReactNode;
+        isDisabled?: boolean;
+    };
+    dock?: {
+        isDisabled?: boolean;
+    };
+    divider?: {
+        element: React.ReactNode;
+    };
+}
 interface HeaderOptionsProps {
     isDockedLayerManager: boolean;
     shortcutsEnabled: boolean;
     onClickDockButton: () => void;
     onChangeSize: (size: Size) => void;
+    buttonSettings?: ToolbarButtonSettings;
 }
 export declare const sizeSmall: {
     width: number;

package/lib/components/LayerManager/LayerManagerHeaderOptionsConnect.d.ts

@@ -1,10 +1,11 @@
 import * as React from 'react';
-import { Size } from './LayerManagerHeaderOptions';
+import { Size, ToolbarButtonSettings } from './LayerManagerHeaderOptions';
 interface HeaderOptionsProps {
     isDockedLayerManager: boolean;
     mapId: string;
     onClickDockButton: () => void;
     onChangeSize: (size: Size) => void;
+    buttonSettings?: ToolbarButtonSettings;
 }
 export declare const areShortcutsEnabled: (activeMapId: string, mapId: string, floatingLmFocused: boolean, isDockedLayerManager: boolean) => boolean;
 declare const HeaderOptionsConnect: React.FC<HeaderOptionsProps>;

package/lib/components/LayerManager/LayerManagerUtils.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { DockedLayerManagerSize } from '../../store/mapStore/types';
-import { Size } from './LayerManagerHeaderOptions';
+import { Size, ToolbarButtonSettings } from './LayerManagerHeaderOptions';
 export declare const columnClasses: {
     column1: string;
     column2: string;
@@ -154,6 +154,15 @@ export declare const layerManagerStyle: {
 };
 export declare const returnCorrectSize: (sizeResult: DockedLayerManagerSize | undefined) => Size;
 export interface LayerManagerCustomSettings {
+    toolbar?: {
+        dragHandle?: {
+            icon?: React.ReactNode;
+        };
+        controlButtonSettings?: ToolbarButtonSettings;
+        closeButton?: {
+            icon?: React.ReactNode;
+        };
+    };
     header?: {
         addLayer?: {
             tooltipTitle?: string;
@@ -177,6 +186,9 @@ export interface LayerManagerCustomSettings {
             tooltipTitle?: string;
             icon?: React.ReactNode;
         };
+        activateLayer?: {
+            isDisabled?: boolean;
+        };
         enableLayer?: {
             enabledIcon?: React.ReactNode;
             disabledIcon?: React.ReactNode;
@@ -184,6 +196,10 @@ export interface LayerManagerCustomSettings {
             disabledTooltipTitle?: string;
         };
         renderLayer?: {
+            Element?: React.FC<{
+                layerId: string;
+                mapId: string;
+            }>;
             tooltipPrefix?: string;
         };
         layerStyle?: {
@@ -205,6 +221,9 @@ export interface LayerManagerCustomSettings {
     footer?: {
         baseLayerRow?: {
             title?: string;
+            addLayersButton?: {
+                isDisabled?: boolean;
+            };
         };
         baseLayerDropdown?: {
             tooltipPrefix?: string;

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

@@ -7,3 +7,4 @@ export { default as LayerManagerConnect } from './LayerManagerConnect';
 export { default as DockedLayerManagerConnect } from './DockedLayerManagerConnect';
 export { default as LayerSelectConnect } from './LayerSelect/LayerSelectConnect';
 export { default as LayerManagerMapButtonConnect } from './LayerManagerMapButtonConnect';
+export { useFetchServices } from './useFetchServices';

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

@@ -1,8 +1,7 @@
 import * as React from 'react';
 import { TooltipProps } from '@mui/material';
-import { ToolButtonProps } from '@opengeoweb/shared';
-interface MapControlButtonProps extends ToolButtonProps {
-    onClick: () => void;
+import { CustomIconProps } from '@opengeoweb/shared';
+interface MapControlButtonProps extends CustomIconProps {
     isActive?: boolean;
     placement?: TooltipProps['placement'];
     children: React.ReactNode;

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

@@ -1,5 +1,4 @@
 import { WMLayer, WMJSDimension } from '@opengeoweb/webmap';
 import { UpdateLayerInfoPayload } from '../../store/mapStore/types';
-import { MapViewProps } from '../MapView/types';
 export declare const getCurrentDimensionValue: (dimensions: WMJSDimension[] | undefined, name: string) => string;
-export declare const setServiceMetadata: (wmLayer: WMLayer, mapId: string, mapProperties: MapViewProps, onUpdateLayerInformation?: ((payload: UpdateLayerInfoPayload) => void) | undefined) => void;
+export declare const setLayerInfo: (wmLayer: WMLayer, mapId: string, onUpdateLayerInformation?: ((payload: UpdateLayerInfoPayload) => void) | undefined) => void;

package/lib/components/TimeSliderLite/TimeSliderLite.d.ts

@@ -0,0 +1,36 @@
+import React, { ReactNode } from 'react';
+import { SxProps } from '@mui/material';
+import { TimeSliderLiteCustomSettings } from './timeSliderLiteUtils';
+export interface TimeSliderLiteProps {
+    controlButtons?: ReactNode;
+    endTime: number;
+    height?: number;
+    hideButton?: ReactNode;
+    isAnimating?: boolean;
+    isVisible?: boolean;
+    locale?: string;
+    mapId: string;
+    menuOpen?: boolean;
+    overrideAnimation?: boolean;
+    onToggleAnimation?: () => void;
+    onToggleMenu: () => void;
+    onToggleTimeSlider: () => void;
+    selectedTime: number;
+    setSelectedTime: (time: number) => void;
+    settings?: TimeSliderLiteCustomSettings;
+    backgroundHoursOffset?: number;
+    needleWidth?: number;
+    needleDragAreaWidth?: number;
+    needleLabelZIndex?: number;
+    needleLabelOffset?: [number, number];
+    draggableTimeStamp?: boolean;
+    startTime: number;
+    sx?: SxProps;
+    timeStep: number;
+}
+export declare const TIME_SLIDER_LITE_DEFAULT_HEIGHT = 40;
+export declare const TIME_SLIDER_LITE_DEFAULT_LOCALE = "en";
+export declare const TIME_SLIDER_LITE_DEFAULT_TIME_STEP = 5;
+export declare const TIME_SLIDER_LITE_TOOLTIP_DELAY = 3000;
+declare const TimeSliderLite: React.FC<TimeSliderLiteProps>;
+export default TimeSliderLite;

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const DemoTimeSliderLite: {
+    (): React.ReactElement;
+    storyName: string;
+};

package/lib/components/TimeSliderLite/TimeSliderLiteBackground/TimeSliderDraggableNeedle.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+interface Props {
+    draggableLabel?: boolean;
+    width: number;
+    height: number;
+    locale: string;
+    startTime: number;
+    endTime: number;
+    needleDragAreaWidth?: number;
+    needleLabelZIndex?: number;
+    needleLabelOffset?: [number, number];
+    needleWidth?: number;
+    timeStep: number;
+    selectedTime: number;
+    style: React.CSSProperties;
+    setSelectedTime: (time: number) => void;
+}
+export declare const DRAG_AREA_WIDTH = 10;
+declare const TimeSliderDraggableNeedle: React.FC<Props>;
+export default TimeSliderDraggableNeedle;

package/lib/components/TimeSliderLite/TimeSliderLiteBackground/TimeSliderDraggableNeedle.spec.d.ts

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

package/lib/components/TimeSliderLite/TimeSliderLiteBackground/TimeSliderLiteBackground.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface TimeSliderLiteBackgroundProps {
+    height: number;
+    draggableTimeStamp?: boolean;
+    startTime: number;
+    locale: string;
+    needleWidth?: number;
+    needleDragAreaWidth?: number;
+    needleLabelZIndex?: number;
+    needleLabelOffset?: [number, number];
+    endTime: number;
+    timeStep: number;
+    selectedTime: number;
+    setSelectedTime: (time: number) => void;
+}
+declare const TimeSliderLiteBackground: React.FC<TimeSliderLiteBackgroundProps>;
+export default TimeSliderLiteBackground;

package/lib/components/TimeSliderLite/TimeSliderLiteBackground/TimeSliderLiteBackgroundSvg.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface Props {
+    width: number;
+    height: number;
+    startTime: number;
+    endTime: number;
+    timeStep?: number;
+    style?: React.CSSProperties;
+    locale: string;
+}
+export declare const TIME_SLIDER_LITE_PADDING_RIGHT = 1;
+declare const TimeSliderLiteBackgroundSvg: React.FC<Props>;
+export default TimeSliderLiteBackgroundSvg;

package/lib/components/TimeSliderLite/TimeSliderLiteBackground/TimeSliderLiteBackgroundSvg.spec.d.ts

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

package/lib/components/TimeSliderLite/TimeSliderLiteButtons/ControlButtonGroup/ControlButtonGroup.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ButtonGroupProps } from '@mui/material';
+interface ControlButtonGroupProps extends ButtonGroupProps {
+    right?: boolean;
+    left?: boolean;
+}
+declare const ControlButtonGroup: React.FC<ControlButtonGroupProps>;
+export default ControlButtonGroup;

package/lib/components/TimeSliderLite/TimeSliderLiteButtons/HideButton/HideButton.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TimeSliderLiteCustomSettings } from '../../timeSliderLiteUtils';
+export interface HideButtonProps {
+    isVisible?: boolean;
+    settings?: TimeSliderLiteCustomSettings['hideButton'];
+    onClick: () => void;
+}
+declare const HideButton: React.FC<HideButtonProps>;
+export default HideButton;

package/lib/components/TimeSliderLite/TimeSliderLiteButtons/MenuButton/MenuButton.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TimeSliderLiteCustomSettings } from '../../timeSliderLiteUtils';
+interface Props {
+    menuOpen?: boolean;
+    onClick?: () => void;
+    settings?: TimeSliderLiteCustomSettings['menuButton'];
+}
+declare const MenuButton: React.FC<Props>;
+export default MenuButton;

package/lib/components/TimeSliderLite/TimeSliderLiteButtons/PlayButton/PlayButton.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { TimeSliderLiteCustomSettings } from '../../timeSliderLiteUtils';
+export interface PlayButtonProps {
+    isAnimating?: boolean;
+    isDisabled?: boolean;
+    onTogglePlayButton: () => void;
+    settings?: TimeSliderLiteCustomSettings['playButton'];
+    tooltipDelay?: number;
+}
+declare const PlayButton: React.FC<PlayButtonProps>;
+export default PlayButton;

package/lib/components/TimeSliderLite/TimeSliderLiteButtons/StepButton/StepButton.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { TimeSliderLiteCustomSettings } from '../../timeSliderLiteUtils';
+export interface StepButtonProps {
+    forward?: boolean;
+    isDisabled?: boolean;
+    onClick?: () => void;
+    settings?: TimeSliderLiteCustomSettings['stepButton'];
+    tooltipDelay?: number;
+}
+declare const StepButton: React.FC<StepButtonProps>;
+export default StepButton;

package/lib/components/TimeSliderLite/TimeSliderLiteButtons/TimeSliderLiteButtonUtils.d.ts

@@ -0,0 +1,3 @@
+import { IconButtonProps, TooltipProps } from '@mui/material';
+export declare const timeSliderLiteButtonDefaultProps: IconButtonProps;
+export declare const timeSliderLiteTooltipDefaultProps: Partial<TooltipProps>;

package/lib/components/TimeSliderLite/TimeSliderLiteConnect.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { SxProps } from '@mui/material';
+import { TimeSliderLiteProps } from './TimeSliderLite';
+export declare const TIME_SLIDER_LITE_DEFAULT_TIME_RANGE: number;
+export interface TimeSliderConnectLiteProps extends Partial<TimeSliderLiteProps> {
+    overrideUseTimeRange?: [
+        [
+            number,
+            number
+        ] | null,
+        (timeRange: [number, number] | null) => void
+    ];
+    sourceId: string;
+    mapId: string;
+    isAlwaysVisible?: boolean;
+    menuSx?: SxProps;
+    subMenuSx?: SxProps;
+}
+declare const TimeSliderLiteConnect: React.FC<TimeSliderConnectLiteProps>;
+export default TimeSliderLiteConnect;

package/lib/components/TimeSliderLite/TimeSliderLiteConnect.spec.d.ts

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

package/lib/components/TimeSliderLite/TimeSliderLiteConnect.stories.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const DemoTimeSliderLiteConnect: {
+    (): React.ReactElement;
+    storyName: string;
+};

package/lib/components/TimeSliderLite/TimeSliderLiteOptionsMenu/SubmenuWrapper.d.ts

@@ -0,0 +1,8 @@
+import { CardProps } from '@mui/material';
+import React from 'react';
+interface SubmenuWrapperProps extends CardProps {
+    closeButtonIcon?: React.ReactNode;
+    setSubmenu?: (value: string | null) => void;
+}
+declare const SubmenuWrapper: React.FC<SubmenuWrapperProps>;
+export default SubmenuWrapper;

package/lib/components/TimeSliderLite/TimeSliderLiteOptionsMenu/SubmenuWrapper.spec.d.ts

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

package/lib/components/TimeSliderLite/TimeSliderLiteOptionsMenu/TimeRangeOptions/DayHourSelector.d.ts

@@ -0,0 +1,21 @@
+import { SelectProps, SxProps } from '@mui/material';
+import React from 'react';
+interface CustomSelectProps extends SelectProps {
+    amountOfOptions: number;
+    dropdownButtonIcon?: React.ElementType;
+    itemPostFix: string;
+    value: number;
+    setValue: (value: number) => void;
+}
+export declare const CustomSelect: React.FC<CustomSelectProps>;
+interface DayHourSelectorProps {
+    isDisabled?: boolean;
+    dropdownButtonIcon?: React.ElementType;
+    label: string;
+    maxHours?: number;
+    sx?: SxProps;
+    useDays: [number, (value: number) => void];
+    useHours: [number, (value: number) => void];
+}
+declare const DayHourSelector: React.FC<DayHourSelectorProps>;
+export default DayHourSelector;

package/lib/components/TimeSliderLite/TimeSliderLiteOptionsMenu/TimeRangeOptions/DayHourSelector.spec.d.ts

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

package/lib/components/TimeSliderLite/TimeSliderLiteOptionsMenu/TimeRangeOptions/TimeRangeOptions.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface IProps {
+    currentTime: number;
+    useTimeRange?: [
+        [
+            number,
+            number
+        ] | null,
+        (timeRange: [number, number] | null) => void
+    ];
+    defaultTimeRange: [number, number];
+    dropdownButtonIcon?: React.ElementType;
+}
+declare const TimeRangeOptions: React.FC<IProps>;
+export default TimeRangeOptions;

package/lib/components/TimeSliderLite/TimeSliderLiteOptionsMenu/TimeSliderLiteOptionsMenu.d.ts

@@ -0,0 +1,27 @@
+import { SxProps } from '@mui/material';
+import React from 'react';
+interface TimeSliderLiteOptionsMenuProps {
+    closeButtonIcon?: React.ReactNode;
+    currentTime?: number;
+    defaultTimeRange: [number, number];
+    dropdownButtonIcon?: React.ElementType;
+    menuOpen?: boolean;
+    setMenuOpen?: (menuOpen: boolean) => void;
+    submenuSx?: SxProps;
+    sx?: SxProps;
+    useTimeRange?: [
+        [
+            number,
+            number
+        ] | null,
+        (timeRange: [number, number] | null) => void
+    ];
+}
+export declare enum Submenu {
+    TIME_RANGE = "Time range",
+    TIME_STEP = "Time step",
+    SPEED = "Speed",
+    UPDATE_INTERVAL = "Update interval"
+}
+declare const TimeSliderLiteOptionsMenu: React.FC<TimeSliderLiteOptionsMenuProps>;
+export default TimeSliderLiteOptionsMenu;

package/lib/components/TimeSliderLite/TimeSliderLiteOptionsMenu/TimeSliderLiteOptionsMenu.spec.d.ts

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

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

@@ -0,0 +1,4 @@
+export { default as TimeSliderLiteOptionsMenu } from './TimeSliderLiteOptionsMenu/TimeSliderLiteOptionsMenu';
+export { default as TimeSliderLiteConnect } from './TimeSliderLiteConnect';
+export { default as TimeSliderLite } from './TimeSliderLite';
+export * from './timeSliderLiteUtils';

package/lib/components/TimeSliderLite/timeSliderLiteUtils.d.ts

@@ -0,0 +1,83 @@
+import { ElementType, ReactNode } from 'react';
+import { ReduxLayer } from '../../store/mapStore/types';
+export declare const DAY_TO_MILLISECOND: number;
+export declare const DAY_TO_SECOND = 86400;
+export declare const HOUR_TO_SECOND = 3600;
+export declare const MILLISECOND_TO_DAY: number;
+export declare const MILLISECOND_TO_SECOND: number;
+export declare const MINUTE_TO_SECOND = 60;
+export declare const SECOND_TO_DAY: number;
+export declare const SECOND_TO_HOUR: number;
+export declare const SECOND_TO_MILLISECOND = 1000;
+export declare const SEVEN_DAYS_IN_SECONDS: number;
+/**
+ * Reformats a date that has capitalized first letter and colon separator for time
+ * @param dateString Date string from Date.toLocaleDateString
+ * @returns Reformatted date string
+ */
+export declare const reformatFinnishDateString: (dateString: string) => string;
+export declare const getMonthChanges: (startDate: Date, endDate: Date) => number[];
+export declare const getSelectedTimePx: (startTime: number, endTime: number, selectedTime: number, width: number) => number;
+export declare const boundedValue: (value: number, bounds: [number, number]) => number;
+export declare const getSelectedTimeFromPx: (startTime: number, endTime: number, selectedTimePx: number, width: number) => number;
+export declare const secondsToDaysAndHours: (seconds: number) => {
+    days: number;
+    hours: number;
+};
+export declare const hoursAndDaysToSeconds: (hours: number, days: number) => number;
+export declare const TIME_SLIDER_LITE_DEFAULT_MAX_FORECAST_RANGE: number;
+export declare const TIME_SLIDER_LITE_DEFAULT_MAX_OBSERVED_RANGE: number;
+/**
+ * Checks which layers have observed/forecasted data and returns a default time range
+ * @param layers ReduxLayer[] Map layers
+ * @param currentTime Current time in seconds
+ * @param overrideDefaultTimeRange [observedTimeRange, forecastTime] in seconds from current time
+ * @returns [startTime, endTime] in seconds
+ */
+export declare const defaultTimeRange: (layers: ReduxLayer[], currentTime?: number, overrideDefaultTimeRange?: [number, number] | undefined) => [number, number];
+export declare const useDefaultTimeRange: (layers: ReduxLayer[], updateThreshold: number, currentTime?: number) => [number, number];
+export declare const subTicksPerDay: (dayWidthInPixels: number) => number;
+export declare const maxSubTicksPerDay: (dayWidthInPixels: number, timeStep: number) => number;
+export declare const getRemainingHours: (maxHours: number | undefined, days: number) => number;
+export interface TimeSliderLiteCustomSettings {
+    menuButton?: {
+        label?: string;
+        icon?: ReactNode;
+    };
+    playButton?: {
+        label?: {
+            play?: string;
+            pause?: string;
+        };
+        icon?: {
+            play?: ReactNode;
+            pause?: ReactNode;
+        };
+    };
+    stepButton?: {
+        label?: {
+            forward?: string;
+            backward?: string;
+        };
+        icon?: {
+            forward?: ReactNode;
+            backward?: ReactNode;
+        };
+    };
+    hideButton?: {
+        label?: {
+            hide?: string;
+            show?: string;
+        };
+        icon?: {
+            hide?: ReactNode;
+            show?: ReactNode;
+        };
+    };
+    closeButton?: {
+        icon?: ReactNode;
+    };
+    dropdownButton?: {
+        icon?: ElementType;
+    };
+}

package/lib/components/TimeSliderLite/timeSliderLiteUtils.spec.d.ts

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

package/lib/index.d.ts

@@ -1,4 +1,4 @@
-import { mapSelectors, uiActions, uiSelectors, layerActions, genericActions, snackbarActions, routerActions, appActions, layerSelectors, genericSelectors, syncGroupsSelectors } from './store';
+import { mapSelectors, webmapReducer, uiActions, uiSelectors, uiReducer, layerActions, genericActions, snackbarActions, routerActions, appActions, layerSelectors, serviceSelectors, genericSelectors, syncGroupsSelectors } from './store';
 import * as mapTypes from './store/mapStore/types';
 import * as layerTypes from './store/mapStore/layers/types';
 import * as mapUtils from './store/mapStore/map/utils';
@@ -7,7 +7,7 @@ import { reducer as layerReducer } from './store/mapStore/layers/reducer';
 import synchronizationGroupConfig from './store/generic/config';
 import * as SyncGroups from './store/generic/synchronizationGroups';
 import coreModuleConfig from './store/coreModuleConfig';
-import { LayerManagerConnect, LayerManagerHeaderOptions, LayerManagerDescriptionRow, LayerManagerLayerContainerRow, LayerManagerBaseLayerRow, LayerSelectConnect, LayerManagerMapButtonConnect, DockedLayerManagerConnect, LayerManager } from './components/LayerManager';
+import { LayerManagerConnect, LayerManagerHeaderOptions, LayerManagerDescriptionRow, LayerManagerLayerContainerRow, LayerManagerBaseLayerRow, LayerSelectConnect, LayerManagerMapButtonConnect, DockedLayerManagerConnect, LayerManager, useFetchServices } from './components/LayerManager';
 import { MultiDimensionSelectMapButtonsConnect, MultiMapDimensionSelectConnect } from './components/MultiMapDimensionSelect';
 export * from './hooks';
 export * from './components/MultiMapView/MultiMapViewConnect';
@@ -17,6 +17,7 @@ export { ReactMapView, ReactMapViewLayer } from './components/ReactMapView';
 export { LegendConnect, Legend, LegendMapButtonConnect, } from './components/Legend';
 export { ZoomControls, ZoomControlConnect } from './components/MapControls';
 export { TimeSlider, TimeSliderConnect, TimeSliderButtonsConnect, TimeSliderOptionsMenuButtonConnect, TimeSliderPlayButtonConnect, TimeSliderBackwardForwardStepButtonConnect, timeSliderUtils, } from './components/TimeSlider';
+export { TimeSliderLite } from './components/TimeSliderLite';
 export { MapControls } from './components/MapControls';
 export declare const mapActions: {
     serviceSetLayers: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetLayersForServicePayload, string>;
@@ -83,7 +84,7 @@ export declare const mapActions: {
     onUpdateLayerInformation: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.UpdateLayerInfoPayload, string>;
     setSelectedFeature: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetSelectedFeaturePayload, string>;
 };
-export { mapSelectors, mapTypes, mapUtils, layerTypes, layerReducer, layerActions, uiActions, uiSelectors, uiTypes, genericActions as syncGroupActions, snackbarActions, appActions, layerSelectors, routerActions, genericSelectors, syncGroupsSelectors, };
+export { mapSelectors, webmapReducer, mapTypes, mapUtils, layerTypes, layerReducer, layerActions, uiActions, uiSelectors, uiReducer, uiTypes, genericActions as syncGroupActions, snackbarActions, appActions, layerSelectors, serviceSelectors, routerActions, genericSelectors, syncGroupsSelectors, };
 export { synchronizationGroupConfig as synchronizationGroupModuleConfig };
 export * from './components/ComponentsLookUp';
 export * from './components/ConfigurableMap';
@@ -93,7 +94,7 @@ export { SyncGroups };
 export { store } from './storybookUtils/store';
 export * from './types/types';
 export { coreModuleConfig };
-export { LayerManagerConnect, LayerManagerHeaderOptions, LayerManagerDescriptionRow, LayerManagerBaseLayerRow, LayerManagerLayerContainerRow, LayerSelectConnect, LayerManagerMapButtonConnect, DockedLayerManagerConnect, LayerManager, };
+export { LayerManagerConnect, LayerManagerHeaderOptions, LayerManagerDescriptionRow, LayerManagerBaseLayerRow, LayerManagerLayerContainerRow, LayerSelectConnect, LayerManagerMapButtonConnect, DockedLayerManagerConnect, LayerManager, useFetchServices, };
 export { MultiDimensionSelectMapButtonsConnect, MultiMapDimensionSelectConnect, };
 export * as publicLayers from './utils/publicLayers';
 export * as publicServices from './utils/publicServices';

package/lib/store/generic/synchronizationGroups/selectors.d.ts

@@ -1,7 +1,7 @@
 import { AppStore } from '../../../types/types';
 import { GenericSyncActionPayload } from '../synchronizationActions/types';
 import { GenericActionPayload } from '../types';
-import { SynchronizationGroup, SynchronizationGroupState, SynchronizationSource, SyncType } from './types';
+import { SyncGroupTarget, SynchronizationGroup, SynchronizationGroupState, SynchronizationSource, SyncType } from './types';
 export declare const syncGroupStore: (store: AppStore) => SynchronizationGroupState;
 /**
  * Gets synchronization group state
@@ -51,3 +51,4 @@ export declare const getSyncedMapIdsForTimeslider: ((state: {
 }> & {
     clearCache: () => void;
 };
+export declare const getSyncGroupTargets: (state: AppStore) => SyncGroupTarget[];

package/lib/store/generic/synchronizationGroups/types.d.ts

@@ -43,10 +43,12 @@ export interface SyncGroupsAddSourcePayload {
 export interface SyncGroupRemoveSourcePayload {
     id: string;
 }
-export interface SyncGroupAddTargetPayload {
+export interface SyncGroupTarget {
     groupId: string;
     targetId: string;
     linked?: boolean;
+}
+export interface SyncGroupAddTargetPayload extends SyncGroupTarget {
     origin?: Origin;
 }
 export interface SyncGroupRemoveTargetPayload {
@@ -54,10 +56,8 @@ export interface SyncGroupRemoveTargetPayload {
     targetId: string;
     origin?: Origin;
 }
-export interface SyncGroupLinkTargetPayload {
+export interface SyncGroupLinkTargetPayload extends SyncGroupTarget {
     linked: boolean;
-    groupId: string;
-    targetId: string;
 }
 export interface SyncGroupAddGroupPayload {
     groupId: string;