@opengeoweb/core 1.2.2 → 2.1.0

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

@@ -1,6 +1,13 @@
 import { AppStore } from '../../../types/types';
 import { ServiceState, ServiceLayer } from './types';
-import { Dimension, Layer } from '../types';
+/**
+ * Retrieves all serviceIds
+ *
+ * Example: serviceIds = getServiceIds(store)
+ * @param {object} store store: object - object from which the service state will be extracted
+ * @returns {array} returnType: array - an array of all serviceIds
+ */
+export declare const getServiceIds: import("reselect").OutputSelector<AppStore, string[], (res: ServiceState) => string[]>;
 /**
  * Gets map services
  *
@@ -8,7 +15,7 @@ import { Dimension, Layer } from '../types';
  * @param {object} store store: object - Store object
  * @returns {object} returnType: ServiceState
  */
-export declare const getServices: import("reselect").OutputSelector<AppStore, any[] | import("./types").Services, (res: ServiceState) => any[] | import("./types").Services>;
+export declare const getServices: import("reselect").OutputSelector<AppStore, import("./types").Services, (res: ServiceState) => import("./types").Services>;
 /**
  * Gets map layers from servicename
  *
@@ -17,40 +24,3 @@ export declare const getServices: import("reselect").OutputSelector<AppStore, an
  * @returns {array} returnType: ServiceLayer[]
  */
 export declare const getServiceLayersByName: (store: AppStore, serviceName: string) => ServiceLayer[];
-/**
- * Gets all dimensions of a layer from a service
- *
- * Example: dimensions = getServiceLayerDimensions(store, 'layer-id')
- * @param {object} store store: object - Store object
- * @param {string} layerId layerId: string - Id of the layer
- * @returns {array} returnType: Dimension[]
- */
-export declare const getServiceLayerDimensions: (store: AppStore, layerId: string) => Dimension[];
-/**
- * Gets all non time dimensions of a layer from a service
- *
- * Example: nonTimeDimensions = getServiceLayerNonTimeDimensions(store, 'layer-id')
- * @param {object} store store: object - Store object
- * @param {string} layerId layerId: string - Id of the layer
- * @returns {array} returnType: Dimension[]
- */
-export declare const getServiceLayerNonTimeDimensions: import("reselect").OutputParametricSelector<AppStore, string, Dimension[], (res: Dimension[]) => Dimension[]>;
-/**
- * Gets layers from store by dimension name
- *
- * Example: layer = getServiceLayersByDimension(store, 'dimName')
- * @param {object} store object from which the layer state will be extracted
- * @param {string} dimName dimension Name that the returned layers should contain
- * @returns {array} returnType:Layer[] array containing layers with desired dimension name
- */
-export declare const getServiceLayersByDimension: (store: AppStore, dimName: string) => Layer[];
-/**
- * Gets layers from store by dimension name for a certain map
- *
- * Example: layer = getMapServiceLayersByDimension(store, 'dimName')
- * @param {object} store object from which the layer state will be extracted
- * @param {string} mapId ]Id of the map
- * @param {string} dimName dimension Name that the returned layers should contain
- * @returns {array} returnType:Layer[] array containing layers containting requested dimension for specified map
- */
-export declare const getMapServiceLayersByDimension: (store: AppStore, mapId: string, dimName: string) => Layer[];

package/lib/store/mapStore/service/types.d.ts

@@ -1,10 +1,8 @@
 import { Style } from '@opengeoweb/webmap';
 import { Action } from 'redux';
-import { Dimension } from '../map/types';
-import { MAP_SERVICES_SET_LAYERS, MAP_SERVICES_LAYER_SET_STYLES, MAP_SERVICES_LAYER_SET_DIMENSIONS } from './constants';
+import { MAP_SERVICES_SET_LAYERS, MAP_SERVICES_LAYER_SET_STYLES } from './constants';
 export interface ServicesLayerStyles {
     styles: Record<string, unknown>[];
-    dimensions?: Dimension[];
 }
 export interface Services {
     [key: string]: Service;
@@ -23,17 +21,8 @@ export interface ServiceLayer {
     path: string;
 }
 export interface ServiceState {
-    services: Services;
-}
-export interface SetLayerDimensionsForServicePayload {
-    origin?: string;
-    service: string;
-    name: string;
-    dimensions: Dimension[];
-}
-interface SetLayerDimensionsForService extends Action {
-    type: typeof MAP_SERVICES_LAYER_SET_DIMENSIONS;
-    payload: SetLayerDimensionsForServicePayload;
+    byId: Services;
+    allIds: string[];
 }
 export interface SetLayersForServicePayload {
     service: string;
@@ -53,5 +42,5 @@ interface SetLayerStylesForService extends Action {
     type: typeof MAP_SERVICES_LAYER_SET_STYLES;
     payload: SetLayerStylesForServicePayload;
 }
-export declare type ServiceActions = SetLayerDimensionsForService | SetLayersForService | SetLayerStylesForService;
+export declare type ServiceActions = SetLayersForService | SetLayerStylesForService;
 export {};

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

@@ -6,6 +6,6 @@ export * from './layers/types';
 export * from './service/types';
 export interface WebMapStateModuleState {
     webmap?: WebMapState;
-    mapServices?: ServiceState;
+    services?: ServiceState;
     layers?: LayerState;
 }

package/lib/store/mapStore/utils/helpers.d.ts

@@ -2,6 +2,8 @@ import { WMJSMap, WMLayer } from '@opengeoweb/webmap';
 import { Dimension, WMJSDimension } from '../types';
 export declare const generateLayerId: () => string;
 export declare const generateMapId: () => string;
+export declare const generateTimesliderId: () => string;
+export declare const generateScreenId: () => string;
 /**
  * Registers a WMJSLayer in a lookuptable with a layerId
  * @param {WMLayer} wmLayer

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

@@ -1,29 +1,36 @@
-import { SetActiveMapIdForDialogPayload, UIActions, UIRegisterDialogPayload, UIToggleDialogPayload, UIUnRegisterDialogPayload } from './types';
+import { SetActiveMapIdForDialogPayload, UIActions, UIOrderDialogPayload, UIRegisterDialogPayload, UIToggleDialogPayload, UIUnRegisterDialogPayload } from './types';
 /**
  * Registers the dialog in the store and creates the dialog state
  *
  * Example: registerDialog({'dialogId1', type: 'legend}) you can optionally specify the activeMapId and whether the dialog is open
- * @param {string} payload {type: 'legend' | 'layerManager' | 'verticalDimensionSelect', activeMapId?: string, setOpen?: boolean}
+ * @param {string} payload {type: 'legend' | 'layerManager' | 'dimensionSelect-elevation', activeMapId?: string, setOpen?: boolean}
  */
 export declare const registerDialog: (payload: UIRegisterDialogPayload) => UIActions;
 /**
  * Deletes the dialog from the store (from both allIds and byId)
  *
  * Example: unregisterDialog({type: 'legend'})
- * @param {string} payload {type: 'legend' | 'layerManager' | 'verticalDimensionSelect'}
+ * @param {string} payload {type: 'legend' | 'layerManager' | 'dimensionSelect-elevation'}
  */
 export declare const unregisterDialog: (payload: UIUnRegisterDialogPayload) => UIActions;
 /**
  * Sets the active map id for a dialogtype
  *
  * Example: setActiveMapIdForDialog({ activeMapId: 'mapId1', type: 'legend'})
- * @param {object} payload object with  activeMapId: string, type: 'legend' | 'layerManager' | 'verticalDimensionSelect'
+ * @param {object} payload object with  activeMapId: string, type: 'legend' | 'layerManager' | 'dimensionSelect-elevation'
  */
 export declare const setActiveMapIdForDialog: (payload: SetActiveMapIdForDialogPayload) => UIActions;
 /**
  * Toggles the open state to the boolean you pass in
  *
  * Example: setToggleOpenDialog({ type: 'legend', setOpen: true})
- * @param {object} payload object with type: 'legend' | 'layerManager' | 'verticalDimensionSelect', setOpen: boolean (new state of dialog)
+ * @param {object} payload object with type: 'legend' | 'layerManager' | 'dimensionSelect-elevation', setOpen: boolean (new state of dialog)
  */
 export declare const setToggleOpenDialog: (payload: UIToggleDialogPayload) => UIActions;
+/**
+ * Orders UI element to top
+ *
+ * Example: orderDialog({ type: 'legend'})
+ * @param {object} payload object with type: 'legend' | 'layerManager' | 'dimensionSelect-elevation'
+ */
+export declare const orderDialog: (payload: UIOrderDialogPayload) => UIActions;

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

@@ -2,3 +2,4 @@ export declare const UI_SET_ACTIVE_MAPID_FOR_DIALOG = "UI_SET_ACTIVE_MAPID_FOR_D
 export declare const UI_REGISTER_DIALOG = "UI_REGISTER_DIALOG";
 export declare const UI_UNREGISTER_DIALOG = "UI_UNREGISTER_DIALOG";
 export declare const UI_TOGGLE_DIALOG = "UI_TOGGLE_DIALOG";
+export declare const UI_ORDER_DIALOG = "UI_ORDER_DIALOG";

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

@@ -1,10 +1,18 @@
-import { DialogType, UIActions, UIStoreType, UIType } from './types';
+import { DialogType, Source, UIActions, UIStoreType, UIType } from './types';
 interface CreateUIDialogElementProps {
     activeMapId: string;
     type: DialogType;
     setOpen: boolean;
+    source?: Source;
 }
-export declare const createUIDialogElement: ({ activeMapId, type, setOpen, }: CreateUIDialogElementProps) => UIType;
-export declare const initialState: {};
-export declare const reducer: (state: {}, action: UIActions) => UIStoreType;
+export declare const moveToTop: <Type>(list: Type[], element: Type) => Type[];
+export declare const createUIDialogElement: ({ activeMapId, type, setOpen, source, }: CreateUIDialogElementProps) => UIType;
+export declare const initialState: {
+    order: any[];
+    dialogs: {};
+};
+export declare const reducer: (state: {
+    order: any[];
+    dialogs: {};
+}, action: UIActions) => UIStoreType;
 export {};

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

@@ -0,0 +1,5 @@
+import { SagaIterator } from 'redux-saga';
+export declare function registerMapUISaga(): SagaIterator;
+export declare function unregisterUIMapSaga(): SagaIterator;
+export declare function rootSaga(): SagaIterator;
+export default rootSaga;

package/lib/store/ui/sagas.test.d.ts

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

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

@@ -1,11 +1,11 @@
 import { AppStore } from '../../types/types';
-import { UIType } from './types';
+import { DialogType, UIType } from './types';
 /**
  * Gets the active map Id and wether a dialog is open or closed
  *
  * Example: getDialogDetailsByType(store, 'legend')
  * @param {object} store store object from which the ui state wll be extracted
- * @param {string} dialogType type of the dialog 'legend' | 'layerManager' | 'verticalDimensionSelect'
+ * @param {string} dialogType type of the dialog 'legend' | 'layerManager' | 'dimensionSelect-elevation'
  * @returns {array} [string, boolean] first element gives the active map id, second element whether the dialog is open
  */
 export declare const getDialogDetailsByType: (store: AppStore, dialogType: string) => UIType;
@@ -13,7 +13,7 @@ export declare const getDialogDetailsByType: (store: AppStore, dialogType: strin
  * For a given ui component: gets wether the dialog is open or closed
  *
  * @param {object} store store object from which the ui state wll be extracted
- * @param {string} dialogType type of the dialog 'legend' | 'layerManager' | 'verticalDimensionSelect'
+ * @param {string} dialogType type of the dialog 'legend' | 'layerManager' | 'dimensionSelect-elevation'
  * @returns {array} [string, boolean] first element gives the active map id, second element whether the dialog is open
  */
 export declare const getisDialogOpen: import("reselect").OutputParametricSelector<AppStore, string, boolean, (res: UIType) => boolean>;
@@ -21,7 +21,24 @@ export declare const getisDialogOpen: import("reselect").OutputParametricSelecto
  *For a given ui component: gets the active map Id
  *
  * @param {object} store store object from which the ui state wll be extracted
- * @param {string} dialogType type of the dialog 'legend' | 'layerManager' | 'verticalDimensionSelect'
+ * @param {string} dialogType type of the dialog 'legend' | 'layerManager' | 'dimensionSelect-elevation'
  * @returns {array} [string, boolean] first element gives the active map id, second element whether the dialog is open
  */
 export declare const getDialogMapId: import("reselect").OutputParametricSelector<AppStore, string, string, (res: UIType) => string>;
+/**
+ *For a given ui component: gets the order of visible dialog
+ *
+ * @param {object} store store object from which the ui state wll be extracted
+ * @param {DialogType} dialogType type of the dialog 'legend' | 'layerManager' | 'dimensionSelect-elevation' | dimensionSelect-ensemble_member
+ * @returns {number} the higher the order number the higher the zIndex
+ */
+export declare const getDialogOrder: import("reselect").OutputParametricSelector<AppStore, DialogType, number, (res: number) => number>;
+/**
+ *For a given ui component: returns if ordered on top
+ *
+ * @param {object} store store object from which the ui state wll be extracted
+ * @param {DialogType} dialogType type of the dialog 'legend' | 'layerManager' | 'dimensionSelect-elevation' | dimensionSelect-ensemble_member
+ * @returns {boolean}
+ */
+export declare const getDialogIsOrderedOnTop: import("reselect").OutputParametricSelector<AppStore, DialogType, boolean, (res: boolean) => boolean>;
+export declare const getDialogSource: import("reselect").OutputParametricSelector<AppStore, string, import("./types").Source, (res: UIType) => import("./types").Source>;

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

@@ -1,12 +1,17 @@
 import { Action } from 'redux';
-import { UI_SET_ACTIVE_MAPID_FOR_DIALOG, UI_REGISTER_DIALOG, UI_TOGGLE_DIALOG, UI_UNREGISTER_DIALOG } from './constants';
-export declare type DialogType = 'legend' | 'layerManager' | 'verticalDimensionSelect';
+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';
+export declare type Source = 'app' | 'module';
 export interface UIType {
     type: DialogType;
     activeMapId: string;
     isOpen: boolean;
+    source?: Source;
+}
+export interface UIStoreType {
+    order: DialogType[];
+    dialogs: Partial<Record<DialogType, UIType>>;
 }
-export declare type UIStoreType = Partial<Record<DialogType, UIType>>;
 export interface UIModuleState {
     ui?: UIStoreType;
 }
@@ -14,6 +19,7 @@ export interface SetActiveMapIdForDialogPayload {
     type: DialogType;
     activeMapId: string;
     setOpen?: boolean;
+    source?: Source;
 }
 export interface SetActiveMapIdForDialog extends Action {
     type: typeof UI_SET_ACTIVE_MAPID_FOR_DIALOG;
@@ -43,4 +49,11 @@ export interface UIToggleDialog extends Action {
     type: typeof UI_TOGGLE_DIALOG;
     payload: UIToggleDialogPayload;
 }
-export declare type UIActions = SetActiveMapIdForDialog | UIRegisterDialog | UIUnRegisterDialog | UIToggleDialog;
+export interface UIOrderDialogPayload {
+    type: DialogType;
+}
+export interface UIOrderDialog extends Action {
+    type: typeof UI_ORDER_DIALOG;
+    payload: UIOrderDialogPayload;
+}
+export declare type UIActions = SetActiveMapIdForDialog | UIRegisterDialog | UIUnRegisterDialog | UIToggleDialog | UIOrderDialog;

package/lib/storybookUtils/defaultStorySettings.d.ts

@@ -16,6 +16,7 @@ interface UseDefaultMapSettingsProps {
     baseLayers?: Layer[];
     bbox?: Bbox;
     srs?: string;
+    shouldAutoUpdate?: boolean;
 }
 export declare const useDefaultMapSettings: (props?: UseDefaultMapSettingsProps) => void;
 export {};

package/lib/utils/defaultConfigurations.d.ts

@@ -0,0 +1,21 @@
+export declare const availableDefaultBaseLayers: ({
+    id: string;
+    name: string;
+    type: string;
+    layerType: import("../store/mapStore/types").LayerType;
+} | {
+    service: string;
+    id: string;
+    name: string;
+    layerType: import("../store/mapStore/types").LayerType;
+})[];
+export declare const preloadedDefaultBaseServices: {
+    name: string;
+    url: string;
+    id: string;
+}[];
+export declare const preloadedDefaultMapServices: {
+    name: string;
+    url: string;
+    id: string;
+}[];

package/lib/utils/defaultTestSettings.d.ts

@@ -107,11 +107,6 @@ export declare const defaultReduxServices: {
                     legendURL: string;
                     abstracttext: string;
                 }[];
-                dimensions: {
-                    name: string;
-                    units: string;
-                    currentValue: string;
-                }[];
             };
             MULTI_DIMENSION_LAYER: {
                 styles: {
@@ -147,17 +142,6 @@ export declare const defaultReduxServices: {
                     legendURL: string;
                     abstracttext: string;
                 }[];
-                dimensions: ({
-                    name: string;
-                    units: string;
-                    currentValue: string;
-                    values?: undefined;
-                } | {
-                    name: string;
-                    units: string;
-                    currentValue: string;
-                    values: string;
-                })[];
             };
             LAYER_WITHOUT_TIME: {
                 styles: {
@@ -193,12 +177,6 @@ export declare const defaultReduxServices: {
                     legendURL: string;
                     abstracttext: string;
                 }[];
-                dimensions: {
-                    name: string;
-                    units: string;
-                    currentValue: string;
-                    values: string;
-                }[];
             };
         };
     };
@@ -333,17 +311,6 @@ export declare const WmMultiDimensionServices: {
                     legendURL: string;
                     abstracttext: string;
                 }[];
-                dimensions: ({
-                    name: string;
-                    units: string;
-                    currentValue: string;
-                    values: string;
-                } | {
-                    name: string;
-                    units: string;
-                    currentValue: string;
-                    values?: undefined;
-                })[];
             };
         };
     };
@@ -357,20 +324,9 @@ export declare const WmMultiDimensionServices: {
         layer: {
             RADNL_OPER_R___25PCPRR_L3_KNMI: {
                 styles: any[];
-                dimensions: {
-                    name: string;
-                    units: string;
-                    currentValue: string;
-                }[];
             };
             LAYER_WITHOUT_TIME: {
                 styles: any[];
-                dimensions: {
-                    name: string;
-                    units: string;
-                    currentValue: string;
-                    values: string;
-                }[];
             };
         };
     };

package/lib/utils/dimensionUtils.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { WMJSDimension } from '@opengeoweb/webmap';
+export interface Mark {
+    value: number | string;
+    label?: React.ReactNode;
+}
+export declare const marksByDimension: (dim: WMJSDimension) => Mark[];
+/**
+ * Re-formats moment's isoString to the string that is expected by WMJSDimension (for time).
+ * @param dateIn The input date to re-format, usually in the format `YYYY-MM-DDThh:mm:ss.uuuZ`
+ * @returns The formated input date in the format `YYYY-MM-DDThh:mm:ssZ`
+ */
+export declare const handleMomentISOString: (dateIn: string) => string;

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

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

package/lib/utils/getCapabilities.d.ts

@@ -7,6 +7,8 @@ export interface LayerTree {
     path: string | string[];
     title: string;
     children: LayerTree[];
+    keywords?: string[];
+    abstract?: string;
     text?: string;
 }
 /**