grep-components 2.0.0 → 2.0.1

package/dist/index.js

@@ -67,6 +67,8 @@ dayjs.extend(isBetweenPlugin);
 dayjs.extend(LocalizedFormatPlugin);
 dayjs.locale('nb');
 class DateRangeValue {
+    from;
+    to;
     constructor(from, to) {
         this.from = from;
         this.to = to;
@@ -1708,6 +1710,9 @@ const useStyles$g = makeStyles()(({ palette, transitions }, { open }) => ({
  * export class CollapsableMenuStatusEvent extends CustomEvent<React.Ref<any>> {}
  */
 class CollapsableMenuStatusEvent {
+    type;
+    currentTarget;
+    _defaultPrevented;
     get defaultPrevented() {
         return !!this._defaultPrevented;
     }
@@ -1722,6 +1727,13 @@ class CollapsableMenuStatusEvent {
 const CollapsableMenuItem = ({ items, onClick, children, onClose: _onclose, tooltipText, tooltipPlacement, disabled, ...props }) => {
     const listItemRef = useRef(null);
     const [open, setOpen] = useState(false);
+    const [openTooltip, setOpenTooltip] = React__default.useState(false);
+    const handleCloseTooltip = () => {
+        setOpenTooltip(false);
+    };
+    const handleOpenTooltip = () => {
+        setOpenTooltip(true);
+    };
     const onStatusChange = useCallback$1((type) => new CollapsableMenuStatusEvent(type, listItemRef), [listItemRef]);
     const expand = useCallback$1(() => {
         const event = onStatusChange('expand');
@@ -1767,11 +1779,11 @@ const CollapsableMenuItem = ({ items, onClick, children, onClose: _onclose, tool
         React__default.createElement(Box, { display: "flex", justifyContent: "space-between", alignItems: "center", minHeight: 48 },
             children,
             items && React__default.createElement(ExpandMore, { 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, placement: tooltipPlacement, arrow: true },
+        items && (React__default.createElement(CollapsableMenu, { className: classes.subMenu, in: open, onMenuClose: collapse, onEntered: () => requestAnimationFrame(() => window.dispatchEvent(new Event('resize'))), ...props }, items))));
+    return tooltipText ? (React__default.createElement(Tooltip, { title: tooltipText, placement: tooltipPlacement, describeChild: true, arrow: true, open: openTooltip },
         React__default.createElement(MenuItem$1, { 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$1, { sx: disabled && !items ? { cursor: 'not-allowed' } : {}, className: classes.root, onMouseOver: (e) => e.currentTarget.focus(), ref: listItemRef, selected: open, onClick: handleClick, onKeyDown: handleKey, ...props }, renderInner()));
+                : { pointerEvents: 'inherit !important' }, className: classes.root, onFocusVisible: handleOpenTooltip, onMouseOver: (e) => (e.currentTarget.focus(), handleOpenTooltip()), onMouseLeave: handleCloseTooltip, selected: open, ref: listItemRef, onClick: handleClick, onKeyDown: (e) => (handleKey(e), handleCloseTooltip()), ...props }, renderInner()))) : (React__default.createElement(MenuItem$1, { sx: disabled && !items ? { cursor: 'not-allowed' } : {}, className: classes.root, onMouseOver: (e) => e.currentTarget.focus(), ref: listItemRef, selected: open, onClick: handleClick, onKeyDown: handleKey, ...props }, renderInner()));
 };
 
 const useStyles$f = makeStyles()(({ palette }) => ({
@@ -1978,9 +1990,9 @@ const ContainedLinkList = (props) => {
 };
 
 class OverflowTooltip extends React.Component {
+    nodeRef = React.createRef();
     constructor(props) {
         super(props);
-        this.nodeRef = React.createRef();
         this.state = { overflow: false };
     }
     componentDidMount() {