sentry/static/app/views/dashboards/widgetBuilder/utils/convertBuilderStateToWidget.ts

import {defined} from 'sentry/utils';
import {generateFieldAsString} from 'sentry/utils/discover/fields';
import {getDatasetConfig} from 'sentry/views/dashboards/datasetConfig/base';
import {
  DisplayType,
  type Widget,
  type WidgetQuery,
  WidgetType,
} from 'sentry/views/dashboards/types';
import {formatSort} from 'sentry/views/explore/tables/aggregatesTable';

import type {WidgetBuilderState} from '../hooks/useWidgetBuilderState';

export function convertBuilderStateToWidget(state: WidgetBuilderState): Widget {
  const datasetConfig = getDatasetConfig(state.dataset ?? WidgetType.ERRORS);
  const defaultQuery = datasetConfig.defaultWidgetQuery;

  const queries = defined(state.query) && state.query.length > 0 ? state.query : [''];

  const fields = state.fields?.map(generateFieldAsString);
  const aggregates = state.yAxis?.map(generateFieldAsString);
  const columns = state.fields
    ?.filter(field => 'kind' in field && field.kind === 'field')
    .map(generateFieldAsString);

  // If there's no sort, use the first field as the default sort
  const defaultSort = fields?.[0] ?? defaultQuery.orderby;
  const sort =
    defined(state.sort) && state.sort.length > 0
      ? formatSort(state.sort[0])
      : defaultSort;

  const widgetQueries: WidgetQuery[] = queries.map(query => {
    return {
      ...defaultQuery,
      fields: defined(fields) && fields.length > 0 ? fields : defaultQuery.fields,
      aggregates:
        defined(aggregates) && aggregates.length > 0
          ? aggregates
          : defaultQuery.aggregates,
      columns: defined(columns) && columns.length > 0 ? columns : defaultQuery.columns,
      conditions: query,
      orderby: sort,
    };
  });

  return {
    title: state.title ?? '',
    description: state.description,
    displayType: state.displayType ?? DisplayType.TABLE,
    interval: '1h', // TODO: Not sure what to put here yet
    queries: widgetQueries,
    widgetType: state.dataset,
  };
}