@opengeoweb/core 9.9.0 → 9.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/core",
-  "version": "9.9.0",
+  "version": "9.10.0",
   "description": "GeoWeb Core library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -12,11 +12,10 @@
     "react-redux": "^8.1.3",
     "@opengeoweb/store": "*",
     "@opengeoweb/timeslider": "*",
-    "@redux-eggs/redux-toolkit": "^2.2.0",
     "@reduxjs/toolkit": "^1.9.7",
     "@opengeoweb/webmap-react": "*",
     "@opengeoweb/webmap": "*",
-    "@mui/material": "5.12.0",
+    "@mui/material": "~5.15.11",
     "@opengeoweb/theme": "*",
     "axios": "1.5.0",
     "@opengeoweb/api": "*",
@@ -25,7 +24,6 @@
     "react-sortablejs": "^6.1.4",
     "sortablejs": "^1.15.1",
     "@mui/system": "^5.15.1",
-    "@redux-eggs/saga-extension": "^2.2.0",
     "@opengeoweb/snackbar": "*",
     "react-router-dom": "^6.21.0",
     "react-draggable": "^4.4.6",

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { mapTypes } from '@opengeoweb/store';
-import { InitialHarmTempAndPrecipProps } from '../MultiMapView/HarmoniePresets';
-import { ModelRunIntervalProps } from '../MultiMapView/ModelRunInterval';
+import { InitialHarmTempAndPrecipProps } from '../MultiMapViewConnect/HarmoniePresets';
+import { ModelRunIntervalProps } from '../MultiMapViewConnect/ModelRunInterval';
 interface InitialMultiMapProps {
     mapPreset: mapTypes.MapPreset[];
     syncGroupsIds: string[];
@@ -14,19 +14,13 @@ export interface InitialMapProps {
     shouldDisplayDrawControls?: boolean;
     displaySearchButtonInMap?: boolean;
 }
-interface InitialSliderProps {
-    sliderPreset: {
-        mapId: string;
-    };
-    syncGroupsIds: string[];
-}
-export type InitialProps = InitialMapProps | InitialMultiMapProps | InitialSliderProps | InitialHarmTempAndPrecipProps | ModelRunIntervalProps | mapTypes.MapPresetInitialProps;
+export type InitialProps = InitialMapProps | InitialMultiMapProps | InitialHarmTempAndPrecipProps | ModelRunIntervalProps | mapTypes.MapPresetInitialProps;
 /**
  * The lookup table is for registering your own components with the workspace.
  * @param payload
  * @returns
  */
-export type SupportedComponentTypes = 'Map' | 'MultiMap' | 'ModelRunInterval' | 'HarmonieTempAndPrecipPreset' | 'TimeSlider';
+export type SupportedComponentTypes = 'Map' | 'MultiMap' | 'ModelRunInterval' | 'HarmonieTempAndPrecipPreset';
 export interface ComponentsLookUpPayload {
     componentType: SupportedComponentTypes;
     id: string;

package/src/lib/components/MapDrawToolRedux/MapDrawToolRedux.stories.d.ts

@@ -6,3 +6,4 @@ export default _default;
 export declare const BasicMapDrawTool: () => React.ReactElement;
 export declare const BasicMapDrawToolShape: () => React.ReactElement;
 export declare const BasicMapDrawToolMultipleShape: () => React.ReactElement;
+export declare const BasicMapDrawToolWithMultipleShapesValues: () => React.ReactElement;

package/src/lib/components/{MapView → MapViewConnect}/MapViewConnect.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
-export interface MapViewConnectProps {
+import { MapViewProps } from '@opengeoweb/webmap-react';
+export interface MapViewConnectProps extends MapViewProps {
     mapId: string;
     displayTimeInMap?: boolean;
     controls?: {

package/src/lib/components/{MultiMapDimensionSelect → MultiMapDimensionSelectConnect}/DimensionSelectSliderConnect.d.ts

@@ -1,8 +1,6 @@
 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;

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

@@ -4,4 +4,3 @@ declare const _default: {
 };
 export default _default;
 export declare const ElevationDimensionDemoWithLightTheme: React.FC;
-export declare const ElevationDimensionDemoWithDarkTheme: React.FC;

package/src/lib/components/SyncGroups/SyncGroups.FourMapsSynced.stories.d.ts

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

package/src/lib/components/SyncGroups/SyncGroups.TwoMapsSynced.stories.d.ts

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

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

@@ -1,5 +1,6 @@
-import * as React from 'react';
+import React from 'react';
 import { TimeSliderLiteProps } from './TimeSliderLite';
+import { TimeSliderLiteHandleUpdateOptions } from './timeSliderLiteUtils';
 import { TimeSliderLiteOptionsMenuProps } from './TimeSliderLiteOptionsMenu/TimeSliderLiteOptionsMenu';
 import { TimeZone, TimeZoneSwitchProps } from './TimeSliderLiteOptionsMenu/TimeZoneSwitch/TimeZoneSwitch';
 export declare const TIME_SLIDER_LITE_DEFAULT_TIME_RANGE: number;
@@ -19,6 +20,11 @@ export interface TimeSliderLiteConnectProps extends Partial<TimeSliderLiteProps>
         (timeStep: [number, number] | null) => void
     ];
     overrideUseTimeZone?: [TimeZone, (timeZone: TimeZone) => void];
+    overrideUseUpdateInterval?: [
+        number | null,
+        (updateInterval: number | null) => void
+    ];
+    overrideHandleAutoUpdate?: (mapId: string, options: TimeSliderLiteHandleUpdateOptions) => void;
     sourceId: string;
     mapId: string;
     isAlwaysVisible?: boolean;

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

@@ -1,12 +1,12 @@
-import { SelectProps, SxProps } from '@mui/material';
+import { BaseSelectProps, SxProps } from '@mui/material';
 import React from 'react';
-interface CustomSelectProps extends SelectProps {
+type CustomSelectProps = BaseSelectProps & {
     amountOfOptions: number;
     dropdownButtonIcon?: React.ElementType;
     itemPostFix: string;
     value: number;
     setValue: (value: number) => void;
-}
+};
 export declare const CustomSelect: React.FC<CustomSelectProps>;
 interface DayHourSelectorProps {
     isDisabled?: boolean;

package/src/lib/components/TimeSliderLite/TimeSliderLiteOptionsMenu/TimeStepOptions/TimeStepSelector.d.ts

@@ -1,14 +1,14 @@
-import { SelectProps } from '@mui/material';
+import { BaseSelectProps } from '@mui/material';
 import React from 'react';
 /**
  * TODO: Replace with actual translation keys
  */
 type TimeStepOptions = Record<string, string>;
 export declare const defaultTimeStepOptions: TimeStepOptions;
-interface CustomSelectProps extends SelectProps {
+type CustomSelectProps = BaseSelectProps & {
     setValue: (value: number) => void;
     dropdownButtonIcon?: React.ElementType;
     defaultTimeStep: number;
-}
+};
 declare const TimeStepSelector: React.FC<CustomSelectProps>;
 export default TimeStepSelector;

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

@@ -3,7 +3,10 @@ export interface UpdateIntervalOptionsProps {
     dropdownButtonIcon?: React.ElementType;
     updateIntervalOptions?: number[];
     defaultUpdateInterval?: number;
-    useUpdateInterval?: [number, (updateInterval: number) => void] | [number];
+    useUpdateInterval?: [
+        number | null,
+        ((updateInterval: number | null) => void) | undefined
+    ];
     intervalOptionPrefix?: string;
     intervalOptionPostfix?: string;
     defaultOptionPostfix?: string;

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

@@ -9,10 +9,41 @@ export declare const MILLISECOND_TO_DAY: number;
 export declare const MILLISECOND_TO_SECOND: number;
 export declare const MILLISECOND_TO_MINUTE: number;
 export declare const MINUTE_TO_SECOND = 60;
+export declare const MINUTE_TO_MILLISECOND = 60000;
 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;
+export interface TimeSliderLiteHandleUpdateOptions {
+    updateIntervalSeconds: number;
+    currentTime?: number;
+    setCurrentTime: (newCurrentTime: number) => void;
+    timeRange: [number, number] | null;
+    setTimeRange: (timeRange: [number, number]) => void;
+}
+/**
+ * Default behaviour for time slider lite to update
+ *  - Update current time
+ *  - Update time range
+ *  - Update layers
+ * @param mapId
+ * @param options
+ */
+export declare const defaultTimeSliderLiteUpdate: (mapId: string, options: TimeSliderLiteHandleUpdateOptions) => void;
+/**
+ * Connected hook for updating time range and current time
+ * @param updateInterval Update interval in minutes
+ * @param timeRange [startTime, endTime] in seconds
+ * @param setTimeRange Sets the time range
+ * @param options Options
+ */
+export declare const useAutoUpdate: (mapId: string, updateInterval: number | null, timeRange: [number, number] | null, setTimeRange: (timeRange: [number, number]) => void, options?: {
+    defaultUpdateInterval?: number | undefined;
+    handleUpdate?: ((mapId: string, options: TimeSliderLiteHandleUpdateOptions) => void) | undefined;
+} | undefined) => {
+    currentTime: number;
+    updateIntervalSeconds: number;
+};
 /**
  * Reformats a date that has capitalized first letter and colon separator for time
  * @param dateString Date string from Date.toLocaleDateString

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

@@ -1,3 +1,3 @@
-import { Dispatch } from '@reduxjs/toolkit';
+import { AnyAction, Dispatch } from '@reduxjs/toolkit';
 import { TimeSliderLiteProps } from './TimeSliderLite';
-export declare const useOnToggleAnimation: (dispatch: Dispatch<any>, mapId: string, selectedTime: number, timeStep: [number, number] | null, defaultTimeStep: [number, number], startTime: number, endTime: number, isAnimating: boolean, timeSliderProps: Partial<TimeSliderLiteProps>) => (() => void);
+export declare const useOnToggleAnimation: (dispatch: Dispatch<AnyAction>, mapId: string, selectedTime: number, timeStep: [number, number] | null, defaultTimeStep: [number, number], startTime: number, endTime: number, isAnimating: boolean, timeSliderProps: Partial<TimeSliderLiteProps>) => (forceAnimationStart?: boolean) => void;

package/src/lib/index.d.ts

@@ -1,13 +1,13 @@
 import { LayerManagerConnect, LayerManagerHeaderOptions, LayerManagerDescriptionRow, LayerManagerLayerContainerRow, LayerManagerBaseLayerRow, LayerManagerMapButtonConnect, LayerManager, useFetchServices } from './components/LayerManager';
-import { MultiDimensionSelectMapButtonsConnect, MultiMapDimensionSelectConnect } from './components/MultiMapDimensionSelect';
+import { MultiDimensionSelectMapButtonsConnect, MultiMapDimensionSelectConnect } from './components/MultiMapDimensionSelectConnect';
 export * from './components/ComponentsLookUp';
-export * from './components/ConfigurableMap';
+export * from './components/ConfigurableMapConnect';
 export { SyncGroupViewerConnect } from './components/SyncGroups/SyncGroupViewerConnect';
-export * from './components/MultiMapView/MultiMapViewConnect';
-export * from './components/MultiMapView/HarmoniePresets';
-export * from './components/MapView';
-export { LegendConnect, LegendMapButtonConnect } from './components/Legend';
-export { ZoomControlConnect } from './components/MapControls';
+export * from './components/MultiMapViewConnect/MultiMapViewConnect';
+export * from './components/MultiMapViewConnect/HarmoniePresets';
+export * from './components/MapViewConnect';
+export { LegendConnect, LegendMapButtonConnect, } from './components/LegendConnect';
+export { ZoomControlConnect } from './components/MapControlsConnect';
 export { TimeSliderLite, TimeSliderLiteOptionsMenu, TimeSliderLiteConnect, TimeSliderLiteUtils, } from './components/TimeSliderLite';
 export { LayerManagerConnect, LayerManagerHeaderOptions, LayerManagerDescriptionRow, LayerManagerBaseLayerRow, LayerManagerLayerContainerRow, LayerManagerMapButtonConnect, LayerManager, useFetchServices, };
 export { MultiDimensionSelectMapButtonsConnect, MultiMapDimensionSelectConnect, };

package/src/lib/utils/jsonPresetFilter.d.ts

@@ -23,5 +23,5 @@ export interface InitialAppPreset {
 }
 export declare const filterServices: (presetArray: layerSelectTypes.LayerSelectService[]) => layerSelectTypes.LayerSelectService[];
 export declare const filterTimeSeriesServices: (presetArray: TimeSeriesService[]) => TimeSeriesService[];
-export declare const filterMapPresets: (initialAppPreset: InitialAppPreset) => FilteredMapPresets;
+export declare const filterMapPresets: (initialAppPreset: InitialAppPreset | null) => FilteredMapPresets;
 export {};

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

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

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

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

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

@@ -1,29 +0,0 @@
-import * as React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-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/src/lib/components/MultiMapDimensionSelect/DimensionSelectSlider.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { Mark } from '../../utils/dimensionUtils';
-interface DimensionSelectSliderProps {
-    marks: Mark[];
-    layerTitle: string;
-    reverse?: boolean;
-    isDisabled?: boolean;
-    managedValue?: number | string;
-    validSelection?: boolean;
-    alertColor?: string;
-    onChangeDimensionValue: (dimensionValue: string) => void;
-}
-declare const DimensionSelectSlider: React.FC<DimensionSelectSliderProps>;
-export default DimensionSelectSlider;

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

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

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

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { SvgIconProps } from '@mui/material';
-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/src/lib/storybookUtils/HelperComponents.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { layerTypes } from '@opengeoweb/store';
-interface ExampleLayer {
-    title: string;
-    layers: layerTypes.Layer[];
-}
-interface ActionCardProps {
-    onClickBtn?: (action: ExampleLayer) => void;
-    name: string;
-    description: string;
-    exampleLayers?: ExampleLayer[];
-    children?: React.ReactNode;
-}
-export declare const ActionCard: React.FC<ActionCardProps>;
-export {};

package/src/lib/storybookUtils/defaultStorySettings.d.ts

@@ -1,22 +0,0 @@
-import { layerTypes, mapTypes, LayerActions } from '@opengeoweb/store';
-import { SetLayerStylePayload } from '@opengeoweb/webmap-react';
-export declare const initialBbox: {
-    srs: string;
-    bbox: {
-        left: number;
-        bottom: number;
-        right: number;
-        top: number;
-    };
-};
-export declare const handleLayerActionsCallback: (payload: layerTypes.DeleteLayerPayload | layerTypes.SetLayerDimensionPayload | layerTypes.SetLayerEnabledPayload | SetLayerStylePayload | layerTypes.SetLayerNamePayload | layerTypes.SetLayerOpacityPayload) => LayerActions;
-interface UseDefaultMapSettingsProps {
-    mapId?: string;
-    layers?: layerTypes.Layer[];
-    baseLayers?: layerTypes.Layer[];
-    bbox?: mapTypes.Bbox;
-    srs?: string;
-    shouldAutoUpdate?: boolean;
-}
-export declare const useDefaultMapSettings: (props?: UseDefaultMapSettingsProps) => void;
-export {};

package/src/lib/storybookUtils/store.d.ts

@@ -1,2 +0,0 @@
-declare const store: import("@redux-eggs/core").EggExt & import("@reduxjs/toolkit/dist/configureStore").ToolkitStore<any, import("redux").AnyAction, [import("redux-thunk").ThunkMiddleware<any, import("redux").AnyAction, undefined>]>;
-export { store };

package/src/lib/utils/dimensionUtils.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { WMJSDimension } from '@opengeoweb/webmap';
-export interface Mark {
-    value: number | string;
-    label?: React.ReactNode;
-}
-export declare const marksByDimension: (dim: WMJSDimension) => Mark[];

package/src/lib/utils/dimensionUtils.spec.d.ts

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