@opengeoweb/core 2.3.0 → 2.4.0

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

@@ -47,6 +47,7 @@ interface LayerRowProps {
     layerManagerWidth: LayerManagerWidth;
     isEnabled?: boolean;
     dragHandle?: React.ReactElement;
+    isLayerMissing?: boolean;
 }
 declare const LayerRow: React.FC<LayerRowProps>;
 export default LayerRow;

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

@@ -1,5 +1,5 @@
-export declare const LayerManagerColumnsLarge: (props?: any) => import("@mui/styles").ClassNameMap<"column1" | "column2" | "column3" | "column4" | "column5" | "column6">;
-export declare const LayerManagerColumnsSmall: (props?: any) => import("@mui/styles").ClassNameMap<"column1" | "column2" | "column3" | "column4" | "column5" | "column6">;
+export declare const LayerManagerColumnsLarge: (props?: any) => import("@mui/styles").ClassNameMap<"column1" | "column2" | "column3" | "column4" | "column5" | "column6" | "columns35">;
+export declare const LayerManagerColumnsSmall: (props?: any) => import("@mui/styles").ClassNameMap<"column1" | "column2" | "column3" | "column4" | "column5" | "column6" | "columns35">;
 export declare enum LayerManagerWidth {
     sm = 0,
     lg = 1

package/lib/components/SyncGroups/SyncGroupViewer.d.ts

@@ -9,6 +9,8 @@ interface SyncGroupViewerProps {
     syncGroupRemoveTarget: (payload: SyncgroupTypes.SyncGroupRemoveTargetPayload) => void;
     syncGroupAddGroup: (payload: SyncgroupTypes.SyncGroupAddGroupPayload) => void;
     syncGroupRemoveGroup: (payload: SyncgroupTypes.SyncGroupRemoveGroupPayload) => void;
+    onMouseDown?: () => void;
+    order?: number;
 }
 export declare const SyncGroupViewer: React.FC<SyncGroupViewerProps>;
 export {};

package/lib/components/SyncGroups/SyncGroupViewerConnect.d.ts

@@ -1,7 +1,2 @@
 import * as React from 'react';
-interface ConnectProps {
-    onClose?: () => void;
-    isOpen?: boolean;
-}
-export declare const SyncGroupViewerConnect: React.FC<ConnectProps>;
-export {};
+export declare const SyncGroupViewerConnect: React.FC;

package/lib/components/SyncGroups/selector.d.ts

@@ -1,20 +1,20 @@
-import { SynchronizationGroupState, SyncType } from '../../store/generic/synchronizationGroups/types';
+import { SynchronizationGroups, SynchronizationSources, SyncType } from '../../store/generic/synchronizationGroups/types';
 import { SyncGroupViewState } from './types';
 export declare const groupTypes: {
     title: string;
     syncType: SyncType;
     groupType: string;
 }[];
-export declare const createSyncGroupViewState: (syncState: SynchronizationGroupState) => SyncGroupViewState;
+export declare const createSyncGroupViewState: (groups: SynchronizationGroups, sources: SynchronizationSources) => SyncGroupViewState;
 export declare const createSyncGroupViewStateSelector: ((state: {
     advancedLayerStore?: import("../../store/advancedLayerStore/types").AdvancedLayerStoreState;
-    syncronizationGroupStore?: SynchronizationGroupState;
+    syncronizationGroupStore?: import("../../store/generic/synchronizationGroups/types").SynchronizationGroupState;
     ui?: import("../../store/ui/types").UIStoreType;
     webmap?: import("../../store/mapStore/types").WebMapState;
     services?: import("../../store/mapStore/types").ServiceState;
     layers?: import("../../store/mapStore/types").LayerState;
     layerSelect?: import("../../store/layerSelect/types").LayerSelectStoreType;
-}) => SyncGroupViewState) & import("reselect").OutputSelectorFields<(args_0: SynchronizationGroupState) => SyncGroupViewState & {
+}) => SyncGroupViewState) & import("reselect").OutputSelectorFields<(args_0: SynchronizationGroups, args_1: SynchronizationSources) => SyncGroupViewState & {
     clearCache: () => void;
 }> & {
     clearCache: () => void;

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

@@ -10,6 +10,7 @@ export interface PlayButtonConnectProps {
     mapStartAnimation?: typeof mapActions.mapStartAnimation;
     mapStopAnimation?: typeof mapActions.mapStopAnimation;
     timeStep?: number;
+    linkedMapAnimationInfo?: any;
 }
 declare const PlayButtonConnect: React.FC<PlayButtonConnectProps>;
 export default PlayButtonConnect;

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

@@ -9,6 +9,8 @@ interface TimeSliderLegendProps {
     currentTime?: number;
     dataStartTime?: number;
     dataEndTime?: number;
+    animationStartTime?: string;
+    animationEndTime?: string;
     isTimeSliderHoverOn?: boolean;
     timeStep?: number;
     onSetNewDate?: (newDate: string) => void;

package/lib/components/TimeSlider/TimeSliderLegend/TimeSliderLegendRenderFunctions.d.ts

@@ -2,4 +2,4 @@ import { Theme } from '@mui/material';
 import { Scale } from '../../../store/mapStore/types';
 export declare const getRoundedStartAndEnd: (visibleTimeStart: number, visibleTimeEnd: number, scale: Scale) => [number, number];
 export declare const getCustomRoundedStartAndEnd: (visibleTimeStart: number, visibleTimeEnd: number, unit: string) => [number, number];
-export declare const renderTimeSliderLegend: (context: CanvasRenderingContext2D, theme: Theme, canvasWidth: number, height: number, centerTime: number, secondsPerPx: number, dataScaleToSecondsPerPx: number, selectedTimeUnix: number, scale: Scale, currentTimeUnix: number) => void;
+export declare const renderTimeSliderLegend: (context: CanvasRenderingContext2D, theme: Theme, canvasWidth: number, height: number, centerTime: number, secondsPerPx: number, dataScaleToSecondsPerPx: number, selectedTimeUnix: number, scale: Scale, currentTimeUnix: number, animationStartTime: number, animationEndTime: number) => void;

package/lib/components/TooltipSelect/TooltipSelect.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { SelectProps } from '@mui/material';
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"select">;
 declare type ListELement = {
     value: string;
 };

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

@@ -15,6 +15,7 @@ export declare const getSynchronizationGroupStore: ((state: {
 export declare const getTime: ((state: {
     sources: import("./synchronizationGroups/types").SynchronizationSources;
     groups: import("./synchronizationGroups/types").SynchronizationGroups;
+    viewState: import("../../components/SyncGroups/types").SyncGroupViewState;
 }, params_0: string) => string) & import("reselect").OutputSelectorFields<(args_0: SynchronizationSource) => string & {
     clearCache: () => void;
 }> & {

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

@@ -1,4 +1,4 @@
-import { SyncGroupAddGroupPayload, SyncGroupAddTargetPayload, SyncGroupLinkTargetPayload, SyncGroupRemoveGroupPayload, SyncGroupRemoveSourcePayload, SyncGroupRemoveTargetPayload, SyncGroupsAddSourcePayload, SynchronizationGroupActions } from './types';
+import { SyncGroupAddGroupPayload, SyncGroupAddTargetPayload, SyncGroupLinkTargetPayload, SyncGroupRemoveGroupPayload, SyncGroupRemoveSourcePayload, SyncGroupRemoveTargetPayload, SyncGroupsAddSourcePayload, SynchronizationGroupActions, SyncGroupSetViewStatePayload } from './types';
 /**
  * Add a source component to the sources list.
  *
@@ -77,3 +77,4 @@ export declare const syncGroupRemoveGroup: (payload: SyncGroupRemoveGroupPayload
  * Clear syncGroups
  */
 export declare const syncGroupClear: () => SynchronizationGroupActions;
+export declare const syncGroupSetViewState: (payload: SyncGroupSetViewStatePayload) => SynchronizationGroupActions;

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

@@ -9,3 +9,4 @@ export declare const SYNCGROUPS_CLEAR = "SYNCGROUPS_CLEAR";
 export declare const SYNCGROUPS_TYPE_SETTIME = "SYNCGROUPS_TYPE_SETTIME";
 export declare const SYNCGROUPS_TYPE_SETBBOX = "SYNCGROUPS_TYPE_SETBBOX";
 export declare const SYNCGROUPS_TYPE_SETLAYERACTIONS = "SYNCGROUPS_TYPE_SETLAYERACTIONS";
+export declare const SYNCGROUPS_SET_VIEW_STATE = "SYNCGROUPS_SET_VIEW_STATE";

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

@@ -3,5 +3,6 @@ import { SyncGroupAddTarget, SyncGroupLinkTarget } from './types';
 export declare function updateSourceValueWhenLinkingComponentToGroupSaga(groupId: string, targetToUpdate: string): SagaIterator;
 export declare function addGroupTargetSaga({ payload, }: SyncGroupAddTarget): SagaIterator;
 export declare function linkGroupTargetSaga({ payload, }: SyncGroupLinkTarget): SagaIterator;
+export declare function updateViewStateSaga(): SagaIterator;
 declare function rootSaga(): SagaIterator;
 export default rootSaga;

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

@@ -27,3 +27,16 @@ export declare const getSynchronizationGroup: (state: AppStore, id: string) => S
 export declare const getSynchronizationGroupSource: (state: AppStore, id: string) => SynchronizationSource;
 export declare const getTargets: (state: AppStore, payload: GenericActionPayload, actionType: SyncType) => SetBboxSyncPayload[] | SetTimeSyncPayload[];
 export declare const getTargetGroups: (state: AppStore, payload: GenericActionPayload, actionType: SyncType) => string[];
+export declare const syncGroupGetViewState: ((state: {
+    advancedLayerStore?: import("../../advancedLayerStore/types").AdvancedLayerStoreState;
+    syncronizationGroupStore?: SynchronizationGroupState;
+    ui?: import("../../ui/types").UIStoreType;
+    webmap?: import("../../mapStore/types").WebMapState;
+    services?: import("../../mapStore/types").ServiceState;
+    layers?: import("../../mapStore/types").LayerState;
+    layerSelect?: import("../../layerSelect/types").LayerSelectStoreType;
+}) => import("../../../components/SyncGroups/types").SyncGroupViewState) & import("reselect").OutputSelectorFields<(args_0: SynchronizationGroupState) => import("../../../components/SyncGroups/types").SyncGroupViewState & {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};

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

@@ -1,6 +1,7 @@
 import { Action } from 'redux';
 import { GenericActionPayload } from '../types';
-import { SYNCGROUPS_ADD_SOURCE, SYNCGROUPS_REMOVE_SOURCE, SYNCGROUPS_TOGGLE_LINK_TARGET, SYNCGROUPS_ADD_TARGET, SYNCGROUPS_REMOVE_TARGET, SYNCGROUPS_ADD_GROUP, SYNCGROUPS_REMOVE_GROUP, SYNCGROUPS_TYPE_SETBBOX, SYNCGROUPS_TYPE_SETTIME, SYNCGROUPS_TYPE_SETLAYERACTIONS, SYNCGROUPS_CLEAR } from './constants';
+import { SYNCGROUPS_ADD_SOURCE, SYNCGROUPS_REMOVE_SOURCE, SYNCGROUPS_TOGGLE_LINK_TARGET, SYNCGROUPS_ADD_TARGET, SYNCGROUPS_REMOVE_TARGET, SYNCGROUPS_ADD_GROUP, SYNCGROUPS_REMOVE_GROUP, SYNCGROUPS_TYPE_SETBBOX, SYNCGROUPS_TYPE_SETTIME, SYNCGROUPS_TYPE_SETLAYERACTIONS, SYNCGROUPS_CLEAR, SYNCGROUPS_SET_VIEW_STATE } from './constants';
+import { SyncGroupViewState } from '../../../components/SyncGroups/types';
 export interface SynchronizationGroup {
     type: SyncType;
     title?: string;
@@ -28,6 +29,7 @@ export interface SynchronizationGroups {
 export interface SynchronizationGroupState {
     sources: SynchronizationSources;
     groups: SynchronizationGroups;
+    viewState: SyncGroupViewState;
 }
 export interface SynchronizationGroupModuleState {
     syncronizationGroupStore?: SynchronizationGroupState;
@@ -63,6 +65,9 @@ export interface SyncGroupAddGroupPayload {
 export interface SyncGroupRemoveGroupPayload {
     groupId: string;
 }
+export interface SyncGroupSetViewStatePayload {
+    viewState: SyncGroupViewState;
+}
 export interface SyncGroupsAddSource extends Action {
     type: typeof SYNCGROUPS_ADD_SOURCE;
     payload: SyncGroupsAddSourcePayload;
@@ -94,5 +99,9 @@ export interface SyncGroupRemoveGroup extends Action {
 export interface SyncGroupClear extends Action {
     type: typeof SYNCGROUPS_CLEAR;
 }
+export interface SyncGroupSetViewState extends Action {
+    type: typeof SYNCGROUPS_SET_VIEW_STATE;
+    payload: SyncGroupSetViewStatePayload;
+}
 export declare const SyncGroupTypeList: string[];
-export declare type SynchronizationGroupActions = SyncGroupsAddSource | SyncGroupsRemoveSource | SyncGroupAddTarget | SyncGroupRemoveTarget | SyncGroupLinkTarget | SyncGroupAddGroup | SyncGroupRemoveGroup | SyncGroupClear;
+export declare type SynchronizationGroupActions = SyncGroupsAddSource | SyncGroupsRemoveSource | SyncGroupAddTarget | SyncGroupRemoveTarget | SyncGroupLinkTarget | SyncGroupAddGroup | SyncGroupRemoveGroup | SyncGroupClear | SyncGroupSetViewState;

package/lib/store/mapStore/map/selectors.d.ts

@@ -308,6 +308,36 @@ export declare const isAnimating: ((state: {
 }> & {
     clearCache: () => void;
 };
+/**
+ * Gets if any linked map is animating
+ *
+ * Example: linkedMapIsAnimating = linkedMapAnimationInfo(store, 'mapid_1')
+ * @param {object} store store: object - store object
+ * @param {string} mapId mapId: string - Id of the map
+ * @returns {object} returnType: object - object containing isAnimating boolean and id string
+ */
+export declare const linkedMapAnimationInfo: ((state: {
+    advancedLayerStore?: import("../../advancedLayerStore/types").AdvancedLayerStoreState;
+    syncronizationGroupStore?: import("../../generic/synchronizationGroups/types").SynchronizationGroupState;
+    ui?: import("../../ui/types").UIStoreType;
+    webmap?: WebMapState;
+    services?: import("../types").ServiceState;
+    layers?: import("../types").LayerState;
+    layerSelect?: import("../../layerSelect/types").LayerSelectStoreType;
+}, params_0: string) => {
+    isAnimating: boolean;
+    id: string;
+}) & import("reselect").OutputSelectorFields<(args_0: {
+    isAnimating: boolean;
+    id: string;
+}) => {
+    isAnimating: boolean;
+    id: string;
+} & {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
 /**
  * Gets start time of animation
  *

package/lib/store/ui/types.d.ts

@@ -1,6 +1,6 @@
 import { Action } from 'redux';
 import { UI_SET_ACTIVE_MAPID_FOR_DIALOG, UI_REGISTER_DIALOG, UI_TOGGLE_DIALOG, UI_UNREGISTER_DIALOG, UI_ORDER_DIALOG } from './constants';
-export declare type DialogType = 'legend' | 'layerManager' | 'layerSelect' | 'dimensionSelect-elevation' | 'dimensionSelect-ensemble_member' | 'keywordFilter' | 'timeSeriesManager';
+export declare type DialogType = 'legend' | 'layerManager' | 'layerSelect' | 'dimensionSelect-elevation' | 'dimensionSelect-ensemble_member' | 'keywordFilter' | 'timeSeriesManager' | 'syncGroups';
 export declare type Source = 'app' | 'module';
 export interface UIType {
     type: DialogType;

package/lib/utils/testUtils.d.ts

@@ -1,9 +1,10 @@
 import { WebMapState, LayerState, Dimension, Layer, WebMapStateModuleState, Scale } from '../store/mapStore/types';
+import { AppStore } from '../types/types';
 export declare const createWebmapState: (...mapIds: string[]) => WebMapState;
 export declare const createLayersState: (layerId: string, props?: {}) => LayerState;
 export declare const createMultipleLayersState: (layers: Layer[], mapId: string) => LayerState;
 export declare const createMapDimensionsState: (dimensions?: Dimension[], ...mapIds: string[]) => WebMapState;
-export declare const mockStateMapWithLayer: (layer: Layer, mapId: string) => WebMapStateModuleState;
+export declare const mockStateMapWithLayer: (layer: Layer, mapId: string) => AppStore;
 export declare const mockStateMapWithMultipleLayers: (layers: Layer[], mapId: string) => WebMapStateModuleState;
 export declare const mockStateMapWithDimensions: (layer: Layer, mapId: string) => WebMapStateModuleState;
 export declare const mockStateMapWithDimensionsWithoutLayers: (mapId: string) => WebMapStateModuleState;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/core",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "description": "GeoWeb Core library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -13,22 +13,22 @@
   "dependencies": {},
   "peerDependencies": {
     "react": "^17.0.2",
-    "@opengeoweb/theme": "2.3.0",
+    "@opengeoweb/theme": "2.4.0",
     "@mui/material": "^5.2.8",
     "@mui/styles": "^5.2.3",
     "@mui/icons-material": "^5.2.5",
     "react-redux": "7.2.2",
     "moment": "^2.29.0",
     "react-intl": "^5.17.5",
-    "@opengeoweb/webmap": "2.3.0",
+    "@opengeoweb/webmap": "2.4.0",
     "throttle-debounce": "^3.0.1",
     "proj4": "^2.6.2",
     "react-sortablejs": "^6.0.0",
-    "@opengeoweb/shared": "2.3.0",
+    "@opengeoweb/shared": "2.4.0",
     "react-draggable": "^4.4.3",
     "re-resizable": "^6.9.0",
     "lodash": "^4.17.20",
-    "@opengeoweb/form-fields": "2.3.0",
+    "@opengeoweb/form-fields": "2.4.0",
     "react-hook-form": "^6.12.1",
     "moment-timezone": "^0.5.31",
     "@mui/lab": "^5.0.0-alpha.64",

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

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { IconButtonProps } from '@mui/material';
-interface LayerManagerButtonProps extends IconButtonProps {
-    tooltipTitle: string;
-    onClick?: (event: React.MouseEvent) => void;
-    isActive?: boolean;
-    isEnabled?: boolean;
-    icon: React.ReactNode;
-    testId: string;
-    isAccessible?: boolean;
-}
-declare const LayerManagerButton: React.FC<LayerManagerButtonProps>;
-export default LayerManagerButton;

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

@@ -1,8 +0,0 @@
-import * as React from 'react';
-interface DeleteButtonProps {
-    tooltipTitle: string;
-    onClickDelete: () => void;
-    isEnabled?: boolean;
-}
-declare const DeleteButton: React.FC<DeleteButtonProps>;
-export default DeleteButton;

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

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

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

@@ -1,8 +0,0 @@
-import * as React from 'react';
-interface EnableLayerProps {
-    isEnabled?: boolean;
-    title: string;
-    onChangeEnableLayer: (enable: boolean) => void;
-}
-declare const EnableLayer: React.FC<EnableLayerProps>;
-export default EnableLayer;

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

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

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

@@ -1,5 +0,0 @@
-export interface LayerRowStyle {
-    isActive?: boolean;
-    isEnabled?: boolean;
-    isAccessible?: boolean;
-}