first commit

frontend/node_modules/antd/lib/tooltip/PurePanel.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import type { TooltipProps } from '.';
+export interface PurePanelProps extends Omit<TooltipProps, 'children'> {
+}
+/** @private Internal Component. Do not use in your production. */
+declare const PurePanel: React.FC<PurePanelProps>;
+export default PurePanel;

frontend/node_modules/antd/lib/tooltip/PurePanel.js

@@ -0,0 +1,47 @@
+"use strict";
+"use client";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _rcTooltip = require("rc-tooltip");
+var _configProvider = require("../config-provider");
+var _style = _interopRequireDefault(require("./style"));
+var _util = require("./util");
+/** @private Internal Component. Do not use in your production. */
+const PurePanel = props => {
+  const {
+    prefixCls: customizePrefixCls,
+    className,
+    placement = 'top',
+    title,
+    color,
+    overlayInnerStyle
+  } = props;
+  const {
+    getPrefixCls
+  } = React.useContext(_configProvider.ConfigContext);
+  const prefixCls = getPrefixCls('tooltip', customizePrefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = (0, _style.default)(prefixCls);
+  // Color
+  const colorInfo = (0, _util.parseColor)(prefixCls, color);
+  const arrowContentStyle = colorInfo.arrowStyle;
+  const formattedOverlayInnerStyle = Object.assign(Object.assign({}, overlayInnerStyle), colorInfo.overlayStyle);
+  const cls = (0, _classnames.default)(hashId, cssVarCls, prefixCls, `${prefixCls}-pure`, `${prefixCls}-placement-${placement}`, className, colorInfo.className);
+  return wrapCSSVar(/*#__PURE__*/React.createElement("div", {
+    className: cls,
+    style: arrowContentStyle
+  }, /*#__PURE__*/React.createElement("div", {
+    className: `${prefixCls}-arrow`
+  }), /*#__PURE__*/React.createElement(_rcTooltip.Popup, Object.assign({}, props, {
+    className: hashId,
+    prefixCls: prefixCls,
+    overlayInnerStyle: formattedOverlayInnerStyle
+  }), title)));
+};
+var _default = exports.default = PurePanel;

frontend/node_modules/antd/lib/tooltip/index.d.ts

@@ -0,0 +1,90 @@
+import * as React from 'react';
+import type { placements as Placements } from 'rc-tooltip/lib/placements';
+import type { TooltipProps as RcTooltipProps } from 'rc-tooltip/lib/Tooltip';
+import type { PresetColorType } from '../_util/colors';
+import type { RenderFunction } from '../_util/getRenderPropValue';
+import type { AdjustOverflow, PlacementsConfig } from '../_util/placements';
+import type { LiteralUnion } from '../_util/type';
+import PurePanel from './PurePanel';
+export type { AdjustOverflow, PlacementsConfig };
+export interface TooltipRef {
+    /** @deprecated Please use `forceAlign` instead */
+    forcePopupAlign: VoidFunction;
+    forceAlign: VoidFunction;
+    /** Wrapped dom element. Not promise valid if child not support ref */
+    nativeElement: HTMLElement;
+    /** Popup dom element */
+    popupElement: HTMLDivElement;
+}
+export type TooltipPlacement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+export interface TooltipAlignConfig {
+    points?: [string, string];
+    offset?: [number | string, number | string];
+    targetOffset?: [number | string, number | string];
+    overflow?: {
+        adjustX: boolean;
+        adjustY: boolean;
+    };
+    useCssRight?: boolean;
+    useCssBottom?: boolean;
+    useCssTransform?: boolean;
+}
+interface LegacyTooltipProps extends Partial<Omit<RcTooltipProps, 'children' | 'visible' | 'defaultVisible' | 'onVisibleChange' | 'afterVisibleChange' | 'destroyTooltipOnHide'>> {
+    open?: RcTooltipProps['visible'];
+    defaultOpen?: RcTooltipProps['defaultVisible'];
+    onOpenChange?: RcTooltipProps['onVisibleChange'];
+    afterOpenChange?: RcTooltipProps['afterVisibleChange'];
+    /** @deprecated Please use `open` instead. */
+    visible?: RcTooltipProps['visible'];
+    /** @deprecated Please use `defaultOpen` instead. */
+    defaultVisible?: RcTooltipProps['defaultVisible'];
+    /** @deprecated Please use `onOpenChange` instead. */
+    onVisibleChange?: RcTooltipProps['onVisibleChange'];
+    /** @deprecated Please use `afterOpenChange` instead. */
+    afterVisibleChange?: RcTooltipProps['afterVisibleChange'];
+}
+type SemanticName = 'root' | 'body';
+export interface AbstractTooltipProps extends LegacyTooltipProps {
+    styles?: Partial<Record<SemanticName, React.CSSProperties>>;
+    classNames?: Partial<Record<SemanticName, string>>;
+    style?: React.CSSProperties;
+    className?: string;
+    rootClassName?: string;
+    color?: LiteralUnion<PresetColorType>;
+    placement?: TooltipPlacement;
+    builtinPlacements?: typeof Placements;
+    openClassName?: string;
+    /** @deprecated Please use `arrow={{ pointAtCenter: true }}` instead. */
+    arrowPointAtCenter?: boolean;
+    arrow?: boolean | {
+        /** @deprecated Please use `pointAtCenter` instead. */
+        arrowPointAtCenter?: boolean;
+        pointAtCenter?: boolean;
+    };
+    autoAdjustOverflow?: boolean | AdjustOverflow;
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+    children?: React.ReactNode;
+    /** @deprecated Please use `destroyOnHidden` instead */
+    destroyTooltipOnHide?: boolean | {
+        keepParent?: boolean;
+    };
+    /**
+     * @since 5.25.0
+     */
+    destroyOnHidden?: boolean;
+}
+export interface TooltipPropsWithOverlay extends AbstractTooltipProps {
+    title?: React.ReactNode | RenderFunction;
+    overlay?: React.ReactNode | RenderFunction;
+}
+export interface TooltipPropsWithTitle extends AbstractTooltipProps {
+    title: React.ReactNode | RenderFunction;
+    overlay?: React.ReactNode | RenderFunction;
+}
+export declare type TooltipProps = TooltipPropsWithTitle | TooltipPropsWithOverlay;
+declare const InternalTooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<TooltipRef>>;
+type CompoundedComponent = typeof InternalTooltip & {
+    _InternalPanelDoNotUseOrYouWillBeFired: typeof PurePanel;
+};
+declare const Tooltip: CompoundedComponent;
+export default Tooltip;

frontend/node_modules/antd/lib/tooltip/index.js

@@ -0,0 +1,207 @@
+"use strict";
+"use client";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _rcTooltip = _interopRequireDefault(require("rc-tooltip"));
+var _useMergedState = _interopRequireDefault(require("rc-util/lib/hooks/useMergedState"));
+var _ContextIsolator = _interopRequireDefault(require("../_util/ContextIsolator"));
+var _hooks = require("../_util/hooks");
+var _motion2 = require("../_util/motion");
+var _placements = _interopRequireDefault(require("../_util/placements"));
+var _reactNode = require("../_util/reactNode");
+var _warning = require("../_util/warning");
+var _zindexContext = _interopRequireDefault(require("../_util/zindexContext"));
+var _context = require("../config-provider/context");
+var _internal = require("../theme/internal");
+var _PurePanel = _interopRequireDefault(require("./PurePanel"));
+var _style = _interopRequireDefault(require("./style"));
+var _util = require("./util");
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+const InternalTooltip = /*#__PURE__*/React.forwardRef((props, ref) => {
+  var _a, _b;
+  const {
+      prefixCls: customizePrefixCls,
+      openClassName,
+      getTooltipContainer,
+      color,
+      overlayInnerStyle,
+      children,
+      afterOpenChange,
+      afterVisibleChange,
+      destroyTooltipOnHide,
+      destroyOnHidden,
+      arrow = true,
+      title,
+      overlay,
+      builtinPlacements,
+      arrowPointAtCenter = false,
+      autoAdjustOverflow = true,
+      motion: _motion,
+      getPopupContainer,
+      placement = 'top',
+      mouseEnterDelay = 0.1,
+      mouseLeaveDelay = 0.1,
+      overlayStyle,
+      rootClassName,
+      overlayClassName,
+      styles,
+      classNames: tooltipClassNames
+    } = props,
+    restProps = __rest(props, ["prefixCls", "openClassName", "getTooltipContainer", "color", "overlayInnerStyle", "children", "afterOpenChange", "afterVisibleChange", "destroyTooltipOnHide", "destroyOnHidden", "arrow", "title", "overlay", "builtinPlacements", "arrowPointAtCenter", "autoAdjustOverflow", "motion", "getPopupContainer", "placement", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "rootClassName", "overlayClassName", "styles", "classNames"]);
+  const mergedShowArrow = !!arrow;
+  const [, token] = (0, _internal.useToken)();
+  const {
+    getPopupContainer: getContextPopupContainer,
+    getPrefixCls,
+    direction,
+    className: contextClassName,
+    style: contextStyle,
+    classNames: contextClassNames,
+    styles: contextStyles
+  } = (0, _context.useComponentConfig)('tooltip');
+  // ============================== Ref ===============================
+  const warning = (0, _warning.devUseWarning)('Tooltip');
+  const tooltipRef = React.useRef(null);
+  const forceAlign = () => {
+    var _a;
+    (_a = tooltipRef.current) === null || _a === void 0 ? void 0 : _a.forceAlign();
+  };
+  React.useImperativeHandle(ref, () => {
+    var _a, _b;
+    return {
+      forceAlign,
+      forcePopupAlign: () => {
+        warning.deprecated(false, 'forcePopupAlign', 'forceAlign');
+        forceAlign();
+      },
+      nativeElement: (_a = tooltipRef.current) === null || _a === void 0 ? void 0 : _a.nativeElement,
+      popupElement: (_b = tooltipRef.current) === null || _b === void 0 ? void 0 : _b.popupElement
+    };
+  });
+  // ============================== Warn ==============================
+  if (process.env.NODE_ENV !== 'production') {
+    [['visible', 'open'], ['defaultVisible', 'defaultOpen'], ['onVisibleChange', 'onOpenChange'], ['afterVisibleChange', 'afterOpenChange'], ['destroyTooltipOnHide', 'destroyOnHidden'], ['arrowPointAtCenter', 'arrow={{ pointAtCenter: true }}'], ['overlayStyle', 'styles={{ root: {} }}'], ['overlayInnerStyle', 'styles={{ body: {} }}'], ['overlayClassName', 'classNames={{ root: "" }}']].forEach(([deprecatedName, newName]) => {
+      warning.deprecated(!(deprecatedName in props), deprecatedName, newName);
+    });
+    process.env.NODE_ENV !== "production" ? warning(!destroyTooltipOnHide || typeof destroyTooltipOnHide === 'boolean', 'usage', '`destroyTooltipOnHide` no need config `keepParent` anymore. Please use `boolean` value directly.') : void 0;
+    process.env.NODE_ENV !== "production" ? warning(!arrow || typeof arrow === 'boolean' || !('arrowPointAtCenter' in arrow), 'deprecated', '`arrowPointAtCenter` in `arrow` is deprecated. Please use `pointAtCenter` instead.') : void 0;
+  }
+  // ============================== Open ==============================
+  const [open, setOpen] = (0, _useMergedState.default)(false, {
+    value: (_a = props.open) !== null && _a !== void 0 ? _a : props.visible,
+    defaultValue: (_b = props.defaultOpen) !== null && _b !== void 0 ? _b : props.defaultVisible
+  });
+  const noTitle = !title && !overlay && title !== 0; // overlay for old version compatibility
+  const onOpenChange = vis => {
+    var _a, _b;
+    setOpen(noTitle ? false : vis);
+    if (!noTitle) {
+      (_a = props.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(props, vis);
+      (_b = props.onVisibleChange) === null || _b === void 0 ? void 0 : _b.call(props, vis);
+    }
+  };
+  const tooltipPlacements = React.useMemo(() => {
+    var _a, _b;
+    let mergedArrowPointAtCenter = arrowPointAtCenter;
+    if (typeof arrow === 'object') {
+      mergedArrowPointAtCenter = (_b = (_a = arrow.pointAtCenter) !== null && _a !== void 0 ? _a : arrow.arrowPointAtCenter) !== null && _b !== void 0 ? _b : arrowPointAtCenter;
+    }
+    return builtinPlacements || (0, _placements.default)({
+      arrowPointAtCenter: mergedArrowPointAtCenter,
+      autoAdjustOverflow,
+      arrowWidth: mergedShowArrow ? token.sizePopupArrow : 0,
+      borderRadius: token.borderRadius,
+      offset: token.marginXXS,
+      visibleFirst: true
+    });
+  }, [arrowPointAtCenter, arrow, builtinPlacements, token]);
+  const memoOverlay = React.useMemo(() => {
+    if (title === 0) {
+      return title;
+    }
+    return overlay || title || '';
+  }, [overlay, title]);
+  const memoOverlayWrapper = /*#__PURE__*/React.createElement(_ContextIsolator.default, {
+    space: true
+  }, typeof memoOverlay === 'function' ? memoOverlay() : memoOverlay);
+  const prefixCls = getPrefixCls('tooltip', customizePrefixCls);
+  const rootPrefixCls = getPrefixCls();
+  const injectFromPopover = props['data-popover-inject'];
+  let tempOpen = open;
+  // Hide tooltip when there is no title
+  if (!('open' in props) && !('visible' in props) && noTitle) {
+    tempOpen = false;
+  }
+  // ============================= Render =============================
+  const child = /*#__PURE__*/React.isValidElement(children) && !(0, _reactNode.isFragment)(children) ? children : /*#__PURE__*/React.createElement("span", null, children);
+  const childProps = child.props;
+  const childCls = !childProps.className || typeof childProps.className === 'string' ? (0, _classnames.default)(childProps.className, openClassName || `${prefixCls}-open`) : childProps.className;
+  // Style
+  const [wrapCSSVar, hashId, cssVarCls] = (0, _style.default)(prefixCls, !injectFromPopover);
+  // Color
+  const colorInfo = (0, _util.parseColor)(prefixCls, color);
+  const arrowContentStyle = colorInfo.arrowStyle;
+  const rootClassNames = (0, _classnames.default)(overlayClassName, {
+    [`${prefixCls}-rtl`]: direction === 'rtl'
+  }, colorInfo.className, rootClassName, hashId, cssVarCls, contextClassName, contextClassNames.root, tooltipClassNames === null || tooltipClassNames === void 0 ? void 0 : tooltipClassNames.root);
+  const bodyClassNames = (0, _classnames.default)(contextClassNames.body, tooltipClassNames === null || tooltipClassNames === void 0 ? void 0 : tooltipClassNames.body);
+  // ============================ zIndex ============================
+  const [zIndex, contextZIndex] = (0, _hooks.useZIndex)('Tooltip', restProps.zIndex);
+  const content = /*#__PURE__*/React.createElement(_rcTooltip.default, Object.assign({}, restProps, {
+    zIndex: zIndex,
+    showArrow: mergedShowArrow,
+    placement: placement,
+    mouseEnterDelay: mouseEnterDelay,
+    mouseLeaveDelay: mouseLeaveDelay,
+    prefixCls: prefixCls,
+    classNames: {
+      root: rootClassNames,
+      body: bodyClassNames
+    },
+    styles: {
+      root: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, arrowContentStyle), contextStyles.root), contextStyle), overlayStyle), styles === null || styles === void 0 ? void 0 : styles.root),
+      body: Object.assign(Object.assign(Object.assign(Object.assign({}, contextStyles.body), overlayInnerStyle), styles === null || styles === void 0 ? void 0 : styles.body), colorInfo.overlayStyle)
+    },
+    getTooltipContainer: getPopupContainer || getTooltipContainer || getContextPopupContainer,
+    ref: tooltipRef,
+    builtinPlacements: tooltipPlacements,
+    overlay: memoOverlayWrapper,
+    visible: tempOpen,
+    onVisibleChange: onOpenChange,
+    afterVisibleChange: afterOpenChange !== null && afterOpenChange !== void 0 ? afterOpenChange : afterVisibleChange,
+    arrowContent: /*#__PURE__*/React.createElement("span", {
+      className: `${prefixCls}-arrow-content`
+    }),
+    motion: {
+      motionName: (0, _motion2.getTransitionName)(rootPrefixCls, 'zoom-big-fast', props.transitionName),
+      motionDeadline: 1000
+    },
+    // TODO: In the future, destroyTooltipOnHide in rc-tooltip needs to be upgrade to destroyOnHidden
+    destroyTooltipOnHide: destroyOnHidden !== null && destroyOnHidden !== void 0 ? destroyOnHidden : !!destroyTooltipOnHide
+  }), tempOpen ? (0, _reactNode.cloneElement)(child, {
+    className: childCls
+  }) : child);
+  return wrapCSSVar(/*#__PURE__*/React.createElement(_zindexContext.default.Provider, {
+    value: contextZIndex
+  }, content));
+});
+const Tooltip = InternalTooltip;
+if (process.env.NODE_ENV !== 'production') {
+  Tooltip.displayName = 'Tooltip';
+}
+Tooltip._InternalPanelDoNotUseOrYouWillBeFired = _PurePanel.default;
+var _default = exports.default = Tooltip;

frontend/node_modules/antd/lib/tooltip/style/index.d.ts

@@ -0,0 +1,13 @@
+import type { ArrowOffsetToken } from '../../style/placementArrow';
+import type { ArrowToken } from '../../style/roundedArrow';
+import type { GetDefaultToken } from '../../theme/internal';
+export interface ComponentToken extends ArrowOffsetToken, ArrowToken {
+    /**
+     * @desc 文字提示 z-index
+     * @descEN z-index of tooltip
+     */
+    zIndexPopup: number;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Tooltip'>;
+declare const _default: (prefixCls: string, injectStyle?: boolean) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+export default _default;

frontend/node_modules/antd/lib/tooltip/style/index.js

@@ -0,0 +1,138 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.prepareComponentToken = exports.default = void 0;
+var _cssinjs = require("@ant-design/cssinjs");
+var _style = require("../../style");
+var _motion = require("../../style/motion");
+var _placementArrow = _interopRequireWildcard(require("../../style/placementArrow"));
+var _roundedArrow = require("../../style/roundedArrow");
+var _internal = require("../../theme/internal");
+const genTooltipStyle = token => {
+  const {
+    calc,
+    componentCls,
+    // ant-tooltip
+    tooltipMaxWidth,
+    tooltipColor,
+    tooltipBg,
+    tooltipBorderRadius,
+    zIndexPopup,
+    controlHeight,
+    boxShadowSecondary,
+    paddingSM,
+    paddingXS,
+    arrowOffsetHorizontal,
+    sizePopupArrow
+  } = token;
+  // arrowOffsetHorizontal + arrowWidth + borderRadius
+  const edgeAlignMinWidth = calc(tooltipBorderRadius).add(sizePopupArrow).add(arrowOffsetHorizontal).equal();
+  // borderRadius * 2 + arrowWidth
+  const centerAlignMinWidth = calc(tooltipBorderRadius).mul(2).add(sizePopupArrow).equal();
+  return [{
+    [componentCls]: Object.assign(Object.assign(Object.assign(Object.assign({}, (0, _style.resetComponent)(token)), {
+      position: 'absolute',
+      zIndex: zIndexPopup,
+      display: 'block',
+      width: 'max-content',
+      maxWidth: tooltipMaxWidth,
+      visibility: 'visible',
+      // When use `autoArrow`, origin will follow the arrow position
+      '--valid-offset-x': 'var(--arrow-offset-horizontal, var(--arrow-x))',
+      transformOrigin: [`var(--valid-offset-x, 50%)`, `var(--arrow-y, 50%)`].join(' '),
+      '&-hidden': {
+        display: 'none'
+      },
+      '--antd-arrow-background-color': tooltipBg,
+      // Wrapper for the tooltip content
+      [`${componentCls}-inner`]: {
+        minWidth: centerAlignMinWidth,
+        minHeight: controlHeight,
+        padding: `${(0, _cssinjs.unit)(token.calc(paddingSM).div(2).equal())} ${(0, _cssinjs.unit)(paddingXS)}`,
+        color: `var(--ant-tooltip-color, ${tooltipColor})`,
+        textAlign: 'start',
+        textDecoration: 'none',
+        wordWrap: 'break-word',
+        backgroundColor: tooltipBg,
+        borderRadius: tooltipBorderRadius,
+        boxShadow: boxShadowSecondary,
+        boxSizing: 'border-box'
+      },
+      // Align placement should have another min width
+      [[`&-placement-topLeft`, `&-placement-topRight`, `&-placement-bottomLeft`, `&-placement-bottomRight`].join(',')]: {
+        minWidth: edgeAlignMinWidth
+      },
+      // Limit left and right placement radius
+      [[`&-placement-left`, `&-placement-leftTop`, `&-placement-leftBottom`, `&-placement-right`, `&-placement-rightTop`, `&-placement-rightBottom`].join(',')]: {
+        [`${componentCls}-inner`]: {
+          borderRadius: token.min(tooltipBorderRadius, _placementArrow.MAX_VERTICAL_CONTENT_RADIUS)
+        }
+      },
+      [`${componentCls}-content`]: {
+        position: 'relative'
+      }
+    }), (0, _internal.genPresetColor)(token, (colorKey, {
+      darkColor
+    }) => ({
+      [`&${componentCls}-${colorKey}`]: {
+        [`${componentCls}-inner`]: {
+          backgroundColor: darkColor
+        },
+        [`${componentCls}-arrow`]: {
+          '--antd-arrow-background-color': darkColor
+        }
+      }
+    }))), {
+      // RTL
+      '&-rtl': {
+        direction: 'rtl'
+      }
+    })
+  },
+  // Arrow Style
+  (0, _placementArrow.default)(token, 'var(--antd-arrow-background-color)'),
+  // Pure Render
+  {
+    [`${componentCls}-pure`]: {
+      position: 'relative',
+      maxWidth: 'none',
+      margin: token.sizePopupArrow
+    }
+  }];
+};
+// ============================== Export ==============================
+const prepareComponentToken = token => Object.assign(Object.assign({
+  zIndexPopup: token.zIndexPopupBase + 70
+}, (0, _placementArrow.getArrowOffsetToken)({
+  contentRadius: token.borderRadius,
+  limitVerticalRadius: true
+})), (0, _roundedArrow.getArrowToken)((0, _internal.mergeToken)(token, {
+  borderRadiusOuter: Math.min(token.borderRadiusOuter, 4)
+})));
+exports.prepareComponentToken = prepareComponentToken;
+var _default = (prefixCls, injectStyle = true) => {
+  const useStyle = (0, _internal.genStyleHooks)('Tooltip', token => {
+    const {
+      borderRadius,
+      colorTextLightSolid,
+      colorBgSpotlight
+    } = token;
+    const TooltipToken = (0, _internal.mergeToken)(token, {
+      // default variables
+      tooltipMaxWidth: 250,
+      tooltipColor: colorTextLightSolid,
+      tooltipBorderRadius: borderRadius,
+      tooltipBg: colorBgSpotlight
+    });
+    return [genTooltipStyle(TooltipToken), (0, _motion.initZoomMotion)(token, 'zoom-big-fast')];
+  }, prepareComponentToken, {
+    resetStyle: false,
+    // Popover use Tooltip as internal component. We do not need to handle this.
+    injectStyle
+  });
+  return useStyle(prefixCls);
+};
+exports.default = _default;

frontend/node_modules/antd/lib/tooltip/util.d.ts

@@ -0,0 +1,6 @@
+import type * as React from 'react';
+export declare function parseColor(prefixCls: string, color?: string): {
+    className: string;
+    overlayStyle: React.CSSProperties;
+    arrowStyle: React.CSSProperties;
+};

frontend/node_modules/antd/lib/tooltip/util.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.parseColor = parseColor;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _colors = require("../_util/colors");
+var _util = require("../color-picker/util");
+function parseColor(prefixCls, color) {
+  const isInternalColor = (0, _colors.isPresetColor)(color);
+  const className = (0, _classnames.default)({
+    [`${prefixCls}-${color}`]: color && isInternalColor
+  });
+  const overlayStyle = {};
+  const arrowStyle = {};
+  const rgb = (0, _util.generateColor)(color).toRgb();
+  const luminance = (0.299 * rgb.r + 0.587 * rgb.g + 0.114 * rgb.b) / 255;
+  const textColor = luminance < 0.5 ? '#FFF' : '#000';
+  if (color && !isInternalColor) {
+    overlayStyle.background = color;
+    overlayStyle['--ant-tooltip-color'] = textColor;
+    // @ts-ignore
+    arrowStyle['--antd-arrow-background-color'] = color;
+  }
+  return {
+    className,
+    overlayStyle,
+    arrowStyle
+  };
+}