@opengeoweb/shared 4.16.0 → 4.17.0

package/index.esm.js

@@ -95,15 +95,16 @@ var CustomDialog = function CustomDialog(_a) {
       _a$actions = _a.actions,
       actions = _a$actions === void 0 ? null : _a$actions,
       children = _a.children,
-      other = __rest(_a, ["title", "onClose", "description", "actions", "children"]);
+      sx = _a.sx,
+      other = __rest(_a, ["title", "onClose", "description", "actions", "children", "sx"]);
 
   return /*#__PURE__*/React.createElement(Dialog, Object.assign({
     "data-testid": "customDialog",
     PaperProps: {
-      sx: {
+      sx: Object.assign({
         width: '560px',
         margin: 2.5
-      }
+      }, sx)
     },
     // fix for briefly showing default options when closing dialog
     transitionDuration: 0,
@@ -122,14 +123,8 @@ var CustomDialog = function CustomDialog(_a) {
     }
   }, /*#__PURE__*/React.createElement(Typography, {
     sx: {
-      fontSize: {
-        xs: '16px',
-        sm: '34px'
-      },
-      fontWeight: {
-        xs: 500,
-        sm: 400
-      }
+      fontSize: '16px',
+      fontWeight: 500
     },
     "data-testid": "customDialog-title",
     component: "span"
@@ -602,45 +597,45 @@ var adjustPosition = function adjustPosition(bbox, containingView, position, set
       x: position.x + diffX,
       y: position.y + diffY
     });
-  } // bottom right
-  else if (bbox.right >= containingView.right && bbox.bottom >= containingView.bottom) {
-      var _diffX = containingView.right - bbox.right;
+  } else if ( // bottom right
+  bbox.right >= containingView.right && bbox.bottom >= containingView.bottom) {
+    var _diffX = containingView.right - bbox.right;
 
-      var _diffY = containingView.bottom - bbox.bottom;
-
-      setPosition({
-        x: position.x + _diffX,
-        y: position.y + _diffY
-      });
-    } // left screen
-    else if (bbox.x < containingView.x || isHorizontallyLarger) {
-        var _diffX2 = containingView.x - bbox.x;
+    var _diffY = containingView.bottom - bbox.bottom;
 
-        setPosition(Object.assign(Object.assign({}, position), {
-          x: position.x + _diffX2
-        }));
-      } // right screen
-      else if (bbox.right >= containingView.right) {
-          var _diffX3 = containingView.right - bbox.right;
-
-          setPosition(Object.assign(Object.assign({}, position), {
-            x: position.x + _diffX3
-          }));
-        } // top screen
-        else if (bbox.y < containingView.y || isVerticallyLarger) {
-            var _diffY2 = containingView.y - bbox.y;
-
-            setPosition(Object.assign(Object.assign({}, position), {
-              y: position.y + _diffY2
-            }));
-          } // bottom screen
-          else if (bbox.bottom >= containingView.bottom) {
-              var _diffY3 = containingView.bottom - bbox.bottom;
-
-              setPosition(Object.assign(Object.assign({}, position), {
-                y: position.y + _diffY3
-              }));
-            }
+    setPosition({
+      x: position.x + _diffX,
+      y: position.y + _diffY
+    });
+  } else if (bbox.x < containingView.x || isHorizontallyLarger) {
+    // left screen
+    var _diffX2 = containingView.x - bbox.x;
+
+    setPosition(Object.assign(Object.assign({}, position), {
+      x: position.x + _diffX2
+    }));
+  } else if (bbox.right >= containingView.right) {
+    // right screen
+    var _diffX3 = containingView.right - bbox.right;
+
+    setPosition(Object.assign(Object.assign({}, position), {
+      x: position.x + _diffX3
+    }));
+  } else if (bbox.y < containingView.y || isVerticallyLarger) {
+    // top screen
+    var _diffY2 = containingView.y - bbox.y;
+
+    setPosition(Object.assign(Object.assign({}, position), {
+      y: position.y + _diffY2
+    }));
+  } else if (bbox.bottom >= containingView.bottom) {
+    // bottom screen
+    var _diffY3 = containingView.bottom - bbox.bottom;
+
+    setPosition(Object.assign(Object.assign({}, position), {
+      y: position.y + _diffY3
+    }));
+  }
 };
 var useMakeSureContainerStaysInsideWindow = function useMakeSureContainerStaysInsideWindow(nodeRef, position, setPosition) {
   var onResizeWindow = React__default.useCallback(function () {
@@ -964,14 +959,17 @@ var AppHeader = function AppHeader(_ref2) {
       userMenu = _ref2.userMenu,
       workspaceTopBar = _ref2.workspaceTopBar,
       _ref2$title = _ref2.title,
-      title = _ref2$title === void 0 ? 'GeoWeb' : _ref2$title;
+      title = _ref2$title === void 0 ? 'GeoWeb' : _ref2$title,
+      onClick = _ref2.onClick;
   return /*#__PURE__*/React__default.createElement(Box, {
     component: "header",
     sx: styles$5.header
   }, /*#__PURE__*/React__default.createElement(Box, {
+    onClick: onClick,
     sx: {
       display: 'inherit',
-      alignItems: 'center'
+      alignItems: 'center',
+      cursor: onClick ? 'pointer' : 'auto'
     }
   }, /*#__PURE__*/React__default.createElement(GeoWebLogo, {
     style: {

package/index.umd.js

@@ -169,15 +169,16 @@
           _c = _a.actions,
           actions = _c === void 0 ? null : _c,
           children = _a.children,
-          other = __rest(_a, ["title", "onClose", "description", "actions", "children"]);
+          sx = _a.sx,
+          other = __rest(_a, ["title", "onClose", "description", "actions", "children", "sx"]);
 
       return /*#__PURE__*/React__namespace.createElement(material.Dialog, __assign({
         "data-testid": "customDialog",
         PaperProps: {
-          sx: {
+          sx: __assign({
             width: '560px',
             margin: 2.5
-          }
+          }, sx)
         },
         // fix for briefly showing default options when closing dialog
         transitionDuration: 0,
@@ -196,14 +197,8 @@
         }
       }, /*#__PURE__*/React__namespace.createElement(material.Typography, {
         sx: {
-          fontSize: {
-            xs: '16px',
-            sm: '34px'
-          },
-          fontWeight: {
-            xs: 500,
-            sm: 400
-          }
+          fontSize: '16px',
+          fontWeight: 500
         },
         "data-testid": "customDialog-title",
         component: "span"
@@ -471,39 +466,39 @@
           x: position.x + diffX,
           y: position.y + diffY
         });
-      } // bottom right
-      else if (bbox.right >= containingView.right && bbox.bottom >= containingView.bottom) {
-          var diffX = containingView.right - bbox.right;
-          var diffY = containingView.bottom - bbox.bottom;
-          setPosition({
-            x: position.x + diffX,
-            y: position.y + diffY
-          });
-        } // left screen
-        else if (bbox.x < containingView.x || isHorizontallyLarger) {
-            var diffX = containingView.x - bbox.x;
-            setPosition(__assign(__assign({}, position), {
-              x: position.x + diffX
-            }));
-          } // right screen
-          else if (bbox.right >= containingView.right) {
-              var diffX = containingView.right - bbox.right;
-              setPosition(__assign(__assign({}, position), {
-                x: position.x + diffX
-              }));
-            } // top screen
-            else if (bbox.y < containingView.y || isVerticallyLarger) {
-                var diffY = containingView.y - bbox.y;
-                setPosition(__assign(__assign({}, position), {
-                  y: position.y + diffY
-                }));
-              } // bottom screen
-              else if (bbox.bottom >= containingView.bottom) {
-                  var diffY = containingView.bottom - bbox.bottom;
-                  setPosition(__assign(__assign({}, position), {
-                    y: position.y + diffY
-                  }));
-                }
+      } else if ( // bottom right
+      bbox.right >= containingView.right && bbox.bottom >= containingView.bottom) {
+        var diffX = containingView.right - bbox.right;
+        var diffY = containingView.bottom - bbox.bottom;
+        setPosition({
+          x: position.x + diffX,
+          y: position.y + diffY
+        });
+      } else if (bbox.x < containingView.x || isHorizontallyLarger) {
+        // left screen
+        var diffX = containingView.x - bbox.x;
+        setPosition(__assign(__assign({}, position), {
+          x: position.x + diffX
+        }));
+      } else if (bbox.right >= containingView.right) {
+        // right screen
+        var diffX = containingView.right - bbox.right;
+        setPosition(__assign(__assign({}, position), {
+          x: position.x + diffX
+        }));
+      } else if (bbox.y < containingView.y || isVerticallyLarger) {
+        // top screen
+        var diffY = containingView.y - bbox.y;
+        setPosition(__assign(__assign({}, position), {
+          y: position.y + diffY
+        }));
+      } else if (bbox.bottom >= containingView.bottom) {
+        // bottom screen
+        var diffY = containingView.bottom - bbox.bottom;
+        setPosition(__assign(__assign({}, position), {
+          y: position.y + diffY
+        }));
+      }
     };
     var useMakeSureContainerStaysInsideWindow = function useMakeSureContainerStaysInsideWindow(nodeRef, position, setPosition) {
       var onResizeWindow = React__default["default"].useCallback(function () {
@@ -844,14 +839,17 @@
           userMenu = _a.userMenu,
           workspaceTopBar = _a.workspaceTopBar,
           _b = _a.title,
-          title = _b === void 0 ? 'GeoWeb' : _b;
+          title = _b === void 0 ? 'GeoWeb' : _b,
+          onClick = _a.onClick;
       return /*#__PURE__*/React__default["default"].createElement(material.Box, {
         component: "header",
         sx: styles$5.header
       }, /*#__PURE__*/React__default["default"].createElement(material.Box, {
+        onClick: onClick,
         sx: {
           display: 'inherit',
-          alignItems: 'center'
+          alignItems: 'center',
+          cursor: onClick ? 'pointer' : 'auto'
         }
       }, /*#__PURE__*/React__default["default"].createElement(theme.GeoWebLogo, {
         style: {

package/lib/components/AppHeader/AppHeader.d.ts

@@ -4,6 +4,7 @@ interface AppHeaderProps {
     userMenu?: React.ReactNode;
     workspaceTopBar?: React.ReactNode;
     title?: string;
+    onClick?: () => void;
 }
 declare const AppHeader: React.FC<AppHeaderProps>;
 export default AppHeader;

package/lib/components/ManagerDeleteButton/ManagerDeleteButton.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { IconButtonProps } from '@mui/material';
 interface DeleteButtonProps extends IconButtonProps {
     tooltipTitle: string;
-    onClickDelete: () => void;
+    onClickDelete: (event: React.MouseEvent) => void;
     isEnabled?: boolean;
 }
 export declare const ManagerDeleteButton: React.FC<DeleteButtonProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/shared",
-  "version": "4.16.0",
+  "version": "4.17.0",
   "description": "GeoWeb shared library with shared components and utils for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -14,7 +14,7 @@
   "peerDependencies": {
     "react": "^18.2.0",
     "@mui/material": "^5.10.8",
-    "@opengeoweb/theme": "4.16.0",
+    "@opengeoweb/theme": "4.17.0",
     "react-draggable": "^4.4.5",
     "re-resizable": "^6.9.0",
     "@redux-eggs/core": "^2.2.0",