@opengeoweb/core 4.19.0 → 4.19.1

package/index.esm.js

@@ -3451,7 +3451,7 @@ var getDimensionLayerIds = createSelector(getLayersIds, getLayersById, function
   }, []);
 }, selectorMemoizationOptions);
 
-var selectors$3 = /*#__PURE__*/Object.freeze({
+var selectors$4 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   getLayerById: getLayerById,
   getLayersById: getLayersById,
@@ -3619,7 +3619,7 @@ var getDialogFocused = createSelector(getDialogDetailsByType, function (details)
   return details && details.focused || false;
 });
 
-var selectors$2 = /*#__PURE__*/Object.freeze({
+var selectors$3 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   getUiStore: getUiStore,
   getDialogDetailsByType: getDialogDetailsByType,
@@ -4016,6 +4016,154 @@ var types$1 = /*#__PURE__*/Object.freeze({
   get SyncGroupActionOrigin () { return SyncGroupActionOrigin; }
 });
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2020 - Finnish Meteorological Institute (FMI)
+ * */
+var syncGroupStore = function syncGroupStore(store) {
+  return store.syncronizationGroupStore || null;
+};
+/**
+ * Gets synchronization group state
+ *
+ * Example: synchronizationGroupState = getSynchronizationGroupState(store)
+ * @param {object} store store: object - Store object
+ * @returns {object} returnType: SynchronizationGroupState
+ */
+
+var getSynchronizationGroupState = createSelector(syncGroupStore, function (store) {
+  return store || null;
+});
+var getSynchronizationGroup = function getSynchronizationGroup(state, id) {
+  return syncGroupStore(state).groups.byId[id];
+};
+var getSynchronizationGroupSource = function getSynchronizationGroupSource(state, id) {
+  return syncGroupStore(state).sources.byId[id];
+};
+var getTargets = function getTargets(state, payload, actionType) {
+  var actionPayloads = [];
+  var targetsInActionPayload = {};
+  var syncronizationGroupStore = syncGroupStore(state);
+  /* All the groups the source is member of */
+
+  if (syncronizationGroupStore && payload) {
+    /* Backwards compatibility, if there are no groups, connect everything */
+    if (syncronizationGroupStore.groups.allIds.length === 0) {
+      syncronizationGroupStore.sources.allIds.forEach(function (targetId) {
+        // Only add if should react to this action
+        if (syncronizationGroupStore.sources.byId[targetId].types.includes(actionType)) {
+          /* Remember that we have already added this target in the action payloads, prevents adding it twice */
+          targetsInActionPayload[targetId] = true;
+          /* Compose the payload */
+
+          var newPayload = Object.assign({
+            targetId: targetId
+          }, payload);
+          actionPayloads.push(newPayload);
+        }
+      });
+    }
+
+    syncronizationGroupStore.groups.allIds.forEach(function (id) {
+      var syncronizationGroup = syncronizationGroupStore.groups.byId[id];
+
+      if (actionType === syncronizationGroup.type) {
+        /* Check if the source is in the target list of the synchonizationGroup */
+        var source = syncronizationGroup.targets.byId[payload.sourceId];
+        /* If the source is part of the target list, and is linked, continue syncing the other targets */
+
+        if (source && source.linked) {
+          syncronizationGroup.targets.allIds.forEach(function (targetId) {
+            var target = syncronizationGroup.targets.byId[targetId];
+
+            if (target.linked && !targetsInActionPayload[targetId]) {
+              /* Remember that we have already added this target in the action payloads, prevents adding it twice */
+              targetsInActionPayload[targetId] = true;
+              /* Compose the payload */
+
+              var newPayload = Object.assign({
+                targetId: targetId
+              }, payload);
+              actionPayloads.push(newPayload);
+            }
+          });
+        }
+      }
+    });
+  }
+
+  return actionPayloads;
+};
+var getTargetGroups = function getTargetGroups(state, payload, actionType) {
+  var syncronizationGroupStore = syncGroupStore(state);
+  var groups = syncronizationGroupStore.groups.allIds.reduce(function (list, groupId) {
+    var syncronizationGroup = syncronizationGroupStore.groups.byId[groupId];
+
+    if (actionType === syncronizationGroup.type) {
+      /* Check if the source is in the target list of the synchronizationGroup */
+      var source = syncronizationGroup.targets.byId[payload.sourceId];
+      /* If the source is part of the target list, and is linked, continue syncin the other targets */
+
+      if (source && source.linked) {
+        return list.concat(groupId);
+      }
+    }
+
+    return list;
+  }, []);
+  return groups;
+};
+var getAllTargetGroupsForSource = function getAllTargetGroupsForSource(state, sourceId) {
+  var syncronizationGroupStore = syncGroupStore(state);
+
+  if (syncronizationGroupStore === null || syncronizationGroupStore === void 0 ? void 0 : syncronizationGroupStore.groups) {
+    return syncronizationGroupStore.groups.allIds.reduce(function (linkedSyncGroupIds, groupId) {
+      var syncronizationGroup = syncronizationGroupStore.groups.byId[groupId];
+      var source = syncronizationGroup.targets.byId[sourceId];
+      /* If the source is part of the target list, and is linked, continue syncin the other targets */
+
+      if (source && source.linked) {
+        return linkedSyncGroupIds.concat(groupId);
+      }
+
+      return linkedSyncGroupIds;
+    }, []);
+  }
+
+  return [];
+};
+var syncGroupGetViewState = createSelector(syncGroupStore, function (store) {
+  return store.viewState;
+});
+var getSyncedMapIdsForTimeslider = createSelector(syncGroupStore, function (store) {
+  return store.viewState.timeslider.groups[0].selected;
+}, selectorMemoizationOptions);
+
+var selectors$2 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  syncGroupStore: syncGroupStore,
+  getSynchronizationGroupState: getSynchronizationGroupState,
+  getSynchronizationGroup: getSynchronizationGroup,
+  getSynchronizationGroupSource: getSynchronizationGroupSource,
+  getTargets: getTargets,
+  getTargetGroups: getTargetGroups,
+  getAllTargetGroupsForSource: getAllTargetGroupsForSource,
+  syncGroupGetViewState: syncGroupGetViewState,
+  getSyncedMapIdsForTimeslider: getSyncedMapIdsForTimeslider
+});
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -4038,7 +4186,8 @@ var index = /*#__PURE__*/Object.freeze({
   actions: actions,
   constants: constants,
   types: types$1,
-  initialState: initialState$4
+  initialState: initialState$4,
+  syncGroupsSelectors: selectors$2
 });
 
 /* *
@@ -5609,119 +5758,6 @@ var slice = createSlice({
 var reducer = slice.reducer;
 var appActions = slice.actions;
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2020 - Finnish Meteorological Institute (FMI)
- * */
-var syncGroupStore = function syncGroupStore(store) {
-  return store.syncronizationGroupStore || null;
-};
-/**
- * Gets synchronization group state
- *
- * Example: synchronizationGroupState = getSynchronizationGroupState(store)
- * @param {object} store store: object - Store object
- * @returns {object} returnType: SynchronizationGroupState
- */
-
-var getSynchronizationGroupState = createSelector(syncGroupStore, function (store) {
-  return store || null;
-});
-var getSynchronizationGroup = function getSynchronizationGroup(state, id) {
-  return syncGroupStore(state).groups.byId[id];
-};
-var getTargets = function getTargets(state, payload, actionType) {
-  var actionPayloads = [];
-  var targetsInActionPayload = {};
-  var syncronizationGroupStore = syncGroupStore(state);
-  /* All the groups the source is member of */
-
-  if (syncronizationGroupStore && payload) {
-    /* Backwards compatibility, if there are no groups, connect everything */
-    if (syncronizationGroupStore.groups.allIds.length === 0) {
-      syncronizationGroupStore.sources.allIds.forEach(function (targetId) {
-        // Only add if should react to this action
-        if (syncronizationGroupStore.sources.byId[targetId].types.includes(actionType)) {
-          /* Remember that we have already added this target in the action payloads, prevents adding it twice */
-          targetsInActionPayload[targetId] = true;
-          /* Compose the payload */
-
-          var newPayload = Object.assign({
-            targetId: targetId
-          }, payload);
-          actionPayloads.push(newPayload);
-        }
-      });
-    }
-
-    syncronizationGroupStore.groups.allIds.forEach(function (id) {
-      var syncronizationGroup = syncronizationGroupStore.groups.byId[id];
-
-      if (actionType === syncronizationGroup.type) {
-        /* Check if the source is in the target list of the synchonizationGroup */
-        var source = syncronizationGroup.targets.byId[payload.sourceId];
-        /* If the source is part of the target list, and is linked, continue syncing the other targets */
-
-        if (source && source.linked) {
-          syncronizationGroup.targets.allIds.forEach(function (targetId) {
-            var target = syncronizationGroup.targets.byId[targetId];
-
-            if (target.linked && !targetsInActionPayload[targetId]) {
-              /* Remember that we have already added this target in the action payloads, prevents adding it twice */
-              targetsInActionPayload[targetId] = true;
-              /* Compose the payload */
-
-              var newPayload = Object.assign({
-                targetId: targetId
-              }, payload);
-              actionPayloads.push(newPayload);
-            }
-          });
-        }
-      }
-    });
-  }
-
-  return actionPayloads;
-};
-var getTargetGroups = function getTargetGroups(state, payload, actionType) {
-  var syncronizationGroupStore = syncGroupStore(state);
-  var groups = syncronizationGroupStore.groups.allIds.reduce(function (list, groupId) {
-    var syncronizationGroup = syncronizationGroupStore.groups.byId[groupId];
-
-    if (actionType === syncronizationGroup.type) {
-      /* Check if the source is in the target list of the synchronizationGroup */
-      var source = syncronizationGroup.targets.byId[payload.sourceId];
-      /* If the source is part of the target list, and it linked, continue syncin the other targets */
-
-      if (source && source.linked) {
-        return list.concat(groupId);
-      }
-    }
-
-    return list;
-  }, []);
-  return groups;
-};
-var syncGroupGetViewState = createSelector(syncGroupStore, function (store) {
-  return store.viewState;
-});
-var getSyncedMapIdsForTimeslider = createSelector(syncGroupStore, function (store) {
-  return store.viewState.timeslider.groups[0].selected;
-}, selectorMemoizationOptions);
-
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -10523,7 +10559,9 @@ var RenderLayers = function RenderLayers(_ref) {
       _ref$layers = _ref.layers,
       layers = _ref$layers === void 0 ? [] : _ref$layers,
       _ref$isEnabled = _ref.isEnabled,
-      isEnabled = _ref$isEnabled === void 0 ? true : _ref$isEnabled;
+      isEnabled = _ref$isEnabled === void 0 ? true : _ref$isEnabled,
+      _ref$tooltipPrefix = _ref.tooltipPrefix,
+      tooltipPrefix = _ref$tooltipPrefix === void 0 ? 'Layer: ' : _ref$tooltipPrefix;
 
   var _a;
 
@@ -10564,7 +10602,7 @@ var RenderLayers = function RenderLayers(_ref) {
   });
   return /*#__PURE__*/React.createElement(TooltipSelect, {
     disableUnderline: true,
-    tooltip: "Layer: ".concat((_a = extendedLayers[currentIndex]) === null || _a === void 0 ? void 0 : _a.title),
+    tooltip: "".concat(tooltipPrefix).concat((_a = extendedLayers[currentIndex]) === null || _a === void 0 ? void 0 : _a.title),
     inputProps: {
       SelectDisplayProps: {
         'data-testid': 'selectLayer'
@@ -10633,7 +10671,9 @@ var OpacitySelect = function OpacitySelect(_ref) {
   var currentOpacity = _ref.currentOpacity,
       onLayerChangeOpacity = _ref.onLayerChangeOpacity,
       _ref$isEnabled = _ref.isEnabled,
-      isEnabled = _ref$isEnabled === void 0 ? true : _ref$isEnabled;
+      isEnabled = _ref$isEnabled === void 0 ? true : _ref$isEnabled,
+      _ref$tooltipPrefix = _ref.tooltipPrefix,
+      tooltipPrefix = _ref$tooltipPrefix === void 0 ? 'Opacity: ' : _ref$tooltipPrefix;
 
   var _useControlledTooltip = useControlledTooltip(),
       _useControlledTooltip2 = _slicedToArray(_useControlledTooltip, 2),
@@ -10698,7 +10738,7 @@ var OpacitySelect = function OpacitySelect(_ref) {
       height: 32
     }
   }, /*#__PURE__*/React.createElement(CustomTooltip, {
-    title: "Opacity: ".concat(currentOpacityText),
+    title: "".concat(tooltipPrefix).concat(currentOpacityText),
     sx: tooltipContainerStyles(isEnabled),
     placement: "top",
     open: tooltipOpen
@@ -10781,7 +10821,10 @@ var OpacitySelect = function OpacitySelect(_ref) {
 var LayerManagerMenuButton = function LayerManagerMenuButton(_ref) {
   var mapId = _ref.mapId,
       layerId = _ref.layerId,
-      onLayerDuplicate = _ref.onLayerDuplicate;
+      onLayerDuplicate = _ref.onLayerDuplicate,
+      _ref$tooltipTitle = _ref.tooltipTitle,
+      tooltipTitle = _ref$tooltipTitle === void 0 ? 'Options' : _ref$tooltipTitle,
+      icon = _ref.icon;
 
   var onClickDuplicate = function onClickDuplicate() {
     onLayerDuplicate({
@@ -10805,7 +10848,8 @@ var LayerManagerMenuButton = function LayerManagerMenuButton(_ref) {
       action: onClickDuplicate,
       icon: /*#__PURE__*/React.createElement(Copy, null)
     }],
-    tooltipTitle: "Options"
+    tooltipTitle: tooltipTitle,
+    buttonIcon: icon
   });
 };
 
@@ -10814,7 +10858,10 @@ var RenderStyles = function RenderStyles(_ref) {
       currentLayerStyle = _ref.currentLayerStyle,
       onChangeLayerStyle = _ref.onChangeLayerStyle,
       _ref$isEnabled = _ref.isEnabled,
-      isEnabled = _ref$isEnabled === void 0 ? true : _ref$isEnabled;
+      isEnabled = _ref$isEnabled === void 0 ? true : _ref$isEnabled,
+      icon = _ref.icon,
+      _ref$tooltipPrefix = _ref.tooltipPrefix,
+      tooltipPrefix = _ref$tooltipPrefix === void 0 ? 'Style: ' : _ref$tooltipPrefix;
 
   var _a;
 
@@ -10845,7 +10892,7 @@ var RenderStyles = function RenderStyles(_ref) {
     return currentStyle === style.name;
   });
   return /*#__PURE__*/React.createElement(TooltipSelect, {
-    tooltip: "Style: ".concat((_a = styles[currentIndex]) === null || _a === void 0 ? void 0 : _a.title),
+    tooltip: "".concat(tooltipPrefix).concat((_a = styles[currentIndex]) === null || _a === void 0 ? void 0 : _a.title),
     inputProps: {
       SelectDisplayProps: {
         'data-testid': 'selectStyle'
@@ -10859,7 +10906,8 @@ var RenderStyles = function RenderStyles(_ref) {
     onChangeMouseWheel: function onChangeMouseWheel(e) {
       return onChangeLayerStyle(e.value);
     },
-    requiresCtrlToChange: true
+    requiresCtrlToChange: true,
+    IconComponent: icon
   }, /*#__PURE__*/React.createElement(MenuItem, {
     disabled: true
   }, "Style"), styles.map(function (styleFromlayer) {
@@ -11312,7 +11360,11 @@ var LayerRow = function LayerRow(_ref) {
 var DeleteLayerConnect = function DeleteLayerConnect(_ref) {
   var layerId = _ref.layerId,
       mapId = _ref.mapId,
-      layerIndex = _ref.layerIndex;
+      layerIndex = _ref.layerIndex,
+      _ref$tooltipTitle = _ref.tooltipTitle,
+      tooltipTitle = _ref$tooltipTitle === void 0 ? 'Delete' : _ref$tooltipTitle,
+      _ref$icon = _ref.icon,
+      icon = _ref$icon === void 0 ? /*#__PURE__*/React.createElement(Delete, null) : _ref$icon;
   var dispatch = useDispatch();
   var layerDelete = React.useCallback(function (_ref2) {
     var mapId = _ref2.mapId,
@@ -11329,7 +11381,7 @@ var DeleteLayerConnect = function DeleteLayerConnect(_ref) {
     return getLayerEnabled(store, layerId);
   });
   return /*#__PURE__*/React.createElement(CustomIconButton, {
-    tooltipTitle: "Delete",
+    tooltipTitle: tooltipTitle,
     onClick: function onClick() {
       layerDelete({
         mapId: mapId,
@@ -11339,7 +11391,7 @@ var DeleteLayerConnect = function DeleteLayerConnect(_ref) {
     },
     shouldShowAsDisabled: !isLayerEnabled,
     "data-testid": "deleteButton"
-  }, /*#__PURE__*/React.createElement(Delete, null));
+  }, icon);
 };
 
 /* *
@@ -11365,7 +11417,10 @@ var EnableLayerConnect = function EnableLayerConnect(_ref) {
       _ref$isEnabled = _ref.isEnabled,
       isEnabled = _ref$isEnabled === void 0 ? false : _ref$isEnabled,
       _ref$layerName = _ref.layerName,
-      layerName = _ref$layerName === void 0 ? '' : _ref$layerName;
+      layerName = _ref$layerName === void 0 ? '' : _ref$layerName,
+      _ref$icon = _ref.icon,
+      icon = _ref$icon === void 0 ? isEnabled ? /*#__PURE__*/React.createElement(Visibility, null) : /*#__PURE__*/React.createElement(VisibilityOff, null) : _ref$icon,
+      tooltipTitle = _ref.tooltipTitle;
   var dispatch = useDispatch();
   var layerChangeEnabled = React.useCallback(function (_ref2) {
     var layerId = _ref2.layerId,
@@ -11377,9 +11432,11 @@ var EnableLayerConnect = function EnableLayerConnect(_ref) {
       origin: LayerActionOrigin.layerManager
     }));
   }, [dispatch, mapId]);
+  var normalTooltip = tooltipTitle !== null && tooltipTitle !== void 0 ? tooltipTitle : 'Toggle visibility';
+  var miniTooltip = tooltipTitle !== null && tooltipTitle !== void 0 ? tooltipTitle : layerName;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CustomIconButton, {
     shouldShowAsDisabled: !isEnabled,
-    tooltipTitle: "Toggle visibility",
+    tooltipTitle: normalTooltip,
     onClick: function onClick(event) {
       event.stopPropagation();
       layerChangeEnabled({
@@ -11392,9 +11449,9 @@ var EnableLayerConnect = function EnableLayerConnect(_ref) {
     sx: {
       margin: 'auto 0px'
     }
-  }, isEnabled ? /*#__PURE__*/React.createElement(Visibility, null) : /*#__PURE__*/React.createElement(VisibilityOff, null)), /*#__PURE__*/React.createElement(CustomIconButton, {
+  }, icon), /*#__PURE__*/React.createElement(CustomIconButton, {
     shouldShowAsDisabled: !isEnabled,
-    tooltipTitle: layerName,
+    tooltipTitle: miniTooltip,
     onClick: function onClick(event) {
       event.stopPropagation();
       layerChangeEnabled({
@@ -11407,7 +11464,7 @@ var EnableLayerConnect = function EnableLayerConnect(_ref) {
     sx: {
       margin: 'auto 0px'
     }
-  }, isEnabled ? /*#__PURE__*/React.createElement(Visibility, null) : /*#__PURE__*/React.createElement(VisibilityOff, null)));
+  }, icon));
 };
 
 /* *
@@ -11429,7 +11486,8 @@ var EnableLayerConnect = function EnableLayerConnect(_ref) {
 
 var OpacitySelectConnect = function OpacitySelectConnect(_ref) {
   var layerId = _ref.layerId,
-      mapId = _ref.mapId;
+      mapId = _ref.mapId,
+      tooltipPrefix = _ref.tooltipPrefix;
   var dispatch = useDispatch();
   var opacity = useSelector(function (store) {
     return getLayerOpacity(store, layerId);
@@ -11447,7 +11505,8 @@ var OpacitySelectConnect = function OpacitySelectConnect(_ref) {
         origin: LayerActionOrigin.layerManager
       }));
     },
-    isEnabled: isLayerEnabled
+    isEnabled: isLayerEnabled,
+    tooltipPrefix: tooltipPrefix
   });
 };
 
@@ -11524,7 +11583,9 @@ var DimensionSelectConnect = function DimensionSelectConnect(_ref) {
 
 var RenderStylesConnect = function RenderStylesConnect(_ref) {
   var layerId = _ref.layerId,
-      mapId = _ref.mapId;
+      mapId = _ref.mapId,
+      icon = _ref.icon,
+      tooltipPrefix = _ref.tooltipPrefix;
   var dispatch = useDispatch();
   var layerService = useSelector(function (store) {
     return getLayerService(store, layerId);
@@ -11553,7 +11614,9 @@ var RenderStylesConnect = function RenderStylesConnect(_ref) {
     layerStyles: layerStyles,
     currentLayerStyle: currentLayerStyle,
     onChangeLayerStyle: layerChangeStyle,
-    isEnabled: isLayerEnabled
+    isEnabled: isLayerEnabled,
+    icon: icon,
+    tooltipPrefix: tooltipPrefix
   });
 };
 
@@ -11576,7 +11639,8 @@ var RenderStylesConnect = function RenderStylesConnect(_ref) {
 
 var RenderLayersConnect = function RenderLayersConnect(_ref) {
   var layerId = _ref.layerId,
-      mapId = _ref.mapId;
+      mapId = _ref.mapId,
+      tooltipPrefix = _ref.tooltipPrefix;
   var dispatch = useDispatch();
   var layerName = useSelector(function (store) {
     return getLayerName(store, layerId);
@@ -11660,7 +11724,8 @@ var RenderLayersConnect = function RenderLayersConnect(_ref) {
         name: name
       });
     },
-    isEnabled: isLayerEnabled
+    isEnabled: isLayerEnabled,
+    tooltipPrefix: tooltipPrefix
   });
 };
 
@@ -11683,7 +11748,9 @@ var RenderLayersConnect = function RenderLayersConnect(_ref) {
 
 var LayerManagerMenuButtonConnect = function LayerManagerMenuButtonConnect(_ref) {
   var layerId = _ref.layerId,
-      mapId = _ref.mapId;
+      mapId = _ref.mapId,
+      tooltipTitle = _ref.tooltipTitle,
+      icon = _ref.icon;
   var dispatch = useDispatch();
   var layer = useSelector(function (store) {
     return getLayerById(store, layerId);
@@ -11708,7 +11775,9 @@ var LayerManagerMenuButtonConnect = function LayerManagerMenuButtonConnect(_ref)
         mapId: mapId,
         layer: layer
       });
-    }
+    },
+    tooltipTitle: tooltipTitle,
+    icon: icon
   });
 };
 
@@ -11875,9 +11944,10 @@ var LayerRowConnect = function LayerRowConnect(_ref) {
   var layerId = _ref.layerId,
       mapId = _ref.mapId,
       dragHandle = _ref.dragHandle,
-      layerIndex = _ref.layerIndex;
+      layerIndex = _ref.layerIndex,
+      settings = _ref.settings;
 
-  var _a;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
 
   var isEnabled = useSelector(function (store) {
     return getLayerEnabled(store, layerId);
@@ -11907,15 +11977,19 @@ var LayerRowConnect = function LayerRowConnect(_ref) {
       layerId: layerId,
       mapId: mapId,
       isEnabled: isEnabled,
-      layerName: fullLayerName || layerName
+      layerName: fullLayerName || layerName,
+      icon: isEnabled ? (_b = settings === null || settings === void 0 ? void 0 : settings.enableLayer) === null || _b === void 0 ? void 0 : _b.enabledIcon : (_c = settings === null || settings === void 0 ? void 0 : settings.enableLayer) === null || _c === void 0 ? void 0 : _c.disabledIcon,
+      tooltipTitle: isEnabled ? (_d = settings === null || settings === void 0 ? void 0 : settings.enableLayer) === null || _d === void 0 ? void 0 : _d.enabledTooltipTitle : (_e = settings === null || settings === void 0 ? void 0 : settings.enableLayer) === null || _e === void 0 ? void 0 : _e.disabledTooltipTitle
     }),
     layerOpacityLayout: /*#__PURE__*/React.createElement(OpacitySelectConnect, {
       layerId: layerId,
-      mapId: mapId
+      mapId: mapId,
+      tooltipPrefix: (_f = settings === null || settings === void 0 ? void 0 : settings.opacity) === null || _f === void 0 ? void 0 : _f.tooltipPrefix
     }),
     layerServicesLayout: /*#__PURE__*/React.createElement(RenderLayersConnect, {
       layerId: layerId,
-      mapId: mapId
+      mapId: mapId,
+      tooltipPrefix: (_g = settings === null || settings === void 0 ? void 0 : settings.renderLayer) === null || _g === void 0 ? void 0 : _g.tooltipPrefix
     }),
     layerDimensionLayout: /*#__PURE__*/React.createElement(DimensionSelectConnect, {
       layerId: layerId,
@@ -11923,16 +11997,22 @@ var LayerRowConnect = function LayerRowConnect(_ref) {
     }),
     layerStylesLayout: /*#__PURE__*/React.createElement(RenderStylesConnect, {
       layerId: layerId,
-      mapId: mapId
+      mapId: mapId,
+      tooltipPrefix: (_h = settings === null || settings === void 0 ? void 0 : settings.layerStyle) === null || _h === void 0 ? void 0 : _h.tooltipPrefix,
+      icon: (_j = settings === null || settings === void 0 ? void 0 : settings.layerStyle) === null || _j === void 0 ? void 0 : _j.icon
     }),
     layerDeleteLayout: /*#__PURE__*/React.createElement(DeleteLayerConnect, {
       mapId: mapId,
       layerId: layerId,
-      layerIndex: layerIndex
+      layerIndex: layerIndex,
+      tooltipTitle: (_k = settings === null || settings === void 0 ? void 0 : settings.deleteLayer) === null || _k === void 0 ? void 0 : _k.tooltipTitle,
+      icon: (_l = settings === null || settings === void 0 ? void 0 : settings.deleteLayer) === null || _l === void 0 ? void 0 : _l.icon
     }),
     layerMenuLayout: /*#__PURE__*/React.createElement(LayerManagerMenuButtonConnect, {
       mapId: mapId,
-      layerId: layerId
+      layerId: layerId,
+      tooltipTitle: (_m = settings === null || settings === void 0 ? void 0 : settings.menu) === null || _m === void 0 ? void 0 : _m.tooltipTitle,
+      icon: (_o = settings === null || settings === void 0 ? void 0 : settings.menu) === null || _o === void 0 ? void 0 : _o.icon
     }),
     layerActiveLayout: /*#__PURE__*/React.createElement(ActivateLayerConnect, {
       mapId: mapId,
@@ -11968,10 +12048,16 @@ var DragHandle = function DragHandle(_ref) {
       _ref$hideTooltip = _ref.hideTooltip,
       hideTooltip = _ref$hideTooltip === void 0 ? true : _ref$hideTooltip,
       _ref$isSorting = _ref.isSorting,
-      isSorting = _ref$isSorting === void 0 ? false : _ref$isSorting;
-  var tooltipTitle = hideTooltip ? '' : TOOLTIP_TITLE;
+      isSorting = _ref$isSorting === void 0 ? false : _ref$isSorting,
+      _ref$icon = _ref.icon,
+      icon = _ref$icon === void 0 ? /*#__PURE__*/React__default.createElement(DragHandle$1, {
+    "data-testid": "dragHandleIcon"
+  }) : _ref$icon,
+      _ref$tooltipTitle = _ref.tooltipTitle,
+      tooltipTitle = _ref$tooltipTitle === void 0 ? TOOLTIP_TITLE : _ref$tooltipTitle;
+  var usedTooltipTitle = hideTooltip ? '' : tooltipTitle;
   return /*#__PURE__*/React__default.createElement(CustomIconButton, {
-    tooltipTitle: tooltipTitle,
+    tooltipTitle: usedTooltipTitle,
     "data-testid": "dragHandle".concat(index !== undefined ? "-".concat(index) : ''),
     className: "handle",
     tabIndex: -1,
@@ -11990,11 +12076,12 @@ var DragHandle = function DragHandle(_ref) {
         color: 'geowebColors.greys.accessible'
       }
     }
-  }, /*#__PURE__*/React__default.createElement(DragHandle$1, null));
+  }, icon);
 };
 
 var LayerContainerRow = function LayerContainerRow(_ref) {
-  var mapId = _ref.mapId;
+  var mapId = _ref.mapId,
+      settings = _ref.settings;
   var dispatch = useDispatch();
 
   var _React$useState = React.useState(false),
@@ -12118,6 +12205,8 @@ var LayerContainerRow = function LayerContainerRow(_ref) {
       width: '100%'
     }
   }, layerIds.map(function (layerId, index) {
+    var _a, _b;
+
     return /*#__PURE__*/React.createElement(LayerRowConnect, {
       mapId: mapId,
       layerId: layerId,
@@ -12127,8 +12216,11 @@ var LayerContainerRow = function LayerContainerRow(_ref) {
         isDisabled: isDragDisabled,
         index: index,
         hideTooltip: isSorting || isDragDisabled,
-        isSorting: isSorting
-      })
+        isSorting: isSorting,
+        icon: (_a = settings === null || settings === void 0 ? void 0 : settings.dragHandle) === null || _a === void 0 ? void 0 : _a.icon,
+        tooltipTitle: (_b = settings === null || settings === void 0 ? void 0 : settings.dragHandle) === null || _b === void 0 ? void 0 : _b.tooltipTitle
+      }),
+      settings: settings
     });
   })));
 };
@@ -13262,7 +13354,8 @@ var LayerManager = function LayerManager(_ref) {
     source: source,
     settings: settings === null || settings === void 0 ? void 0 : settings.header
   }), /*#__PURE__*/React.createElement(LayerContainerRow, {
-    mapId: mapId
+    mapId: mapId,
+    settings: settings === null || settings === void 0 ? void 0 : settings.content
   }), /*#__PURE__*/React.createElement(BaseLayerRow, {
     mapId: mapId,
     tooltip: "Add base layers",
@@ -26989,7 +27082,8 @@ var SyncGroupViewer = function SyncGroupViewer(_ref) {
     if (isChecked) {
       syncGroupRemoveTarget({
         groupId: String(groupId),
-        targetId: String(sourceId)
+        targetId: String(sourceId),
+        origin: 'user'
       });
     } else {
       var groups = syncGroupViewState[groupCategory].groups; // Check all other groups and if checkmark is found -> uncheck it
@@ -27004,7 +27098,8 @@ var SyncGroupViewer = function SyncGroupViewer(_ref) {
           if (group.id !== groupId && group.selected.includes(sourceId)) {
             syncGroupRemoveTarget({
               groupId: String(group.id),
-              targetId: String(sourceId)
+              targetId: String(sourceId),
+              origin: 'user'
             });
           }
         } // Add new checkmark
@@ -27017,7 +27112,8 @@ var SyncGroupViewer = function SyncGroupViewer(_ref) {
 
       syncGroupAddTarget({
         groupId: String(groupId),
-        targetId: String(sourceId)
+        targetId: String(sourceId),
+        origin: 'user'
       });
     }
   };
@@ -27695,4 +27791,4 @@ var MapWarningProperties = function MapWarningProperties(_ref) {
  * */
 var mapActions = Object.assign(Object.assign(Object.assign({}, layerActions), mapActions$1), serviceActions);
 
-export { AppWrapperConnect, ConfigurableMapConnect, CoreThemeProvider, CoreThemeStoreProvider, DockedLayerManagerConnect, HarmonieTempAndPrecipPreset, LayerManager, BaseLayerRow as LayerManagerBaseLayerRow, LayerManagerConnect, DescriptionRow as LayerManagerDescriptionRow, HeaderOptions as LayerManagerHeaderOptions, LayerContainerRow as LayerManagerLayerContainerRow, LayerManagerMapButtonConnect, LayerSelectConnect, Legend, LegendConnect, LegendMapButtonConnect, MapControls, MapView, MapViewConnect, MapViewLayer, MapWarningProperties, MultiDimensionSelectMapButtonsConnect, MultiMapMultiDimensionSelectConnect as MultiMapDimensionSelectConnect, MultiMapViewConnect, ReactMapView, ReactMapViewLayer, RouterWrapperConnect, SnackbarWrapperConnect, SyncGroupViewerConnect, index as SyncGroups, TimeSlider, BackwardForwardStepButtonConnect as TimeSliderBackwardForwardStepButtonConnect, TimeSliderButtonsConnect, TimeSliderConnect, OptionsMenuButtonConnect as TimeSliderOptionsMenuButtonConnect, PlayButtonConnect as TimeSliderPlayButtonConnect, ZoomControlConnect, ZoomControls, appActions, componentsLookUp, coreModuleConfig, dateFormat, defaultBbox, defaultConfigurations, filterLayers, filterMapPresets, filterNonTimeDimensions, filterServices, generateLayerId, generateMapId, generateTimesliderId, selectors$1 as genericSelectors, getDrawFunctionFromStore, getFirstTimeStepForLayerId, getInitialAppPresets, getLastTimeStepForLayerId, getNextTimeStepForLayerId, getPreviousTimeStepForLayerId, getWMJSDimensionForLayerAndDimension, getWMJSMapById, getWMJSTimeDimensionForLayerId, getWMLayerById, layerActions, reducer$8 as layerReducer, selectors$3 as layerSelectors, types$3 as layerTypes, mapActions, moduleConfig as mapModuleConfig, selectors as mapSelectors, types$2 as mapTypes, utils as mapUtils, parseBoolean, parseLayer, publicLayers, publicServices, registerDrawFunction, registerWMJSMap, registerWMLayer, routerActions, snackbarActions, store, genericActions as syncGroupActions, synchronizationGroupConfig as synchronizationGroupModuleConfig, synchronizationGroupConfig as synchronizationGroupsConfig, testLayers, timeSliderUtils, uiActions, uiModuleConfig, selectors$2 as uiSelectors, types as uiTypes, unRegisterWMJSLayer, unRegisterWMJSMap, useSetupDialog };
+export { AppWrapperConnect, ConfigurableMapConnect, CoreThemeProvider, CoreThemeStoreProvider, DockedLayerManagerConnect, HarmonieTempAndPrecipPreset, LayerManager, BaseLayerRow as LayerManagerBaseLayerRow, LayerManagerConnect, DescriptionRow as LayerManagerDescriptionRow, HeaderOptions as LayerManagerHeaderOptions, LayerContainerRow as LayerManagerLayerContainerRow, LayerManagerMapButtonConnect, LayerSelectConnect, Legend, LegendConnect, LegendMapButtonConnect, MapControls, MapView, MapViewConnect, MapViewLayer, MapWarningProperties, MultiDimensionSelectMapButtonsConnect, MultiMapMultiDimensionSelectConnect as MultiMapDimensionSelectConnect, MultiMapViewConnect, ReactMapView, ReactMapViewLayer, RouterWrapperConnect, SnackbarWrapperConnect, SyncGroupViewerConnect, index as SyncGroups, TimeSlider, BackwardForwardStepButtonConnect as TimeSliderBackwardForwardStepButtonConnect, TimeSliderButtonsConnect, TimeSliderConnect, OptionsMenuButtonConnect as TimeSliderOptionsMenuButtonConnect, PlayButtonConnect as TimeSliderPlayButtonConnect, ZoomControlConnect, ZoomControls, appActions, componentsLookUp, coreModuleConfig, dateFormat, defaultBbox, defaultConfigurations, filterLayers, filterMapPresets, filterNonTimeDimensions, filterServices, generateLayerId, generateMapId, generateTimesliderId, selectors$1 as genericSelectors, getDrawFunctionFromStore, getFirstTimeStepForLayerId, getInitialAppPresets, getLastTimeStepForLayerId, getNextTimeStepForLayerId, getPreviousTimeStepForLayerId, getWMJSDimensionForLayerAndDimension, getWMJSMapById, getWMJSTimeDimensionForLayerId, getWMLayerById, layerActions, reducer$8 as layerReducer, selectors$4 as layerSelectors, types$3 as layerTypes, mapActions, moduleConfig as mapModuleConfig, selectors as mapSelectors, types$2 as mapTypes, utils as mapUtils, parseBoolean, parseLayer, publicLayers, publicServices, registerDrawFunction, registerWMJSMap, registerWMLayer, routerActions, snackbarActions, store, genericActions as syncGroupActions, selectors$2 as syncGroupsSelectors, synchronizationGroupConfig as synchronizationGroupModuleConfig, synchronizationGroupConfig as synchronizationGroupsConfig, testLayers, timeSliderUtils, uiActions, uiModuleConfig, selectors$3 as uiSelectors, types as uiTypes, unRegisterWMJSLayer, unRegisterWMJSMap, useSetupDialog };