@redocly/theme 0.61.1 → 0.62.0-custom.0

package/src/components/Tooltip/TooltipWrapper.tsx

@@ -1,70 +0,0 @@
-import styled from 'styled-components';
-import React from 'react';
-
-import type { JSX, ReactElement } from 'react';
-import type { TooltipProps } from '@redocly/theme/components/Tooltip/Tooltip';
-
-import { useControl } from '@redocly/theme/core/hooks';
-import { Tooltip } from '@redocly/theme/components/Tooltip/Tooltip';
-
-export type TooltipWrapperProps = {
-  children: ReactElement;
-  tip: string;
-  placement?: TooltipProps['placement'];
-  width?: string;
-  className?: string;
-  showOnHover?: boolean;
-  disabled?: boolean;
-};
-
-export function TooltipWrapper({
-  children,
-  tip,
-  placement = 'top',
-  width = 'max-content',
-  className = '',
-  showOnHover = true,
-  disabled = false,
-}: TooltipWrapperProps): JSX.Element {
-  const tooltip = useControl(false);
-
-  const handleMouseEnter = (): void => {
-    if (showOnHover && !disabled) {
-      tooltip.handleOpen();
-    }
-  };
-
-  const handleMouseLeave = (): void => {
-    if (showOnHover) {
-      tooltip.handleClose();
-    }
-  };
-
-  const handleClick = (): void => {
-    if (showOnHover) {
-      tooltip.handleClose();
-    }
-  };
-
-  return (
-    <Tooltip
-      className={className}
-      tip={tip}
-      isOpen={tooltip.isOpened}
-      placement={placement}
-      width={width}
-    >
-      <TooltipEventWrapper
-        onMouseEnter={handleMouseEnter}
-        onMouseLeave={handleMouseLeave}
-        onClick={handleClick}
-      >
-        {children}
-      </TooltipEventWrapper>
-    </Tooltip>
-  );
-}
-
-const TooltipEventWrapper = styled.div`
-  display: contents;
-`;