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 && (

public/app/plugins/panel/logs/panelcfg.cue

@@ -26,15 +26,15 @@ composableKinds: PanelCfg: {
 			version: [0, 0]
 			schema: {
 				Options: {
-					showLabels:              bool
-					showCommonLabels:        bool
-					showTime:                bool
-					showLogContextToggle:    bool
-					wrapLogMessage:          bool
-					prettifyLogMessage:      bool
-					enableLogDetails:        bool
-					sortOrder:            common.LogsSortOrder
-					dedupStrategy:        common.LogsDedupStrategy
+					showLabels:               bool
+					showCommonLabels:         bool
+					showTime:                 bool
+					showLogContextToggle:     bool
+					wrapLogMessage:           bool
+					prettifyLogMessage:       bool
+					enableLogDetails:         bool
+					sortOrder:                common.LogsSortOrder
+					dedupStrategy:            common.LogsDedupStrategy
 					enableInfiniteScrolling?: bool
 					// TODO: figure out how to define callbacks
 					onClickFilterLabel?:     _