Page MenuHomePhorge
Files F32172043

D4908.1765061313.diff
No OneTemporary
Actions

Size
2 KB
Referenced Files
None
Subscribers
None

D4908.1765061313.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,85 @@
+// @flow
+
+import invariant from 'invariant';
+import * as React from 'react';
+
+import type { TooltipPositionStyle } from './tooltip-utils';
+
+export type RenderTooltipParams = {
+ +newNode: React.Node,
+ +tooltipPosition: 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: () => {},
+ 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(() => {}, []);
+
+ // 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(() => {
+ return {
+ 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
Sat, Dec 6, 10:48 PM (12 h, 21 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
5841275
Default Alt Text
D4908.1765061313.diff (2 KB)

Event Timeline