types.ts

import { ParsedQuery } from 'query-string';
import { ReactNode } from 'react';

import { GrafanaThemeType } from '@grafana/data';

export type FailedToMountGrafanaErrorName = 'FailedToMountGrafana';

export interface GrafanaMicroFrontendState {
  errors: Map<string | number, string | Error>;
}

export type GrafanaMicroFrontendActions = {
  setErrors: (errors: GrafanaMicroFrontendState['errors']) => void;
};

/* eslint-disable-next-line  */
export type AnyObject<K extends string | number | symbol = string, V = any> = {
  [key in K]: V;
};

export interface FNDashboardProps {
  name: string;
  uid: string;
  slug: string;
  version: number;
  mode: GrafanaThemeType.Dark | GrafanaThemeType.Light;
  queryParams: ParsedQuery<string>;
  fnError?: ReactNode;
  pageTitle?: string;
  controlsContainer: string | null;
  isLoading: (isLoading: boolean) => void;
  setErrors: (errors?: { [K: number | string]: string }) => void;
  hiddenVariables: readonly string[];
  container?: HTMLElement | null;
}