grep-components 1.29.0 → 1.30.0-GREPF-2244.1

package/dist/components/DropdownMenu/components/collapsable-menu-item.d.ts

@@ -1,5 +1,6 @@
 import React, { PropsWithChildren, FunctionComponent } from 'react';
 import { MenuItemProps } from '@mui/material';
+import { TooltipPlacement } from '..';
 /**
  * TypeError: Failed to construct 'CustomEvent': Please use the 'new' operator, this DOM object constructor cannot be called as a function.
  * hack to make React emulate event
@@ -18,6 +19,7 @@ export type ToggleState = 'collapse' | 'expand';
 export interface Properties extends Omit<MenuItemProps, 'button'> {
     items?: React.ReactNode;
     tooltipText?: string;
+    tooltipPlacement?: TooltipPlacement;
     onClose?: (event: CollapsableMenuStatusEvent) => void;
     level: number;
 }

package/dist/components/DropdownMenu/index.d.ts

@@ -1,9 +1,11 @@
 /// <reference types="react" />
 import { MenuItemProps, MenuProps } from '@mui/material';
 type BooleanFunction<T> = (context?: T) => boolean;
+export type TooltipPlacement = 'bottom' | 'left' | 'right' | 'top' | 'bottom-end' | 'bottom-start' | 'left-end' | 'left-start' | 'right-end' | 'right-start' | 'top-end' | 'top-start' | undefined;
 export type DropdownMenuItem<T> = Omit<MenuItemProps, 'disabled'> & {
     label: string;
     tooltipText?: string;
+    tooltipPlacement?: TooltipPlacement;
     disabled?: BooleanFunction<T> | boolean;
     children?: Array<DropdownMenuItem<T>>;
     handleClick?: (context?: T) => void;

package/dist/index.js

@@ -3279,7 +3279,7 @@ class CollapsableMenuStatusEvent {
         this._defaultPrevented = true;
     }
 }
-const CollapsableMenuItem = ({ items, onClick, children, onClose: _onclose, tooltipText, disabled, ...props }) => {
+const CollapsableMenuItem = ({ items, onClick, children, onClose: _onclose, tooltipText, tooltipPlacement, disabled, ...props }) => {
     const listItemRef = useRef(null);
     const [open, setOpen] = useState(false);
     const onStatusChange = useCallback$1((type) => new CollapsableMenuStatusEvent(type, listItemRef), [listItemRef]);
@@ -3328,7 +3328,7 @@ const CollapsableMenuItem = ({ items, onClick, children, onClose: _onclose, tool
             children,
             items && React__default.createElement(IconExpand, { className: classes.expander })),
         items && (React__default.createElement(CollapsableMenu, { className: classes.subMenu, in: open, onMenuClose: collapse, onEntered: () => requestAnimationFrame(() => window.dispatchEvent(new Event('resize'))) }, items))));
-    return tooltipText ? (React__default.createElement(Tooltip, { title: tooltipText },
+    return tooltipText ? (React__default.createElement(Tooltip, { title: tooltipText, placement: tooltipPlacement, arrow: true },
         React__default.createElement(MenuItem, { role: "menuitem", sx: disabled && !items
                 ? { cursor: 'not-allowed', pointerEvents: 'inherit !important' }
                 : { pointerEvents: 'inherit !important' }, className: classes.root, onMouseOver: (e) => e.currentTarget.focus(), selected: open, ref: listItemRef, onClick: handleClick, onKeyDown: handleKey }, renderInner()))) : (React__default.createElement(MenuItem, { sx: disabled && !items ? { cursor: 'not-allowed' } : {}, className: classes.root, onMouseOver: (e) => e.currentTarget.focus(), ref: listItemRef, selected: open, onClick: handleClick, onKeyDown: handleKey, ...props }, renderInner()));