@opengeoweb/core 4.14.1 → 4.15.1

package/index.esm.js

@@ -10215,7 +10215,11 @@ var OpacitySelect = function OpacitySelect(_ref) {
       width: '100%',
       borderRadius: '0',
       minWidth: '49px'
-    }
+    },
+    // Safari-based browsers handle focus differently with buttons
+    // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#clicking_and_focus
+    // Use div instead to fix onBlur hander's event.relatedTarget below
+    component: "div"
   }, currentOpacityText)), /*#__PURE__*/React.createElement(Popper, {
     open: isOpen,
     anchorEl: anchorEl,
@@ -14411,7 +14415,7 @@ var ServiceListConnect = function ServiceListConnect(_ref) {
 var styles$1 = {
   servicesContainer: {
     width: '360px',
-    maxHeight: '380px',
+    maxHeight: '412px',
     top: '140px',
     backgroundColor: 'geowebColors.background.surface',
     boxShadow: 6,
@@ -14504,6 +14508,29 @@ var ServiceOptionsDialog = function ServiceOptionsDialog(_ref) {
     startIcon: /*#__PURE__*/React.createElement(Add, null)
   }, "Add a new service")));
 };
+var updateServiceTitle = 'Update layers from WMS service';
+var editServiceTitle = 'Edit Service';
+var showServiceTitle = 'Show Service';
+
+var deleteServiceTitle = function deleteServiceTitle(hasActiveLayers) {
+  return hasActiveLayers ? 'Service has active layers. Cannot remove this service' : 'Delete Service';
+};
+
+var tooltipPlacement = function tooltipPlacement() {
+  return 'left';
+};
+
+var tooltipPopperProps = {
+  disablePortal: true,
+  sx: {
+    '& .MuiTooltip-tooltip': {
+      width: '200px',
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }
+};
 
 var Rows = function Rows(_ref2) {
   var services = _ref2.services,
@@ -14520,9 +14547,10 @@ var Rows = function Rows(_ref2) {
     return false;
   };
 
+  var sortedServices = sortByService(services);
   return /*#__PURE__*/React.createElement(List, {
     disablePadding: true
-  }, Object.keys(sortByService(services)).map(function (serviceId) {
+  }, Object.keys(sortedServices).map(function (serviceId) {
     var _services$serviceId = services[serviceId],
         serviceUrl = _services$serviceId.serviceUrl,
         serviceName = _services$serviceId.serviceName,
@@ -14552,8 +14580,10 @@ var Rows = function Rows(_ref2) {
       item: true,
       xs: 4
     }, /*#__PURE__*/React.createElement(CustomTooltip, {
-      title: "Update layers from WMS service",
-      "data-testid": "updateServiceTooltip"
+      "data-testid": "updateServiceTooltip",
+      title: updateServiceTitle,
+      placement: tooltipPlacement(),
+      PopperProps: tooltipPopperProps
     }, /*#__PURE__*/React.createElement(IconButton, {
       "data-testid": "updateServiceButton",
       "aria-label": "Update layers from WMS service",
@@ -14566,7 +14596,9 @@ var Rows = function Rows(_ref2) {
       item: true,
       xs: 4
     }, userAddedService ? /*#__PURE__*/React.createElement(CustomTooltip, {
-      title: "Edit Service"
+      title: editServiceTitle,
+      placement: tooltipPlacement(),
+      PopperProps: tooltipPopperProps
     }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(IconButton, {
       "aria-label": "edit service",
       "data-testid": "openEditServiceButton",
@@ -14581,7 +14613,9 @@ var Rows = function Rows(_ref2) {
         });
       }
     }, /*#__PURE__*/React.createElement(Edit, null)))) : /*#__PURE__*/React.createElement(CustomTooltip, {
-      title: "Show Service"
+      title: showServiceTitle,
+      placement: tooltipPlacement(),
+      PopperProps: tooltipPopperProps
     }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(IconButton, {
       "aria-label": "show service",
       "data-testid": "openShowServiceButton",
@@ -14599,7 +14633,9 @@ var Rows = function Rows(_ref2) {
       item: true,
       xs: 4
     }, userAddedService && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(CustomTooltip, {
-      title: serviceHasActiveLayers ? 'Service has active layers. Cannot remove this service' : 'Delete Service',
+      title: deleteServiceTitle(serviceHasActiveLayers),
+      PopperProps: tooltipPopperProps,
+      placement: tooltipPlacement(),
       "data-testid": "removeServiceTooltip"
     }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(IconButton, {
       "data-testid": "removeServiceButton",

package/index.umd.js

@@ -10645,7 +10645,11 @@
           width: '100%',
           borderRadius: '0',
           minWidth: '49px'
-        }
+        },
+        // Safari-based browsers handle focus differently with buttons
+        // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#clicking_and_focus
+        // Use div instead to fix onBlur hander's event.relatedTarget below
+        component: "div"
       }, currentOpacityText)), /*#__PURE__*/React__namespace.createElement(material.Popper, {
         open: isOpen,
         anchorEl: anchorEl,
@@ -15021,7 +15025,7 @@
     var styles$1 = {
       servicesContainer: {
         width: '360px',
-        maxHeight: '380px',
+        maxHeight: '412px',
         top: '140px',
         backgroundColor: 'geowebColors.background.surface',
         boxShadow: 6,
@@ -15114,6 +15118,29 @@
         startIcon: /*#__PURE__*/React__namespace.createElement(theme.Add, null)
       }, "Add a new service")));
     };
+    var updateServiceTitle = 'Update layers from WMS service';
+    var editServiceTitle = 'Edit Service';
+    var showServiceTitle = 'Show Service';
+
+    var deleteServiceTitle = function deleteServiceTitle(hasActiveLayers) {
+      return hasActiveLayers ? 'Service has active layers. Cannot remove this service' : 'Delete Service';
+    };
+
+    var tooltipPlacement = function tooltipPlacement() {
+      return 'left';
+    };
+
+    var tooltipPopperProps = {
+      disablePortal: true,
+      sx: {
+        '& .MuiTooltip-tooltip': {
+          width: '200px',
+          display: 'flex',
+          justifyContent: 'center',
+          alignItems: 'center'
+        }
+      }
+    };
 
     var Rows = function Rows(_a) {
       var services = _a.services,
@@ -15130,9 +15157,10 @@
         return false;
       };
 
+      var sortedServices = sortByService(services);
       return /*#__PURE__*/React__namespace.createElement(material.List, {
         disablePadding: true
-      }, Object.keys(sortByService(services)).map(function (serviceId) {
+      }, Object.keys(sortedServices).map(function (serviceId) {
         var _a = services[serviceId],
             serviceUrl = _a.serviceUrl,
             serviceName = _a.serviceName,
@@ -15162,8 +15190,10 @@
           item: true,
           xs: 4
         }, /*#__PURE__*/React__namespace.createElement(shared.CustomTooltip, {
-          title: "Update layers from WMS service",
-          "data-testid": "updateServiceTooltip"
+          "data-testid": "updateServiceTooltip",
+          title: updateServiceTitle,
+          placement: tooltipPlacement(),
+          PopperProps: tooltipPopperProps
         }, /*#__PURE__*/React__namespace.createElement(material.IconButton, {
           "data-testid": "updateServiceButton",
           "aria-label": "Update layers from WMS service",
@@ -15176,7 +15206,9 @@
           item: true,
           xs: 4
         }, userAddedService ? /*#__PURE__*/React__namespace.createElement(shared.CustomTooltip, {
-          title: "Edit Service"
+          title: editServiceTitle,
+          placement: tooltipPlacement(),
+          PopperProps: tooltipPopperProps
         }, /*#__PURE__*/React__namespace.createElement("span", null, /*#__PURE__*/React__namespace.createElement(material.IconButton, {
           "aria-label": "edit service",
           "data-testid": "openEditServiceButton",
@@ -15191,7 +15223,9 @@
             });
           }
         }, /*#__PURE__*/React__namespace.createElement(theme.Edit, null)))) : /*#__PURE__*/React__namespace.createElement(shared.CustomTooltip, {
-          title: "Show Service"
+          title: showServiceTitle,
+          placement: tooltipPlacement(),
+          PopperProps: tooltipPopperProps
         }, /*#__PURE__*/React__namespace.createElement("span", null, /*#__PURE__*/React__namespace.createElement(material.IconButton, {
           "aria-label": "show service",
           "data-testid": "openShowServiceButton",
@@ -15209,7 +15243,9 @@
           item: true,
           xs: 4
         }, userAddedService && /*#__PURE__*/React__namespace.createElement(material.Box, null, /*#__PURE__*/React__namespace.createElement(shared.CustomTooltip, {
-          title: serviceHasActiveLayers ? 'Service has active layers. Cannot remove this service' : 'Delete Service',
+          title: deleteServiceTitle(serviceHasActiveLayers),
+          PopperProps: tooltipPopperProps,
+          placement: tooltipPlacement(),
           "data-testid": "removeServiceTooltip"
         }, /*#__PURE__*/React__namespace.createElement("span", null, /*#__PURE__*/React__namespace.createElement(material.IconButton, {
           "data-testid": "removeServiceButton",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/core",
-  "version": "4.14.1",
+  "version": "4.15.1",
   "description": "GeoWeb Core library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -13,9 +13,9 @@
   "dependencies": {},
   "peerDependencies": {
     "react": "^18.2.0",
-    "@opengeoweb/shared": "4.14.1",
+    "@opengeoweb/shared": "4.15.1",
     "@mui/material": "^5.10.8",
-    "@opengeoweb/theme": "4.14.1",
+    "@opengeoweb/theme": "4.15.1",
     "react-draggable": "^4.4.5",
     "re-resizable": "^6.9.0",
     "@redux-eggs/core": "^2.2.0",
@@ -24,16 +24,16 @@
     "axios": "^0.25.0",
     "date-fns": "^2.29.3",
     "moment": "^2.29.0",
-    "@opengeoweb/webmap": "4.14.1",
+    "@opengeoweb/webmap": "4.15.1",
     "throttle-debounce": "^3.0.1",
     "proj4": "^2.6.2",
-    "@opengeoweb/api": "4.14.1",
+    "@opengeoweb/api": "4.15.1",
     "react-intl": "^5.17.5",
     "react-sortablejs": "^6.1.4",
     "sortablejs": "^1.15.0",
     "immer": "^9.0.15",
     "react-window": "^1.8.7",
-    "@opengeoweb/form-fields": "4.14.1",
+    "@opengeoweb/form-fields": "4.15.1",
     "react-hook-form": "^7.41.5",
     "moment-timezone": "^0.5.31",
     "@mui/x-date-pickers": "^5.0.4",