mirror of
				https://gitlab.nic.cz/turris/reforis/foris-js.git
				synced 2025-11-03 23:00:31 +01:00 
			
		
		
		
	Merge branch 'remove-use-tooltip-hook' into 'dev'
Remove useTooltip hook See merge request turris/reforis/foris-js!218
This commit is contained in:
		@@ -69,7 +69,7 @@ export {
 | 
				
			|||||||
    withErrorMessage,
 | 
					    withErrorMessage,
 | 
				
			||||||
} from "./utils/conditionalHOCs";
 | 
					} from "./utils/conditionalHOCs";
 | 
				
			||||||
export { ErrorMessage } from "./utils/ErrorMessage";
 | 
					export { ErrorMessage } from "./utils/ErrorMessage";
 | 
				
			||||||
export { useClickOutside, useTooltip } from "./utils/hooks";
 | 
					export { useClickOutside } from "./utils/hooks";
 | 
				
			||||||
export { toLocaleDateString } from "./utils/datetime";
 | 
					export { toLocaleDateString } from "./utils/datetime";
 | 
				
			||||||
export { displayCard } from "./utils/displayCard";
 | 
					export { displayCard } from "./utils/displayCard";
 | 
				
			||||||
export { isPluginInstalled } from "./utils/isPluginInstalled";
 | 
					export { isPluginInstalled } from "./utils/isPluginInstalled";
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -5,8 +5,7 @@
 | 
				
			|||||||
 * See /LICENSE for more information.
 | 
					 * See /LICENSE for more information.
 | 
				
			||||||
 */
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
import { useState, useEffect, useRef } from "react";
 | 
					import { useState, useEffect } from "react";
 | 
				
			||||||
import { Tooltip } from "bootstrap/dist/js/bootstrap.bundle.min";
 | 
					 | 
				
			||||||
 | 
					
 | 
				
			||||||
/** Execute callback when condition is set to true. */
 | 
					/** Execute callback when condition is set to true. */
 | 
				
			||||||
export function useConditionalTimeout(
 | 
					export function useConditionalTimeout(
 | 
				
			||||||
@@ -41,22 +40,3 @@ export function useClickOutside(element, callback) {
 | 
				
			|||||||
        };
 | 
					        };
 | 
				
			||||||
    });
 | 
					    });
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					 | 
				
			||||||
/** useTooltip hook for Bootstrap tooltips. */
 | 
					 | 
				
			||||||
export function useTooltip(description, placement = "top", trigger = "hover") {
 | 
					 | 
				
			||||||
    const tooltipRef = useRef();
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
    useEffect(() => {
 | 
					 | 
				
			||||||
        const tooltip = new Tooltip(tooltipRef.current, {
 | 
					 | 
				
			||||||
            title: description,
 | 
					 | 
				
			||||||
            placement,
 | 
					 | 
				
			||||||
            trigger,
 | 
					 | 
				
			||||||
        });
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
        return () => {
 | 
					 | 
				
			||||||
            tooltip.dispose();
 | 
					 | 
				
			||||||
        };
 | 
					 | 
				
			||||||
    });
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
    return tooltipRef;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user