@vertigis/react-ui 15.2.1 → 15.2.3

package/IconMenu/IconMenu.d.ts

@@ -24,6 +24,16 @@ export interface IconMenuProps extends BoxProps {
      * The icon to show.
      */
     icon: ReactNode;
+    /**
+     * A ref for the menu element
+     */
+    menuRef?: React.MutableRefObject<HTMLDivElement>;
+    /**
+     * A 'virtual anchor' that can be provided to override the default behavior.
+     * Use if the component hosting this could be destroyed while the menu is
+     * open.
+     */
+    virtualAnchor?: DOMRect;
     /**
      * Attributes applied to the `IconButton` component.
      */

package/IconMenu/IconMenu.js

@@ -11,7 +11,7 @@ export const iconMenuClasses = {
     root: `${PREFIX}-root`,
     iconButton: `${PREFIX}-iconButton`,
 };
-const IconMenu = forwardRef(({ id: idProp, children, icon, className, classes: classesProp, disabled, IconButtonProps, MenuProps, ...others }, ref) => {
+const IconMenu = forwardRef(({ id: idProp, children, icon, className, classes: classesProp, disabled, menuRef, virtualAnchor, IconButtonProps, MenuProps, ...others }, ref) => {
     const anchorRef = useRef();
     const [open, setOpen] = useState(false);
     const id = useId(idProp);
@@ -19,7 +19,9 @@ const IconMenu = forwardRef(({ id: idProp, children, icon, className, classes: c
     return (_jsxs(Box, { className: clsx(classes.root, className), ref: ref, ...others, children: [_jsx(IconButton, { ...IconButtonProps, "aria-label": "More", "aria-owns": open ? id : undefined, "aria-haspopup": "true", "data-test": "IconMenu-btn", disabled: disabled, className: clsx(classes.iconButton, IconButtonProps?.className), onClick: event => {
                     setOpen(true);
                     IconButtonProps?.onClick?.(event);
-                }, ref: ref => (anchorRef.current = anchorRef.current ?? ref), children: icon }), _jsx(Menu, { ...MenuProps, open: MenuProps?.open ?? open, id: id, "data-test": "IconMenu-menu", anchorEl: anchorRef.current, onClose: (event, reason) => {
+                }, ref: ref => (anchorRef.current = anchorRef.current ?? ref), children: icon }), _jsx(Menu, { ...MenuProps, open: MenuProps?.open ?? open, id: id, ref: menuRef, "data-test": "IconMenu-menu", anchorEl: virtualAnchor
+                    ? { nodeType: 1, getBoundingClientRect: () => virtualAnchor }
+                    : anchorRef.current, onClose: (event, reason) => {
                     setOpen(false);
                     MenuProps?.onClose?.(event, reason);
                 }, onClick: event => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vertigis/react-ui",
-  "version": "15.2.1",
+  "version": "15.2.3",
   "description": "Utilities and React components used in VertiGIS applications.",
   "keywords": [
     "vertigis",

package/styles/createTheme.js

@@ -388,6 +388,20 @@ function getOverrides(theme) {
                     focusRipple: false,
                 },
             },
+            MuiClock: {
+                styleOverrides: {
+                    amButton: {
+                        "& .MuiTypography-caption": {
+                            fontStyle: "normal",
+                        },
+                    },
+                    pmButton: {
+                        "& .MuiTypography-caption": {
+                            fontStyle: "normal",
+                        },
+                    },
+                },
+            },
             MuiCssBaseline: {
                 styleOverrides: {
                     html: {
@@ -440,6 +454,20 @@ function getOverrides(theme) {
                     PopperProps: { dir: theme.direction },
                 },
             },
+            MuiDayPicker: {
+                styleOverrides: {
+                    header: {
+                        "& .MuiTypography-caption": {
+                            fontStyle: "normal",
+                        },
+                    },
+                    weekContainer: {
+                        button: {
+                            fontStyle: "normal",
+                        },
+                    },
+                },
+            },
             MuiDialogActions: {
                 styleOverrides: {
                     root: {