import { FeatureLike } from 'ol/Feature'; import { ArrayDataFrame, DataFrame } from '@grafana/data'; import { DataHoverView } from './DataHoverView'; type Props = { feature?: FeatureLike; }; export const DataHoverRow = ({ feature }: Props) => { let data: DataFrame; let rowIndex = 0; if (!feature) { return null; } data = feature.get('frame'); if (data) { rowIndex = feature.get('rowIndex'); } else { const { geometry, ...properties } = feature.getProperties(); data = new ArrayDataFrame([properties]); } return <DataHoverView data={data} rowIndex={rowIndex} />; };