Page MenuHomePhorge
Files F32197636

D4908.1765103874.diff
No OneTemporary
Actions

Size
3 KB
Referenced Files
None
Subscribers
None

D4908.1765103874.diff
View Options

diff --git a/web/chat/tooltip-provider.js b/web/chat/tooltip-provider.js
new file mode 100644
--- /dev/null
+++ b/web/chat/tooltip-provider.js
@@ -0,0 +1,90 @@
+// @flow
+
+import invariant from 'invariant';
+import * as React from 'react';
+
+import type { TooltipPositionStyle } from './tooltip-utils';
+
+export type RenderTooltipParams = {
+ +newNode: React.Node,
+ +tooltipPositionStyle: TooltipPositionStyle,
+};
+
+export type RenderTooltipResult = {
+ +onMouseLeaveCallback: () => mixed,
+ +clearTooltip: () => mixed,
+};
+
+type TooltipContextType = {
+ +renderTooltip: (params: RenderTooltipParams) => RenderTooltipResult,
+ +clearTooltip: () => mixed,
+};
+
+const TooltipContext: React.Context<TooltipContextType> = React.createContext<TooltipContextType>(
+ {
+ renderTooltip: () => ({
+ onMouseLeaveCallback: () => {},
+ clearTooltip: () => {},
+ }),
+ clearTooltip: () => {},
+ },
+);
+
+type Props = {
+ +children: React.Node,
+};
+function TooltipProvider(props: Props): React.Node {
+ const { children } = props;
+ // eslint-disable-next-line no-unused-vars
+ const tooltipSymbol = React.useRef<?symbol>(null);
+ // eslint-disable-next-line no-unused-vars
+ const tooltipCancelTimer = React.useRef<?TimeoutID>(null);
+
+ // eslint-disable-next-line no-unused-vars
+ const [tooltipNode, setTooltipNode] = React.useState<React.Node>(null);
+ const [
+ // eslint-disable-next-line no-unused-vars
+ tooltipPosition,
+ // eslint-disable-next-line no-unused-vars
+ setTooltipPosition,
+ ] = React.useState<?TooltipPositionStyle>(null);
+
+ const clearCurrentTooltip = React.useCallback(() => {}, []);
+
+ const renderTooltip = React.useCallback(
+ () => ({ onMouseLeaveCallback: () => {}, clearTooltip: () => {} }),
+ [],
+ );
+
+ // eslint-disable-next-line no-unused-vars
+ const onMouseEnterTooltip = React.useCallback(() => {}, []);
+
+ // eslint-disable-next-line no-unused-vars
+ const onMouseLeaveTooltip = React.useCallback(() => {}, []);
+
+ const tooltip = React.useMemo(() => {}, []);
+
+ const value = React.useMemo(
+ () => ({
+ renderTooltip,
+ clearTooltip: clearCurrentTooltip,
+ }),
+ [renderTooltip, clearCurrentTooltip],
+ );
+
+ return (
+ <TooltipContext.Provider value={value}>
+ {children}
+ {tooltip}
+ </TooltipContext.Provider>
+ );
+}
+
+function useTooltipContext(): TooltipContextType {
+ const context = React.useContext(TooltipContext);
+ invariant(context, 'TooltipContext not found');
+
+ return context;
+}
+
+export { TooltipProvider, useTooltipContext };
diff --git a/web/chat/tooltip-utils.js b/web/chat/tooltip-utils.js
--- a/web/chat/tooltip-utils.js
+++ b/web/chat/tooltip-utils.js
@@ -13,6 +13,15 @@
TOP_LEFT: 'top-left',
TOP_RIGHT: 'top-right',
});
+
+export type TooltipPositionStyle = {
+ +xCoord: number,
+ +yCoord: number,
+ +verticalPosition: 'top' | 'bottom',
+ +horizontalPosition: 'left' | 'right',
+ +alignment: 'left' | 'center' | 'right',
+};
+
export type TooltipPosition = $Values<typeof tooltipPositions>;
const sizeOfTooltipArrow = 10; // 7px arrow + 3px extra

File Metadata

Mime Type
text/plain
Expires
Sun, Dec 7, 10:37 AM (11 h, 34 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
5842169
Default Alt Text
D4908.1765103874.diff (3 KB)

Event Timeline