@opengeoweb/core 2.1.2 → 2.2.0

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

@@ -1,5 +1,5 @@
-import { AppStore } from '../../../types/types';
-import { ServiceState, ServiceLayer } from './types';
+import { Style } from '@opengeoweb/webmap';
+import { ServiceState, ServiceLayer, Service } from './types';
 /**
  * Retrieves all serviceIds
  *
@@ -7,7 +7,19 @@ import { ServiceState, ServiceLayer } from './types';
  * @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[]>;
+export declare const getServiceIds: ((state: {
+    advancedLayerStore?: import("../../advancedLayerStore/types").AdvancedLayerStoreState;
+    syncronizationGroupStore?: import("../../generic/synchronizationGroups/types").SynchronizationGroupState;
+    ui?: import("../../ui/types").UIStoreType;
+    webmap?: import("../types").WebMapState;
+    services?: ServiceState;
+    layers?: import("../types").LayerState;
+    layerSelect?: import("../../layerSelect/types").LayerSelectStoreType;
+}) => string[]) & import("reselect").OutputSelectorFields<(args_0: ServiceState) => string[] & {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
 /**
  * Gets map services
  *
@@ -15,20 +27,101 @@ export declare const getServiceIds: import("reselect").OutputSelector<AppStore,
  * @param {object} store store: object - Store object
  * @returns {object} returnType: ServiceState
  */
-export declare const getServices: import("reselect").OutputSelector<AppStore, import("./types").Services, (res: ServiceState) => import("./types").Services>;
+export declare const getServices: ((state: {
+    advancedLayerStore?: import("../../advancedLayerStore/types").AdvancedLayerStoreState;
+    syncronizationGroupStore?: import("../../generic/synchronizationGroups/types").SynchronizationGroupState;
+    ui?: import("../../ui/types").UIStoreType;
+    webmap?: import("../types").WebMapState;
+    services?: ServiceState;
+    layers?: import("../types").LayerState;
+    layerSelect?: import("../../layerSelect/types").LayerSelectStoreType;
+}) => import("./types").Services) & import("reselect").OutputSelectorFields<(args_0: ServiceState) => import("./types").Services & {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
 /**
- * Gets map layers from servicename
+ * Gets the service object by its url
  *
- * Example: layers = getServices(store, 'serviceName')
+ * Example: service = getServiceByName(store, 'serviceName')
  * @param {object} store store: object - Store object
- * @returns {array} returnType: ServiceLayer[]
+ * @returns {Service} returnType: Service
  */
-export declare const getServiceLayersByName: (store: AppStore, serviceName: string) => ServiceLayer[];
+export declare const getServiceByName: ((state: {
+    advancedLayerStore?: import("../../advancedLayerStore/types").AdvancedLayerStoreState;
+    syncronizationGroupStore?: import("../../generic/synchronizationGroups/types").SynchronizationGroupState;
+    ui?: import("../../ui/types").UIStoreType;
+    webmap?: import("../types").WebMapState;
+    services?: ServiceState;
+    layers?: import("../types").LayerState;
+    layerSelect?: import("../../layerSelect/types").LayerSelectStoreType;
+}, params_0: string) => Service) & import("reselect").OutputSelectorFields<(args_0: ServiceState, args_1: string) => Service & {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
 /**
- * Gets all keywords from services
+ * Gets the layer from the store using the serviceUrl and layerName
  *
- *   const keywords = useSelector((store) => mapSelectors.getKeywords(store));
- * @param {object} store store: object - Store object
- * @returns {array} returnType: Keyword[]
+ * Example: layers = getLayersFromService(store, 'https://geoservices.knmi.nl/...')
+ * @param {object} store store: object - object from which the layers state will be extracted
+ * @param {string}  serviceUrl serviceUrl: string - Url of the service where the layer belongs to
+ * @returns {arrayr} returnType: ServiceLayer[] - All layers within the service object.
+ */
+export declare const getLayersFromService: ((state: {
+    advancedLayerStore?: import("../../advancedLayerStore/types").AdvancedLayerStoreState;
+    syncronizationGroupStore?: import("../../generic/synchronizationGroups/types").SynchronizationGroupState;
+    ui?: import("../../ui/types").UIStoreType;
+    webmap?: import("../types").WebMapState;
+    services?: ServiceState;
+    layers?: import("../types").LayerState;
+    layerSelect?: import("../../layerSelect/types").LayerSelectStoreType;
+}, params_0: string) => ServiceLayer[]) & import("reselect").OutputSelectorFields<(args_0: Service) => ServiceLayer[] & {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+/**
+ * Gets the layer from the store using the serviceUrl and layerName
+ *
+ * Example: layer = getLayerFromService(store, 'https://geoservices.knmi.nl/...', 'radar')
+ * @param {object} store store: object - The application store
+ * @param {string}  serviceUrl serviceUrl: string - Url of the service where the layer belongs to
+ * @param {string}  layerName layerName: string - Name of the layer in the service
+ * @returns {ServiceLayer} returnType: ServiceLayer - The layer from the service object.
+ */
+export declare const getLayerFromService: ((state: {
+    advancedLayerStore?: import("../../advancedLayerStore/types").AdvancedLayerStoreState;
+    syncronizationGroupStore?: import("../../generic/synchronizationGroups/types").SynchronizationGroupState;
+    ui?: import("../../ui/types").UIStoreType;
+    webmap?: import("../types").WebMapState;
+    services?: ServiceState;
+    layers?: import("../types").LayerState;
+    layerSelect?: import("../../layerSelect/types").LayerSelectStoreType;
+}, params_0: string, params_1: string) => ServiceLayer) & import("reselect").OutputSelectorFields<(args_0: ServiceLayer[], args_1: string, args_2: string) => ServiceLayer & {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+/**
+ * Gets the layers stylelist from the servicestore using the serviceUrl and layerName
+ *
+ * Example: layerStyles = getLayerStyles(store, layerService, layerName);
+ * @param {object} store store: object - store from which the layers state will be extracted
+ * @param {string}  serviceUrl serviceUrl: string - Url of the service where the layer belongs to
+ * @param {string}  layerName layerName: string - Name of the layer in the service
+ * @returns {array} returnType: Style[] - array containing layer styles
  */
-export declare const getKeywords: import("reselect").OutputSelector<AppStore, string[], (res: ServiceState) => string[]>;
+export declare const getLayerStyles: ((state: {
+    advancedLayerStore?: import("../../advancedLayerStore/types").AdvancedLayerStoreState;
+    syncronizationGroupStore?: import("../../generic/synchronizationGroups/types").SynchronizationGroupState;
+    ui?: import("../../ui/types").UIStoreType;
+    webmap?: import("../types").WebMapState;
+    services?: ServiceState;
+    layers?: import("../types").LayerState;
+    layerSelect?: import("../../layerSelect/types").LayerSelectStoreType;
+}, params_0: string, params_1: string) => Style[]) & import("reselect").OutputSelectorFields<(args_0: ServiceLayer) => Style[] & {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};

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

@@ -1,4 +1,6 @@
+import { Style } from '@opengeoweb/webmap';
 import { Action } from 'redux';
+import type { UpdateLayerInfo } from '../types';
 import { MAP_SERVICES_SET_LAYERS } from './constants';
 export interface Services {
     [key: string]: Service;
@@ -7,6 +9,7 @@ export interface Service {
     id?: string;
     name?: string;
     service?: string;
+    active?: boolean;
     layers?: ServiceLayer[];
 }
 /**
@@ -16,8 +19,10 @@ export interface ServiceLayer {
     name: string;
     text: string;
     leaf: boolean;
-    path: string;
+    path: string[];
+    abstract?: string;
     keywords?: string[];
+    styles?: Style[];
 }
 export interface ServiceState {
     byId: Services;
@@ -33,5 +38,5 @@ interface SetLayersForService extends Action {
     type: typeof MAP_SERVICES_SET_LAYERS;
     payload: SetLayersForServicePayload;
 }
-export declare type ServiceActions = SetLayersForService;
+export declare type ServiceActions = SetLayersForService | UpdateLayerInfo;
 export {};

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

@@ -4,7 +4,6 @@ export declare const dateFormat = "YYYY-MM-DDTHH:mm:ss[Z]";
 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

@@ -2,8 +2,8 @@ import { SetActiveMapIdForDialogPayload, UIActions, UIOrderDialogPayload, UIRegi
 /**
  * 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' | 'dimensionSelect-elevation', activeMapId?: string, setOpen?: boolean}
+ * Example: registerDialog({'dialogId1', type: 'legend}) you can optionally specify the activeMapId, whether the dialog is open and the souce ('app' or 'module', default is 'app')
+ * @param {string} payload {type: 'legend' | 'layerManager' | 'dimensionSelect-elevation', activeMapId?: string, setOpen?: boolean, source?: Source}
  */
 export declare const registerDialog: (payload: UIRegisterDialogPayload) => UIActions;
 /**

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

@@ -16,7 +16,19 @@ export declare const getDialogDetailsByType: (store: AppStore, dialogType: strin
  * @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>;
+export declare const getisDialogOpen: ((state: {
+    advancedLayerStore?: import("../advancedLayerStore/types").AdvancedLayerStoreState;
+    syncronizationGroupStore?: import("../generic/synchronizationGroups/types").SynchronizationGroupState;
+    ui?: import("./types").UIStoreType;
+    webmap?: import("../mapStore/types").WebMapState;
+    services?: import("../mapStore/types").ServiceState;
+    layers?: import("../mapStore/types").LayerState;
+    layerSelect?: import("../layerSelect/types").LayerSelectStoreType;
+}, params_0: string) => boolean) & import("reselect").OutputSelectorFields<(args_0: UIType) => boolean & {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
 /**
  *For a given ui component: gets the active map Id
  *
@@ -24,7 +36,19 @@ export declare const getisDialogOpen: import("reselect").OutputParametricSelecto
  * @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>;
+export declare const getDialogMapId: ((state: {
+    advancedLayerStore?: import("../advancedLayerStore/types").AdvancedLayerStoreState;
+    syncronizationGroupStore?: import("../generic/synchronizationGroups/types").SynchronizationGroupState;
+    ui?: import("./types").UIStoreType;
+    webmap?: import("../mapStore/types").WebMapState;
+    services?: import("../mapStore/types").ServiceState;
+    layers?: import("../mapStore/types").LayerState;
+    layerSelect?: import("../layerSelect/types").LayerSelectStoreType;
+}, params_0: string) => string) & import("reselect").OutputSelectorFields<(args_0: UIType) => string & {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
 /**
  *For a given ui component: gets the order of visible dialog
  *
@@ -32,7 +56,19 @@ export declare const getDialogMapId: import("reselect").OutputParametricSelector
  * @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>;
+export declare const getDialogOrder: ((state: {
+    advancedLayerStore?: import("../advancedLayerStore/types").AdvancedLayerStoreState;
+    syncronizationGroupStore?: import("../generic/synchronizationGroups/types").SynchronizationGroupState;
+    ui?: import("./types").UIStoreType;
+    webmap?: import("../mapStore/types").WebMapState;
+    services?: import("../mapStore/types").ServiceState;
+    layers?: import("../mapStore/types").LayerState;
+    layerSelect?: import("../layerSelect/types").LayerSelectStoreType;
+}, params_0: DialogType) => number) & import("reselect").OutputSelectorFields<(args_0: number) => number & {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
 /**
  *For a given ui component: returns if ordered on top
  *
@@ -40,5 +76,29 @@ export declare const getDialogOrder: import("reselect").OutputParametricSelector
  * @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>;
+export declare const getDialogIsOrderedOnTop: ((state: {
+    advancedLayerStore?: import("../advancedLayerStore/types").AdvancedLayerStoreState;
+    syncronizationGroupStore?: import("../generic/synchronizationGroups/types").SynchronizationGroupState;
+    ui?: import("./types").UIStoreType;
+    webmap?: import("../mapStore/types").WebMapState;
+    services?: import("../mapStore/types").ServiceState;
+    layers?: import("../mapStore/types").LayerState;
+    layerSelect?: import("../layerSelect/types").LayerSelectStoreType;
+}, params_0: DialogType) => boolean) & import("reselect").OutputSelectorFields<(args_0: boolean) => boolean & {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const getDialogSource: ((state: {
+    advancedLayerStore?: import("../advancedLayerStore/types").AdvancedLayerStoreState;
+    syncronizationGroupStore?: import("../generic/synchronizationGroups/types").SynchronizationGroupState;
+    ui?: import("./types").UIStoreType;
+    webmap?: import("../mapStore/types").WebMapState;
+    services?: import("../mapStore/types").ServiceState;
+    layers?: import("../mapStore/types").LayerState;
+    layerSelect?: import("../layerSelect/types").LayerSelectStoreType;
+}, params_0: string) => import("./types").Source) & import("reselect").OutputSelectorFields<(args_0: UIType) => import("./types").Source & {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};

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';
+export declare type DialogType = 'legend' | 'layerManager' | 'layerSelect' | 'dimensionSelect-elevation' | 'dimensionSelect-ensemble_member' | 'keywordFilter';
 export declare type Source = 'app' | 'module';
 export interface UIType {
     type: DialogType;
@@ -29,6 +29,7 @@ export interface UIRegisterDialogPayload {
     type: DialogType;
     activeMapId?: string;
     setOpen?: boolean;
+    source?: Source;
 }
 export interface UIRegisterDialog extends Action {
     type: typeof UI_REGISTER_DIALOG;

package/lib/storybookUtils/HelperComponents.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Layer } from '../store/mapStore/layers/types';
-export declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"content" | "title" | "root" | "chips">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"content" | "title" | "root" | "chips">;
 declare type ExampleLayer = {
     title: string;
     layers: Layer[];

package/lib/storybookUtils/storyComponents/MapDrawGeoJSON.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare const useDrawPolyStoryStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"MapDrawGeoJSONContainer" | "MapDrawGeoJSONMapContainer" | "MapDrawGeoJSONControlsContainer" | "MapDrawGeoJSONTextAreaContainer" | "MapDrawGeoJSONTextArea">;
+export declare const useDrawPolyStoryStyles: (props?: any) => import("@mui/styles").ClassNameMap<"MapDrawGeoJSONContainer" | "MapDrawGeoJSONMapContainer" | "MapDrawGeoJSONControlsContainer" | "MapDrawGeoJSONTextAreaContainer" | "MapDrawGeoJSONTextArea">;
 export declare const useGeoJSON: () => {
     editModes: {
         key: string;
@@ -16,9 +16,9 @@ export declare const useGeoJSON: () => {
     changeDrawMode: (mode: string) => void;
     setEditMode: (on: boolean) => void;
 };
-declare const _default: React.ComponentType<Pick<{
-    classes: import("@material-ui/styles").ClassNameMap<string>;
-} & {
+declare const _default: React.JSXElementConstructor<Omit<{
+    classes: import("@mui/styles").ClassNameMap<string>;
+} & Record<string, unknown> & {
     children?: React.ReactNode;
-}, "children"> & import("@material-ui/core").StyledComponentProps<string> & Record<string, unknown>>;
+}, string> & import("@mui/styles").StyledComponentProps<string> & Record<string, unknown>>;
 export default _default;

package/lib/storybookUtils/storyComponents/MapDrawGeoJSONStyles.d.ts

@@ -1,3 +1,4 @@
-import { StyleRulesCallback, Theme } from '@material-ui/core';
+import { Theme } from '@mui/material';
+import { StyleRulesCallback } from '@mui/styles';
 declare const mapDrawGeoJSONStyles: StyleRulesCallback<Theme, Record<string, unknown>>;
 export default mapDrawGeoJSONStyles;

package/lib/utils/defaultTestSettings.d.ts

@@ -1,4 +1,4 @@
-import { WMLayer } from '@opengeoweb/webmap';
+import { Style, WMLayer } from '@opengeoweb/webmap';
 import { Service } from '../components/WMSLoader/services';
 import { LayerType } from '../store/mapStore/types';
 export declare const defaultReduxLayerRadarColor: {
@@ -41,17 +41,38 @@ export declare const defaultReduxLayerRadarKNMI: {
 };
 export declare const WmdefaultReduxLayerRadarKNMI: WMLayer;
 export declare const makeGeoservicesRadarLayer: () => WMLayer;
+export declare const styleListForRADNL25PCPCMLayer: Style[];
+export declare const styleListForRADNLOPERR25PCPRRL3KNMILayer: Style[];
 export declare const defaultReduxServices: {
     'https://testservice': {
         id: string;
         name: string;
         service: string;
-        layers: {
+        layers: ({
             name: string;
             text: string;
             leaf: boolean;
-            path: string;
-        }[];
+            path: any[];
+            keywords: string[];
+            abstract: string;
+            styles?: undefined;
+        } | {
+            name: string;
+            text: string;
+            leaf: boolean;
+            path: any[];
+            keywords: string[];
+            abstract: string;
+            styles: Style[];
+        } | {
+            name: string;
+            text: string;
+            leaf: boolean;
+            path: any[];
+            keywords: any[];
+            abstract?: undefined;
+            styles?: undefined;
+        })[];
     };
 };
 export declare const multiDimensionLayer: {
@@ -168,7 +189,7 @@ export declare const WmMultiDimensionServices: {
             name: string;
             text: string;
             leaf: boolean;
-            path: string;
+            path: any[];
         }[];
     };
     'https://testservice': {
@@ -179,7 +200,7 @@ export declare const WmMultiDimensionServices: {
             name: string;
             text: string;
             leaf: boolean;
-            path: string;
+            path: any[];
         }[];
     };
 };

package/lib/utils/getCapabilities.d.ts

@@ -23,8 +23,8 @@ export declare const recurseNodes: (nodesToRecur: LayerTree) => LayerTree;
  */
 export declare const getLayersFromService: (serviceUrl: string, forceReload?: boolean) => Promise<LayerTree>;
 /**
- * Returns a promise with a webmapjs node structure layers from the WMS GetCapabilities document.
+ * Returns a promise with an array of flattened layerobjects from the WMS GetCapabilities document.
  * @param serviceUrl The URL of the WMS service
  * @param {boolean} forceReload **optional** forceReload: boolean, true will force the layers to be reloaded from the service, defaults to false
  */
-export declare const getLayerNodesFromService: (serviceUrl: string, forceReload?: boolean) => Promise<[]>;
+export declare const getLayersFlattenedFromService: (serviceUrl: string, forceReload?: boolean) => Promise<[]>;

package/lib/utils/testUtils.d.ts

@@ -1,4 +1,4 @@
-import { WebMapState, LayerState, Dimension, Layer, WebMapStateModuleState } from '../store/mapStore/types';
+import { WebMapState, LayerState, Dimension, Layer, WebMapStateModuleState, Scale } from '../store/mapStore/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;
@@ -7,6 +7,6 @@ export declare const mockStateMapWithLayer: (layer: Layer, mapId: string) => Web
 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;
-export declare const mockStateMapWithTimeSliderScaleWithoutLayers: (mapId: string, timeSliderScale: number) => WebMapStateModuleState;
+export declare const mockStateMapWithTimeSliderScaleWithoutLayers: (mapId: string, timeSliderScale: Scale) => WebMapStateModuleState;
 export declare const mockStateMapWithTimeStepWithoutLayers: (mapId: string, timeStep: number) => WebMapStateModuleState;
 export declare const mockStateMapWithAnimationDelayWithoutLayers: (mapId: string) => WebMapStateModuleState;

package/package.json

@@ -1,44 +1,43 @@
 {
   "name": "@opengeoweb/core",
-  "version": "2.1.2",
+  "version": "2.2.0",
   "description": "GeoWeb Core library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
-  "main": "./core.umd.js",
-  "module": "./core.esm.js",
+  "main": "./index.umd.js",
+  "module": "./index.esm.js",
   "typings": "./index.d.ts",
   "dependencies": {},
   "peerDependencies": {
-    "react": "16.14.0",
-    "@opengeoweb/theme": "2.1.2",
-    "@material-ui/core": "^4.11.0",
-    "@material-ui/lab": "^4.0.0-alpha.56",
-    "@material-ui/icons": "^4.9.1",
+    "react": "^17.0.2",
+    "@opengeoweb/theme": "2.2.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.1.2",
+    "@opengeoweb/webmap": "2.2.0",
     "throttle-debounce": "^3.0.1",
     "proj4": "^2.6.2",
     "react-sortablejs": "^6.0.0",
-    "@opengeoweb/shared": "2.1.2",
+    "@opengeoweb/shared": "2.2.0",
     "react-draggable": "^4.4.3",
     "re-resizable": "^6.9.0",
     "lodash": "^4.17.20",
-    "@opengeoweb/form-fields": "2.1.2",
+    "@opengeoweb/form-fields": "2.2.0",
     "react-hook-form": "^6.12.1",
-    "@material-ui/pickers": "^3.2.10",
     "moment-timezone": "^0.5.31",
-    "@date-io/moment": "^1.3.13",
-    "axios": "^0.21.4",
+    "@mui/lab": "^5.0.0-alpha.64",
+    "axios": "^0.25.0",
     "redux-dynamic-modules": "^5.2.0",
     "redux": "^4.0.4",
     "lodash.clonedeep": "^4.5.0",
     "immer": "^9.0.6",
-    "reselect": "^4.0.0",
+    "reselect": "^4.1.5",
     "redux-dynamic-modules-saga": "^5.2.0",
     "redux-saga": "^1.1.3"
   }

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

@@ -1,3 +0,0 @@
-import * as React from 'react';
-declare const KeywordFilterButton: React.FC;
-export default KeywordFilterButton;

package/lib/components/LayerManager/LayerSelect/KeywordFilterButton/KeywordFilterButton.stories.d.ts

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

package/lib/components/LayerManager/LayerSelect/KeywordFilterResults/KeywordFilterResultsConnect.stories.d.ts

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

package/lib/components/LayerManager/LayerSelect/KeywordFilterResults/mockServices.d.ts

@@ -1,42 +0,0 @@
-export declare const mockServices: {
-    services: {
-        byId: {
-            'https://public-wms.met.no/verportal/verportal.map?': {
-                layers: {
-                    name: string;
-                    text: string;
-                    leaf: boolean;
-                    path: string;
-                    keywords: any[];
-                }[];
-            };
-            'https://geoservices.knmi.nl/wms?dataset=RADAR&': {
-                layers: {
-                    name: string;
-                    text: string;
-                    leaf: boolean;
-                    path: string;
-                    keywords: any[];
-                }[];
-            };
-            'https://openwms.fmi.fi/geoserver/wms?': {
-                layers: ({
-                    name: string;
-                    text: string;
-                    leaf: boolean;
-                    path: string;
-                    keywords: string[];
-                    abstract: string;
-                } | {
-                    name: string;
-                    text: string;
-                    leaf: boolean;
-                    path: string;
-                    keywords: string[];
-                    abstract?: undefined;
-                })[];
-            };
-        };
-        allIds: string[];
-    };
-};