@uxland/primary-shell 7.28.0 → 7.29.0

package/src/UI/components/navigation-tooltip/navigation-tooltip.tsx

@@ -1,64 +0,0 @@
-import React from "react";
-import { createRoot, Root } from "react-dom/client";
-import "./styles.css";
-
-interface NavigationTooltipProps {
-  text: string;
-  itemAbsoluteY: number;
-}
-
-const NavigationTooltip: React.FC<NavigationTooltipProps> = ({ text, itemAbsoluteY }) => {
-  const itemHeight = 51;
-  const centerY = itemAbsoluteY + itemHeight / 2;
-
-  const style = {
-    left: "73px", // 60px (sidebar width) + 13px offset
-    top: `${centerY}px`,
-  };
-
-  return (
-    <div className="tooltip-overlay">
-      <div className="navigation-tooltip" style={style}>
-        <dss-icon icon="info" size="md" />
-        {text}
-        <div className="arrow" />
-      </div>
-    </div>
-  );
-};
-
-export default NavigationTooltip;
-
-// Singleton root to manage the tooltip rendering
-let tooltipRoot: Root | null = null;
-let tooltipContainer: HTMLDivElement | null = null;
-
-export const renderNavigationTooltip = (text: string, itemAbsoluteY: number) => {
-  // Clean up existing tooltip if any
-  if (tooltipRoot && tooltipContainer) {
-    tooltipRoot.unmount();
-    if (document.body.contains(tooltipContainer)) {
-      document.body.removeChild(tooltipContainer);
-    }
-  }
-
-  // Create new container
-  tooltipContainer = document.createElement("div");
-  document.body.appendChild(tooltipContainer);
-
-  // Create root and render
-  tooltipRoot = createRoot(tooltipContainer);
-  tooltipRoot.render(<NavigationTooltip text={text} itemAbsoluteY={itemAbsoluteY} />);
-
-  // Auto-remove after 5 seconds
-  setTimeout(() => {
-    if (tooltipRoot && tooltipContainer) {
-      tooltipRoot.unmount();
-      if (document.body.contains(tooltipContainer)) {
-        document.body.removeChild(tooltipContainer);
-      }
-      tooltipRoot = null;
-      tooltipContainer = null;
-    }
-  }, 5000);
-};