@opengeoweb/core 9.7.0 → 9.9.0

package/index.esm.js

@@ -462,6 +462,48 @@ function _createForOfIteratorHelper(o, allowArrayLike) {
   };
 }
 
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -519,7 +561,9 @@ var HeaderOptions = function HeaderOptions(_ref) {
     tooltipTitle: "small",
     "data-testid": "collapseSmall-btn",
     onClick: function onClick() {
-      if (mapWidth && mapWidth > sizeSmall.width) {
+      if (!isDockedLayerManager) {
+        onChangeSize(sizeSmall);
+      } else if (mapWidth && mapWidth > sizeSmall.width) {
         onChangeSize(sizeSmall);
       }
     },
@@ -528,7 +572,9 @@ var HeaderOptions = function HeaderOptions(_ref) {
     tooltipTitle: "medium",
     "data-testid": "collapseMedium-btn",
     onClick: function onClick() {
-      if (mapWidth && mapWidth > sizeMedium.width) {
+      if (!isDockedLayerManager) {
+        onChangeSize(sizeMedium);
+      } else if (mapWidth && mapWidth > sizeMedium.width) {
         onChangeSize(sizeMedium);
       }
     },
@@ -537,7 +583,9 @@ var HeaderOptions = function HeaderOptions(_ref) {
     tooltipTitle: "large",
     "data-testid": "collapseLarge-btn",
     onClick: function onClick() {
-      if (mapWidth && mapWidth > sizeLarge.width) {
+      if (!isDockedLayerManager) {
+        onChangeSize(sizeLarge);
+      } else if (mapWidth && mapWidth > sizeLarge.width) {
         onChangeSize(sizeLarge);
       }
     },
@@ -770,14 +818,15 @@ var styles$6 = {
     }, theme.palette.geowebColors.layerManager.headerRowText);
   }
 };
-var DescriptionRow = function DescriptionRow(_ref) {
-  var mapId = _ref.mapId,
-    mapPresetsModule = _ref.mapPresetsModule,
-    _ref$source = _ref.source,
-    source = _ref$source === void 0 ? 'app' : _ref$source,
-    settings = _ref.settings,
-    isMultiMap = _ref.isMultiMap;
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+var DescriptionRow = function DescriptionRow(_a) {
+  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+  var mapId = _a.mapId,
+    mapPresetsModule = _a.mapPresetsModule,
+    _a$source = _a.source,
+    source = _a$source === void 0 ? 'app' : _a$source,
+    settings = _a.settings,
+    isMultiMap = _a.isMultiMap,
+    gridProps = __rest(_a, ["mapId", "mapPresetsModule", "source", "settings", "isMultiMap"]);
   var _React$useState = React.useState(mapPresetsModule ? Object.assign(Object.assign({}, mapPresetsModule), {
       props: Object.assign(Object.assign({}, mapPresetsModule.props), {
         id: 'mappresets-menubuttonInline'
@@ -786,7 +835,7 @@ var DescriptionRow = function DescriptionRow(_ref) {
     _React$useState2 = _slicedToArray(_React$useState, 1),
     mapPresetsModuleInline = _React$useState2[0];
   var hasMapPresetsModule = mapPresetsModule !== undefined;
-  return /*#__PURE__*/React.createElement(Grid, {
+  return /*#__PURE__*/React.createElement(Grid, Object.assign({
     container: true,
     item: true,
     "data-testid": "descriptionRow",
@@ -795,7 +844,7 @@ var DescriptionRow = function DescriptionRow(_ref) {
     },
     className: "descriptionRow",
     alignItems: "center"
-  }, /*#__PURE__*/React.createElement(Grid, {
+  }, gridProps), /*#__PURE__*/React.createElement(Grid, {
     item: true,
     className: columnClasses.column1,
     sx: Object.assign(Object.assign({}, leftButtonsStyle), {
@@ -805,15 +854,15 @@ var DescriptionRow = function DescriptionRow(_ref) {
   }, /*#__PURE__*/React.createElement(LayerSelectButtonConnect, {
     mapId: mapId,
     source: source,
-    tooltipTitle: (_a = settings === null || settings === void 0 ? void 0 : settings.addLayer) === null || _a === void 0 ? void 0 : _a.tooltipTitle,
-    icon: (_b = settings === null || settings === void 0 ? void 0 : settings.addLayer) === null || _b === void 0 ? void 0 : _b.icon,
+    tooltipTitle: (_b = settings === null || settings === void 0 ? void 0 : settings.addLayer) === null || _b === void 0 ? void 0 : _b.tooltipTitle,
+    icon: (_c = settings === null || settings === void 0 ? void 0 : settings.addLayer) === null || _c === void 0 ? void 0 : _c.icon,
     isMultiMap: isMultiMap
   })), /*#__PURE__*/React.createElement(Grid, {
     className: columnClasses.column2
   }, /*#__PURE__*/React.createElement(Box, {
     className: "header-layer ".concat(hasMapPresetsModule ? 'mappresetsModule-enabled' : ''),
     sx: styles$6.text
-  }, (_d = (_c = settings === null || settings === void 0 ? void 0 : settings.layerName) === null || _c === void 0 ? void 0 : _c.title) !== null && _d !== void 0 ? _d : 'Layer'), /*#__PURE__*/React.createElement(Box, {
+  }, (_e = (_d = settings === null || settings === void 0 ? void 0 : settings.layerName) === null || _d === void 0 ? void 0 : _d.title) !== null && _e !== void 0 ? _e : 'Layer'), /*#__PURE__*/React.createElement(Box, {
     className: "header-mapPresets",
     sx: {
       marginRight: 4
@@ -822,21 +871,21 @@ var DescriptionRow = function DescriptionRow(_ref) {
     className: columnClasses.column3
   }, /*#__PURE__*/React.createElement(Box, {
     sx: styles$6.text
-  }, (_f = (_e = settings === null || settings === void 0 ? void 0 : settings.layerStyle) === null || _e === void 0 ? void 0 : _e.title) !== null && _f !== void 0 ? _f : 'Style')), /*#__PURE__*/React.createElement(Grid, {
+  }, (_g = (_f = settings === null || settings === void 0 ? void 0 : settings.layerStyle) === null || _f === void 0 ? void 0 : _f.title) !== null && _g !== void 0 ? _g : 'Style')), /*#__PURE__*/React.createElement(Grid, {
     className: columnClasses.column4
   }, /*#__PURE__*/React.createElement(Box, {
     sx: styles$6.text
-  }, (_h = (_g = settings === null || settings === void 0 ? void 0 : settings.opacity) === null || _g === void 0 ? void 0 : _g.title) !== null && _h !== void 0 ? _h : 'Opacity')), /*#__PURE__*/React.createElement(Grid, {
+  }, (_j = (_h = settings === null || settings === void 0 ? void 0 : settings.opacity) === null || _h === void 0 ? void 0 : _h.title) !== null && _j !== void 0 ? _j : 'Opacity')), /*#__PURE__*/React.createElement(Grid, {
     className: columnClasses.column5
   }, /*#__PURE__*/React.createElement(Box, {
     sx: styles$6.text
-  }, (_k = (_j = settings === null || settings === void 0 ? void 0 : settings.dimensions) === null || _j === void 0 ? void 0 : _j.title) !== null && _k !== void 0 ? _k : 'Dimensions')), /*#__PURE__*/React.createElement(Grid, {
+  }, (_l = (_k = settings === null || settings === void 0 ? void 0 : settings.dimensions) === null || _k === void 0 ? void 0 : _k.title) !== null && _l !== void 0 ? _l : 'Dimensions')), /*#__PURE__*/React.createElement(Grid, {
     className: columnClasses.acceptanceTime
   }, /*#__PURE__*/React.createElement(Box, {
     sx: [styles$6.text, {
       whiteSpace: 'nowrap'
     }]
-  }, (_m = (_l = settings === null || settings === void 0 ? void 0 : settings.acceptanceTime) === null || _l === void 0 ? void 0 : _l.title) !== null && _m !== void 0 ? _m : 'Acc Time')), /*#__PURE__*/React.createElement(Grid, {
+  }, (_o = (_m = settings === null || settings === void 0 ? void 0 : settings.acceptanceTime) === null || _m === void 0 ? void 0 : _m.title) !== null && _o !== void 0 ? _o : 'Acc Time')), /*#__PURE__*/React.createElement(Grid, {
     className: columnClasses.column6
   }));
 };
@@ -2417,48 +2466,6 @@ var RenderStylesConnect = function RenderStylesConnect(_ref) {
   });
 };
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
 var RenderLayersConnect = function RenderLayersConnect(_ref) {
   var layerId = _ref.layerId,
     mapId = _ref.mapId,
@@ -3109,9 +3116,10 @@ var DragHandle = function DragHandle(_ref) {
   }, icon);
 };
 
-var LayerContainerRow = function LayerContainerRow(_ref) {
-  var mapId = _ref.mapId,
-    settings = _ref.settings;
+var LayerContainerRow = function LayerContainerRow(_a) {
+  var mapId = _a.mapId,
+    settings = _a.settings,
+    gridProps = __rest(_a, ["mapId", "settings"]);
   var dispatch = useDispatch();
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -3120,10 +3128,10 @@ var LayerContainerRow = function LayerContainerRow(_ref) {
   var layerIds = useSelector(function (store) {
     return mapSelectors.getLayerIds(store, mapId);
   });
-  var layerMoveLayer = React.useCallback(function (_ref2) {
-    var mapId = _ref2.mapId,
-      oldIndex = _ref2.oldIndex,
-      newIndex = _ref2.newIndex;
+  var layerMoveLayer = React.useCallback(function (_ref) {
+    var mapId = _ref.mapId,
+      oldIndex = _ref.oldIndex,
+      newIndex = _ref.newIndex;
     return dispatch(mapActions.layerMoveLayer({
       mapId: mapId,
       oldIndex: oldIndex,
@@ -3136,8 +3144,8 @@ var LayerContainerRow = function LayerContainerRow(_ref) {
     activeDragIndex = _React$useState4[0],
     setActiveDragIndex = _React$useState4[1];
   var onSetList = function onSetList() {}; // since we use activeDragIndex, we don't need inner state handling of ReactSortable
-  var onStart = React.useCallback(function (_ref3) {
-    var oldIndex = _ref3.oldIndex;
+  var onStart = React.useCallback(function (_ref2) {
+    var oldIndex = _ref2.oldIndex;
     setActiveDragIndex(oldIndex);
     if (Sortable.ghost) {
       Sortable.ghost.style.opacity = '1';
@@ -3148,9 +3156,9 @@ var LayerContainerRow = function LayerContainerRow(_ref) {
       setActiveDragIndex(null);
     }
   }, [activeDragIndex]);
-  var onSortEnd = function onSortEnd(_ref4) {
-    var oldIndex = _ref4.oldIndex,
-      newIndex = _ref4.newIndex;
+  var onSortEnd = function onSortEnd(_ref3) {
+    var oldIndex = _ref3.oldIndex,
+      newIndex = _ref3.newIndex;
     setActiveDragIndex(null);
     layerMoveLayer({
       mapId: mapId,
@@ -3192,7 +3200,7 @@ var LayerContainerRow = function LayerContainerRow(_ref) {
       return window.removeEventListener('wheel', preventDefault);
     };
   }, [keyPressed, preventDefault]);
-  return /*#__PURE__*/React.createElement(Grid, {
+  return /*#__PURE__*/React.createElement(Grid, Object.assign({
     container: true,
     item: true,
     "data-testid": "layerContainerRow",
@@ -3202,7 +3210,7 @@ var LayerContainerRow = function LayerContainerRow(_ref) {
       maxHeight: 'calc(100% - 10px)',
       overflow: 'auto'
     }
-  }, /*#__PURE__*/React.createElement(ReactSortable, {
+  }, gridProps), /*#__PURE__*/React.createElement(ReactSortable, {
     tag: "div",
     list: layerIds.map(function (layerId) {
       return {
@@ -4163,18 +4171,19 @@ var _onRenderTree = function onRenderTree(_ref) {
     layerType: layerType
   });
 };
-var BaseLayerRow = function BaseLayerRow(_ref2) {
-  var mapId = _ref2.mapId,
-    _ref2$preloadedAvaila = _ref2.preloadedAvailableBaseLayers,
-    preloadedAvailableBaseLayers = _ref2$preloadedAvaila === void 0 ? availableDefaultBaseLayers : _ref2$preloadedAvaila,
-    _ref2$preloadedServic = _ref2.preloadedServices,
-    preloadedServices = _ref2$preloadedServic === void 0 ? preloadedDefaultBaseServices : _ref2$preloadedServic,
-    _ref2$tooltip = _ref2.tooltip,
-    tooltip = _ref2$tooltip === void 0 ? '' : _ref2$tooltip,
-    settings = _ref2.settings;
-  var _a, _b, _c, _d, _e;
+var BaseLayerRow = function BaseLayerRow(_a) {
+  var _b, _c, _d, _e, _f;
+  var mapId = _a.mapId,
+    _a$preloadedAvailable = _a.preloadedAvailableBaseLayers,
+    preloadedAvailableBaseLayers = _a$preloadedAvailable === void 0 ? availableDefaultBaseLayers : _a$preloadedAvailable,
+    _a$preloadedServices = _a.preloadedServices,
+    preloadedServices = _a$preloadedServices === void 0 ? preloadedDefaultBaseServices : _a$preloadedServices,
+    _a$tooltip = _a.tooltip,
+    tooltip = _a$tooltip === void 0 ? '' : _a$tooltip,
+    settings = _a.settings,
+    gridProps = __rest(_a, ["mapId", "preloadedAvailableBaseLayers", "preloadedServices", "tooltip", "settings"]);
   var theme = useTheme();
-  return /*#__PURE__*/React.createElement(Grid, {
+  return /*#__PURE__*/React.createElement(Grid, Object.assign({
     container: true,
     item: true,
     "data-testid": "baseLayerRow",
@@ -4183,13 +4192,13 @@ var BaseLayerRow = function BaseLayerRow(_ref2) {
       width: '100%',
       height: '36px'
     }, theme.palette.geowebColors.layerManager.baseLayerRow.root)
-  }, /*#__PURE__*/React.createElement(Grid, {
+  }, gridProps), /*#__PURE__*/React.createElement(Grid, {
     item: true,
     className: columnClasses.column1,
     sx: [{
       marginTop: '-2px'
     }, leftButtonsStyle]
-  }, !((_b = (_a = settings === null || settings === void 0 ? void 0 : settings.baseLayerRow) === null || _a === void 0 ? void 0 : _a.addLayersButton) === null || _b === void 0 ? void 0 : _b.isDisabled) && ( /*#__PURE__*/React.createElement(AddLayersButton, {
+  }, !((_c = (_b = settings === null || settings === void 0 ? void 0 : settings.baseLayerRow) === null || _b === void 0 ? void 0 : _b.addLayersButton) === null || _c === void 0 ? void 0 : _c.isDisabled) && ( /*#__PURE__*/React.createElement(AddLayersButton, {
     preloadedServices: preloadedServices,
     tooltip: tooltip,
     onRenderTree: function onRenderTree(service) {
@@ -4199,14 +4208,14 @@ var BaseLayerRow = function BaseLayerRow(_ref2) {
         layerType: LayerType.baseLayer
       });
     }
-  })), (_c = settings === null || settings === void 0 ? void 0 : settings.baseLayerRow) === null || _c === void 0 ? void 0 : _c.title), /*#__PURE__*/React.createElement(Grid, {
+  })), (_d = settings === null || settings === void 0 ? void 0 : settings.baseLayerRow) === null || _d === void 0 ? void 0 : _d.title), /*#__PURE__*/React.createElement(Grid, {
     item: true,
     className: columnClasses.column2
   }, /*#__PURE__*/React.createElement(BaseLayersConnect, {
     mapId: mapId,
     preloadedAvailableBaseLayers: preloadedAvailableBaseLayers,
-    tooltipPrefix: (_d = settings === null || settings === void 0 ? void 0 : settings.baseLayerDropdown) === null || _d === void 0 ? void 0 : _d.tooltipPrefix,
-    icon: (_e = settings === null || settings === void 0 ? void 0 : settings.baseLayerDropdown) === null || _e === void 0 ? void 0 : _e.icon
+    tooltipPrefix: (_e = settings === null || settings === void 0 ? void 0 : settings.baseLayerDropdown) === null || _e === void 0 ? void 0 : _e.tooltipPrefix,
+    icon: (_f = settings === null || settings === void 0 ? void 0 : settings.baseLayerDropdown) === null || _f === void 0 ? void 0 : _f.icon
   })));
 };
 
@@ -7059,7 +7068,7 @@ var useHasSyncGroupWithLayerActions = function useHasSyncGroupWithLayerActions(s
 var makeMapPreset = function makeMapPreset(timeIncrement, uniqueId, referenceTime, layers, syncGroupsIds, displayLayerManagerAndLegendButtonInMap, displayDimensionSelectButtonInMap) {
   var mapTime = dateUtils.dateToString(dateUtils.add(dateUtils.utc(referenceTime), {
     hours: timeIncrement
-  }), "yyyy-MM-dd'T'HH:mm:ss'Z'");
+  }), "yyyy-MM-dd'T'HH:mm:ss'Z'") || dateUtils.getCurrentTimeAsString();
   return {
     id: uniqueId,
     syncGroupsIds: syncGroupsIds,
@@ -9648,7 +9657,9 @@ var TimeSliderLite = function TimeSliderLite(_ref) {
  * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * */
-var useOnToggleAnimation = function useOnToggleAnimation(dispatch, mapId, selectedTime, timeStep, defaultTimeStep, startTime, endTime, isAnimating, timeSliderProps) {
+var useOnToggleAnimation = function useOnToggleAnimation(
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+dispatch, mapId, selectedTime, timeStep, defaultTimeStep, startTime, endTime, isAnimating, timeSliderProps) {
   var startMapAnimation = function startMapAnimation() {
     var _a, _b, _c;
     var observedTimeStep = (_a = timeStep === null || timeStep === void 0 ? void 0 : timeStep[0]) !== null && _a !== void 0 ? _a : defaultTimeStep[0];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/core",
-  "version": "9.7.0",
+  "version": "9.9.0",
   "description": "GeoWeb Core library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {

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

@@ -1,8 +1,9 @@
 import * as React from 'react';
+import { Grid } from '@mui/material';
 import { layerTypes } from '@opengeoweb/store';
 import { layerSelectTypes } from '@opengeoweb/layer-select';
 import { LayerManagerCustomSettings } from '../LayerManagerUtils';
-interface BaseLayerRowProps {
+interface BaseLayerRowProps extends React.ComponentProps<typeof Grid> {
     mapId: string;
     preloadedAvailableBaseLayers?: layerTypes.Layer[];
     preloadedServices?: layerSelectTypes.LayerSelectService[];

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

@@ -1,7 +1,8 @@
+import { Grid } from '@mui/material';
 import * as React from 'react';
 import { uiTypes } from '@opengeoweb/store';
 import { LayerManagerCustomSettings } from '../LayerManagerUtils';
-interface DescriptionRowProps {
+interface DescriptionRowProps extends React.ComponentProps<typeof Grid> {
     mapId: string;
     mapPresetsModule?: React.ReactElement;
     source?: uiTypes.Source;

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

@@ -1,6 +1,7 @@
 import * as React from 'react';
+import { Grid } from '@mui/material';
 import { LayerManagerCustomSettings } from '../LayerManagerUtils';
-interface LayerContainerRowProps {
+interface LayerContainerRowProps extends React.ComponentProps<typeof Grid> {
     mapId: string;
     settings?: LayerManagerCustomSettings['content'];
 }

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
-export type Size = {
+export interface Size {
     width: number;
     height: number;
-};
+}
 export interface ToolbarButtonSettings {
     small?: {
         icon?: React.ReactNode;

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

@@ -159,12 +159,8 @@ export declare const layerManagerStyle: {
     };
 };
 export declare const returnCorrectSize: (sizeResult: mapTypes.DockedLayerManagerSize | undefined) => Size;
-export type DimensionNameMappings = {
-    [dimensionName: string]: string;
-};
-export type DimensionValueMappings = {
-    [dimensionName: string]: (value: string, latest?: string) => string;
-};
+export type DimensionNameMappings = Record<string, string>;
+export type DimensionValueMappings = Record<string, (value: string, latest?: string) => string>;
 export interface LayerManagerCustomSettings {
     toolbar?: {
         dragHandle?: {

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

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { Bbox } from '@opengeoweb/webmap';
-export type ProjectionDetails = {
+export interface ProjectionDetails {
     name: string;
     value: string;
     bbox: Bbox;
-};
+}
 export declare const availableProjections: ProjectionDetails[];
 export interface ProjectionSelectProps {
     currentProjection: string;

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

@@ -3,9 +3,7 @@ import React from 'react';
 /**
  * TODO: Replace with actual translation keys
  */
-interface TimeStepOptions {
-    [key: string]: string;
-}
+type TimeStepOptions = Record<string, string>;
 export declare const defaultTimeStepOptions: TimeStepOptions;
 interface CustomSelectProps extends SelectProps {
     setValue: (value: number) => void;

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

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { layerTypes } from '@opengeoweb/store';
-type ExampleLayer = {
+interface ExampleLayer {
     title: string;
     layers: layerTypes.Layer[];
-};
+}
 interface ActionCardProps {
     onClickBtn?: (action: ExampleLayer) => void;
     name: string;

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

@@ -1,10 +1,11 @@
 import { layerSelectTypes } from '@opengeoweb/layer-select';
 import { TimeSeriesService } from '@opengeoweb/shared';
-import { filterLayers, layerTypes } from '@opengeoweb/store';
+import { filterLayers, layerTypes, MapPreset } from '@opengeoweb/store';
 interface FilteredMapPresets extends filterLayers.FilteredLayerList {
     services?: layerSelectTypes.LayerSelectService[];
     baseServices?: layerSelectTypes.LayerSelectService[];
     timeSeriesServices?: TimeSeriesService[];
+    initialViewMapPreset?: MapPreset;
 }
 export interface InitialAppPresetProps {
     presetType?: string;
@@ -15,6 +16,7 @@ export interface InitialAppPresetProps {
     baseServices?: layerSelectTypes.LayerSelectService[];
     layers?: layerTypes.Layer[];
     baseLayers?: layerTypes.Layer[];
+    initialViewMapPreset?: MapPreset;
 }
 export interface InitialAppPreset {
     preset: InitialAppPresetProps;