PanelChrome: Adds "onDragStart" prop (#97495)

packages/grafana-ui/src/components/PanelChrome/PanelChrome.tsx

@@ -34,6 +34,7 @@ interface BaseProps {
   menu?: ReactElement | (() => ReactElement);
   dragClass?: string;
   dragClassCancel?: string;
+  onDragStart?: (e: React.PointerEvent) => void;
   selectionId?: string;
   /**
    * Use only to indicate loading or streaming data in the panel.
@@ -142,6 +143,7 @@ export function PanelChrome({
   onFocus,
   onMouseMove,
   onMouseEnter,
+  onDragStart,
   showMenuAlways = false,
 }: PanelChromeProps) {
   const theme = useTheme2();
@@ -312,6 +314,7 @@ export function PanelChrome({
           className={cx(styles.headerContainer, dragClass)}
           style={headerStyles}
           data-testid="header-container"
+          onPointerDown={onDragStart}
           onPointerUp={onSelect}
         >
           {statusMessage && (