@grafana/k6-test-builder 0.2.7

package/dist/index.d.ts

@@ -0,0 +1,1406 @@
+import { ChangeEventHandler, FocusEventHandler, AnchorHTMLAttributes, ReactNode, ElementType, ReactElement, FunctionComponent } from "react";
+import { ThemeOptions } from "@material-ui/core/styles/createTheme";
+import { InvalidArchiveError } from "har-to-k6";
+/** @todo move this type */
+interface K6LoadZone {
+    k6_load_zone_id: string;
+    country: string;
+    city: string;
+}
+type LoadZoneDistribution = 'even' | 'manual';
+export interface RampingStage {
+    id: string;
+    target: '' | number | null;
+    duration: string;
+}
+declare const ScenarioExecutor: {
+    readonly SharedIterations: "shared-iterations";
+    readonly PerVUIterations: "per-vu-iterations";
+    readonly ConstantVUs: "constant-vus";
+    readonly RampingVUs: "ramping-vus";
+    readonly ConstantArrivalRate: "constant-arrival-rate";
+    readonly RampingArrivalRate: "ramping-arrival-rate";
+};
+type ScenarioExecutorType = typeof ScenarioExecutor[keyof typeof ScenarioExecutor];
+interface ScenarioCommonOptions {
+    executor: ScenarioExecutorType;
+    startTime?: string;
+    gracefulStop?: string;
+    exec?: string;
+    env: Record<string, string>;
+    tags: Record<string, string>;
+}
+interface SharedIterationsOptions extends ScenarioCommonOptions {
+    executor: typeof ScenarioExecutor.SharedIterations;
+    vus?: number | '';
+    iterations?: number;
+    maxDuration?: string;
+}
+interface PerVUIterationsOptions extends ScenarioCommonOptions {
+    executor: typeof ScenarioExecutor.PerVUIterations;
+    vus?: number | '';
+    iterations?: number;
+    maxDuration?: string;
+}
+interface ConstantVUsOptions extends ScenarioCommonOptions {
+    executor: typeof ScenarioExecutor.ConstantVUs;
+    duration: string;
+    vus?: number | '';
+}
+interface RampingVUsOptions extends ScenarioCommonOptions {
+    executor: typeof ScenarioExecutor.RampingVUs;
+    stages: RampingStage[];
+    startVUs?: number | '';
+    gracefulRampDown?: string;
+}
+interface ConstantArrivalRateOptions extends ScenarioCommonOptions {
+    executor: typeof ScenarioExecutor.ConstantArrivalRate;
+    duration: string;
+    rate: number;
+    preAllocatedVUs: number;
+    timeUnit?: string;
+    maxVUs?: number;
+}
+interface RampingArrivalRateOptions extends ScenarioCommonOptions {
+    executor: typeof ScenarioExecutor.RampingArrivalRate;
+    stages: RampingStage[];
+    preAllocatedVUs: number;
+    startRate?: number;
+    timeUnit?: string;
+    maxVUs?: number;
+}
+type ScenarioOptions = SharedIterationsOptions | PerVUIterationsOptions | ConstantVUsOptions | RampingVUsOptions | ConstantArrivalRateOptions | RampingArrivalRateOptions;
+interface PrometheusTokenCredentials {
+    token: string;
+}
+interface PrometheusUserPassCredentials {
+    username: string;
+    password: string;
+}
+interface PrometheusConfig {
+    remoteWriteURL: string;
+    resampleRate?: number;
+    credentials: PrometheusTokenCredentials | PrometheusUserPassCredentials;
+}
+interface DatadogConfig {
+    apiKey: string;
+    appKey: string;
+    region: string;
+    resampleRate?: number;
+}
+interface AzureMonitorConfig {
+    tenantId: string;
+    clientId: string;
+    clientSecret: string;
+    azureRegion: string;
+    subscriptionId: string;
+    resourceGroupName: string;
+    insightsAppName: string;
+    resampleRate?: number;
+}
+type ProviderType = 'prometheus' | 'datadog' | 'azuremonitor';
+interface APMConfig {
+    provider: ProviderType;
+    metrics: Array<string>;
+    includeDefaultMetrics: boolean | undefined;
+    includeTestRunId: boolean | undefined;
+    active: boolean;
+    name: string;
+    providerName: string;
+    id: string;
+    providerConfig: PrometheusConfig | AzureMonitorConfig | DatadogConfig;
+}
+enum ConfigType {
+    Base = "base",
+    Script = "script",
+    TestBuilder = "testBuilder"
+}
+interface ConfigObject<T = ScenarioOptions> {
+    id: string;
+    name: string;
+    type: ConfigType;
+    options: T;
+    errors: any[];
+    optionsPlaceholder?: boolean;
+}
+interface ScriptScenarioConfig<T = ScenarioOptions> extends ConfigObject<T> {
+    imports: string[];
+    body: string;
+}
+export const DOCS_ARTICLE_LINKS: {
+    root: string;
+    'error-codes': string;
+    start: string;
+    notifications: string;
+    'script-examples': string;
+    'ramp-up': string;
+    'insights-smart-results': string;
+    'interpret-test': string;
+    'concepts.checks': string;
+    'concepts.thresholds': string;
+    'concepts.performance-alerts': string;
+    'performance-alerts.too-many-urls': string;
+    'performance-alerts.third-party-content': string;
+    checks: string;
+    thresholds: string;
+    metrics: string;
+    'metrics.built-in': string;
+    'metrics.custom': string;
+    scenarios: string;
+    tutorials: string;
+    'tutorials.automated-performance-testing.local-vs-cloud-execution': string;
+    'compare-results': string;
+    'insights-help': string;
+    'how-to-do-browser-recording': string;
+    'user-token': string;
+    'organization-help': string;
+    'project-help': string;
+    'request-builder': string;
+    'cloud-logs': string;
+    'cloud-apm': string;
+    'cloud-apm-azure-monitor': string;
+    'cloud-apm-datadog': string;
+    'cloud-apm-grafana-cloud': string;
+    'cloud-apm-new-relic': string;
+    'results-visualization/cloud': string;
+    'options.discard-response-bodies': string;
+    'groups-help': string;
+    'url-grouping-help': string;
+    'tags-help': string;
+    'websockets-help': string;
+    'http-requests-help': string;
+    'recording-help': string;
+    'data-retention-policy': string;
+    'usage-reports': string;
+    'manage-thresholds': string;
+    faq: string;
+    'getting-started': string;
+    'run-test': string;
+    'product-overview': string;
+    'javascript-api': string;
+    'javascript-api.metrics': string;
+    'javascript-api.http.set-response-callback': string;
+    'javascript-api.sleep': string;
+    'api-load-testing': string;
+    scripting: string;
+    'test-running': string;
+    'what-is-vus': string;
+    'filter-domains': string;
+    debuggin: string;
+    'schedule-help': string;
+    'request-builder.basic': string;
+    'request-builder.advanced': string;
+    'request-builder.payload': string;
+    'request-builder.scripting': string;
+    'request-builder.query-params': string;
+    'request-builder.variables': string;
+    'request-builder.checks': string;
+    'request-builder.headers': string;
+    'request-builder.importing': string;
+    'cloud-tests-from-cli.load-zones': string;
+    'http-requests.url-grouping': string;
+    'http-requests.tags': string;
+    'modules.local-filesystem-modules': string;
+    'performance-insights.too-many-groups': string;
+    'performance-insights.too-many-metrics': string;
+    'performance-insights.too-many-urls': string;
+    'performance-insights.too-many-time-series': string;
+    'performance-insights.third-party-content': string;
+    'performance-insights.high-load-generator-cpu-usage': string;
+    'performance-insights.high-load-generator-memory-usage': string;
+    'performance-insights.high-http-failure-rate': string;
+    'performance-insights.increased-http-failure-rate': string;
+    'performance-insights.throughput-limit': string;
+    'performance-insights.disabling-performance-insights': string;
+    'performance-insights.abort-reason-user': string;
+    'performance-insights.abort-reason-threshold': string;
+    'performance-insights.abort-reason-system': string;
+    'performance-insights.abort-reason-limit': string;
+    'performance-insights.abort-reason-script-error': string;
+};
+type DocsArticleLink = keyof typeof DOCS_ARTICLE_LINKS;
+interface ImportItemChoice {
+    label: string;
+    value: string;
+    package: string;
+}
+export const IMPORT_ITEMS: ImportItemChoice[];
+export type TestBuilderStatus = 'success' | 'error' | 'loading' | 'saving' | 'unsaved' | 'warning';
+interface APM extends PrometheusConfig, AzureMonitorConfig, DatadogConfig {
+    provider: ProviderType;
+    metrics: Array<string>;
+    includeDefaultMetrics: boolean | undefined;
+    includeTestRunId: boolean | undefined;
+}
+interface TestConfig {
+    apm: APMConfig[];
+    distribution: LoadZoneDistribution;
+}
+export interface TestBuilderTest {
+    id: null | number;
+    name: string;
+    request_builder_config: string;
+    config: TestConfig;
+}
+interface LoadZoneOption {
+    loadZone: string;
+    percent: number;
+}
+type ThresholdValue = string | {
+    threshold: string;
+    abortOnFail: boolean;
+};
+type Thresholds = Record<string, ThresholdValue[]>;
+export interface LogOptions {
+    ext: {
+        loadimpact: {
+            distribution: Record<string, LoadZoneOption>;
+            apm: APM[];
+        };
+    };
+    /** @deprecated Only old (pre scenarios) tests has this property */
+    stages?: RampingStage[];
+    thresholds: Thresholds;
+    scenarios: Record<string, ScenarioOptions>;
+}
+export function convertDurationToSeconds(duration?: string): number;
+export function isDurationValid(duration: string): boolean;
+export function isStageTargetValid(target: any): boolean;
+type ConstrainedRangeChange = (currentlyChangedContent: {
+    [CONSTRAINED_RANGE_BODY]: string;
+}) => void;
+interface ConstrainedRange {
+    range: number[];
+    allowMultiline?: boolean;
+    label: string;
+    value: string;
+}
+declare const CONSTRAINED_RANGE_BODY = "CONSTRAINED_RANGE_BODY";
+type ScriptEditorMode = 'test' | 'scenario';
+/** @todo Create interface that fits cloud app and plugin */
+export interface ScriptEditorProps {
+    mode?: ScriptEditorMode;
+    scenario?: ScriptScenarioConfig;
+    imports?: string[];
+    filename?: string;
+    functionName?: string;
+    body?: string;
+    value: string;
+    template?: string;
+    constrainedRanges?: ConstrainedRange[];
+    onChange?: ChangeEventHandler<HTMLTextAreaElement> | ConstrainedRangeChange;
+    onBodyChange?: (value: string) => void;
+    onBlur?: FocusEventHandler<HTMLTextAreaElement>;
+    error?: Error;
+    readOnly?: boolean;
+    onImportsChange?: (imports: string[]) => void;
+}
+interface DocsLinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
+    article: DocsArticleLink;
+    children: ReactNode;
+}
+interface StagesVirtualizationComponentProps {
+    startValue?: number;
+    stages: RampingStage[];
+    unit?: string;
+}
+type LoadZoneDataItem = {
+    id: number;
+} & K6LoadZone;
+interface TestBuilderInternalContextProviderProps {
+    children?: ReactNode;
+}
+export function TestBuilderInternalContextProvider({ children, }: TestBuilderInternalContextProviderProps): JSX.Element;
+interface MuiThemeProviderProps {
+    children: ReactNode;
+    inherit?: boolean;
+    theme?: ThemeOptions;
+}
+export function TestBuilderThemeProvider({ children, theme: _theme }: MuiThemeProviderProps): JSX.Element;
+declare function getTestBuilderTest(): Promise<[TestBuilderTest & {
+    script: string;
+}, Error | InvalidArchiveError | undefined]>;
+export function useGetTestBuilderTest(): typeof getTestBuilderTest;
+export function TestBuilderStoreProvider({ children }: {
+    children: ReactNode;
+}): JSX.Element;
+interface TestBuilderStandaloneProps {
+    loading?: boolean;
+    saving?: boolean;
+    k6Test?: TestBuilderTest;
+    hasCloudExecution?: boolean;
+    availableLoadZones?: LoadZoneDataItem[];
+    DocsLinkComponent?: ElementType<DocsLinkProps>;
+    onViewChange?: (view: string) => void;
+    StagesVirtualizationComponent?: (props: StagesVirtualizationComponentProps) => ReactElement;
+    ScriptEditorComponent?: (props: ScriptEditorProps) => ReactElement;
+}
+export function TestBuilder({ loading, saving, k6Test, hasCloudExecution, availableLoadZones, DocsLinkComponent, onViewChange, StagesVirtualizationComponent, ScriptEditorComponent, }: TestBuilderStandaloneProps): JSX.Element;
+interface TestMetaInformationProps {
+    className?: string;
+}
+export const TestMetaInformation: FunctionComponent<TestMetaInformationProps>;
+interface StatusMessageProps {
+    text?: string | ReactNode;
+    level: TestBuilderStatus;
+}
+export const StatusMessage: FunctionComponent<StatusMessageProps>;
+export const StatusBar: FunctionComponent<{
+    className?: string;
+}>;
+export function useTestBuilderName(): [string, (name: string) => void];
+declare const grafanaThemeDark: {
+    name: string;
+    isDark: boolean;
+    isLight: boolean;
+    colors: {
+        mode: string;
+        border: {
+            weak: string;
+            medium: string;
+            strong: string;
+        };
+        text: {
+            primary: string;
+            secondary: string;
+            disabled: string;
+            link: string;
+            maxContrast: string;
+        };
+        primary: {
+            main: string;
+            text: string;
+            border: string;
+            name: string;
+            shade: string;
+            transparent: string;
+            contrastText: string;
+        };
+        secondary: {
+            main: string;
+            shade: string;
+            text: string;
+            contrastText: string;
+            border: string;
+            name: string;
+            transparent: string;
+        };
+        info: {
+            main: string;
+            text: string;
+            border: string;
+            name: string;
+            shade: string;
+            transparent: string;
+            contrastText: string;
+        };
+        error: {
+            main: string;
+            text: string;
+            name: string;
+            border: string;
+            shade: string;
+            transparent: string;
+            contrastText: string;
+        };
+        success: {
+            main: string;
+            text: string;
+            name: string;
+            border: string;
+            shade: string;
+            transparent: string;
+            contrastText: string;
+        };
+        warning: {
+            main: string;
+            text: string;
+            name: string;
+            border: string;
+            shade: string;
+            transparent: string;
+            contrastText: string;
+        };
+        background: {
+            canvas: string;
+            primary: string;
+            secondary: string;
+        };
+        action: {
+            hover: string;
+            selected: string;
+            focus: string;
+            hoverOpacity: number;
+            disabledText: string;
+            disabledBackground: string;
+            disabledOpacity: number;
+        };
+        gradients: {
+            brandHorizontal: string;
+            brandVertical: string;
+        };
+        contrastThreshold: number;
+        hoverFactor: number;
+        tonalOffset: number;
+    };
+    breakpoints: {
+        values: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+            xl: number;
+            xxl: number;
+        };
+        keys: string[];
+        unit: string;
+    };
+    shape: {};
+    components: {
+        height: {
+            sm: number;
+            md: number;
+            lg: number;
+        };
+        input: {
+            borderColor: string;
+            borderHover: string;
+            text: string;
+            background: string;
+        };
+        panel: {
+            padding: number;
+            headerHeight: number;
+            background: string;
+            borderColor: string;
+            boxShadow: string;
+        };
+        dropdown: {
+            background: string;
+        };
+        tooltip: {
+            background: string;
+            text: string;
+        };
+        dashboard: {
+            background: string;
+            padding: number;
+        };
+        overlay: {
+            background: string;
+        };
+        sidemenu: {
+            width: number;
+        };
+        menuTabs: {
+            height: number;
+        };
+        textHighlight: {
+            text: string;
+            background: string;
+        };
+        horizontalDrawer: {
+            defaultHeight: number;
+        };
+    };
+    typography: {
+        htmlFontSize: number;
+        fontFamily: string;
+        fontFamilyMonospace: string;
+        fontSize: number;
+        fontWeightLight: number;
+        fontWeightRegular: number;
+        fontWeightMedium: number;
+        fontWeightBold: number;
+        size: {
+            base: string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+        };
+        h1: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: number;
+            letterSpacing: string;
+        };
+        h2: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: number;
+            letterSpacing: string;
+        };
+        h3: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: number;
+            letterSpacing: string;
+        };
+        h4: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: number;
+            letterSpacing: string;
+        };
+        h5: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: number;
+            letterSpacing: string;
+        };
+        h6: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: number;
+            letterSpacing: string;
+        };
+        body: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: number;
+            letterSpacing: string;
+        };
+        bodySmall: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: number;
+            letterSpacing: string;
+        };
+    };
+    shadows: {
+        z1: string;
+        z2: string;
+        z3: string;
+    };
+    transitions: {
+        duration: {
+            shortest: number;
+            shorter: number;
+            short: number;
+            standard: number;
+            complex: number;
+            enteringScreen: number;
+            leavingScreen: number;
+        };
+        easing: {
+            easeInOut: string;
+            easeOut: string;
+            easeIn: string;
+            sharp: string;
+        };
+    };
+    visualization: {
+        hues: ({
+            name: string;
+            shades: ({
+                color: string;
+                name: string;
+                primary?: undefined;
+            } | {
+                color: string;
+                name: string;
+                primary: boolean;
+            })[];
+        } | {
+            name: string;
+            shades: ({
+                color: string;
+                name: string;
+                aliases: never[];
+                primary?: undefined;
+            } | {
+                color: string;
+                name: string;
+                aliases: never[];
+                primary: boolean;
+            })[];
+        })[];
+        palette: string[];
+    };
+    zIndex: {
+        navbarFixed: number;
+        sidemenu: number;
+        dropdown: number;
+        typeahead: number;
+        tooltip: number;
+        modalBackdrop: number;
+        modal: number;
+        portal: number;
+    };
+    v1: {
+        name: string;
+        typography: {
+            fontFamily: {
+                sansSerif: string;
+                monospace: string;
+            };
+            size: {
+                base: string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+            };
+            heading: {
+                h1: string;
+                h2: string;
+                h3: string;
+                h4: string;
+                h5: string;
+                h6: string;
+            };
+            weight: {
+                light: number;
+                regular: number;
+                semibold: number;
+                bold: number;
+            };
+            lineHeight: {
+                xs: number;
+                sm: number;
+                md: number;
+                lg: number;
+            };
+            link: {
+                decoration: string;
+                hoverDecoration: string;
+            };
+        };
+        breakpoints: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            xxl: string;
+        };
+        spacing: {
+            base: number;
+            insetSquishMd: string;
+            d: string;
+            xxs: string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            gutter: string;
+            formSpacingBase: number;
+            formMargin: string;
+            formFieldsetMargin: string;
+            formInputHeight: number;
+            formButtonHeight: number;
+            formInputPaddingHorizontal: string;
+            formInputAffixPaddingHorizontal: string;
+            formInputMargin: string;
+            formLabelPadding: string;
+            formLabelMargin: string;
+            formValidationMessagePadding: string;
+            formValidationMessageMargin: string;
+            inlineFormMargin: string;
+        };
+        border: {
+            radius: {
+                sm: string;
+                md: string;
+                lg: string;
+            };
+            width: {
+                sm: string;
+            };
+        };
+        height: {
+            sm: number;
+            md: number;
+            lg: number;
+        };
+        panelPadding: number;
+        panelHeaderHeight: number;
+        zIndex: {
+            navbarFixed: number;
+            sidemenu: number;
+            dropdown: number;
+            typeahead: number;
+            tooltip: number;
+            modalBackdrop: number;
+            modal: number;
+            portal: number;
+        };
+        type: string;
+        isDark: boolean;
+        isLight: boolean;
+        palette: {
+            gray98: string;
+            gray97: string;
+            gray95: string;
+            gray90: string;
+            gray85: string;
+            gray70: string;
+            gray60: string;
+            gray33: string;
+            gray25: string;
+            gray15: string;
+            gray10: string;
+            gray05: string;
+            blue95: string;
+            blue85: string;
+            blue80: string;
+            blue77: string;
+            red88: string;
+            black: string;
+            white: string;
+            dark1: string;
+            dark2: string;
+            dark3: string;
+            dark4: string;
+            dark5: string;
+            dark6: string;
+            dark7: string;
+            dark8: string;
+            dark9: string;
+            dark10: string;
+            gray1: string;
+            gray2: string;
+            gray3: string;
+            gray4: string;
+            gray5: string;
+            gray6: string;
+            gray7: string;
+            redBase: string;
+            redShade: string;
+            greenBase: string;
+            greenShade: string;
+            red: string;
+            yellow: string;
+            purple: string;
+            variable: string;
+            orange: string;
+            orangeDark: string;
+            brandPrimary: string;
+            brandSuccess: string;
+            brandWarning: string;
+            brandDanger: string;
+            queryRed: string;
+            queryGreen: string;
+            queryPurple: string;
+            queryOrange: string;
+            online: string;
+            warn: string;
+            critical: string;
+        };
+        colors: {
+            bg1: string;
+            bg2: string;
+            bg3: string;
+            dashboardBg: string;
+            bgBlue1: string;
+            bgBlue2: string;
+            border1: string;
+            border2: string;
+            border3: string;
+            formLabel: string;
+            formDescription: string;
+            formInputBg: string;
+            formInputBgDisabled: string;
+            formInputBorder: string;
+            formInputBorderHover: string;
+            formInputBorderActive: string;
+            formInputBorderInvalid: string;
+            formInputPlaceholderText: string;
+            formInputText: string;
+            formInputDisabledText: string;
+            formFocusOutline: string;
+            formValidationMessageText: string;
+            formValidationMessageBg: string;
+            textStrong: string;
+            textHeading: string;
+            text: string;
+            textSemiWeak: string;
+            textWeak: string;
+            textFaint: string;
+            textBlue: string;
+            bodyBg: string;
+            panelBg: string;
+            panelBorder: string;
+            pageHeaderBg: string;
+            pageHeaderBorder: string;
+            dropdownBg: string;
+            dropdownShadow: string;
+            dropdownOptionHoverBg: string;
+            link: string;
+            linkDisabled: string;
+            linkHover: string;
+            linkExternal: string;
+        };
+        shadows: {
+            listItem: string;
+        };
+        visualization: {
+            hues: ({
+                name: string;
+                shades: ({
+                    color: string;
+                    name: string;
+                    primary?: undefined;
+                } | {
+                    color: string;
+                    name: string;
+                    primary: boolean;
+                })[];
+            } | {
+                name: string;
+                shades: ({
+                    color: string;
+                    name: string;
+                    aliases: never[];
+                    primary?: undefined;
+                } | {
+                    color: string;
+                    name: string;
+                    aliases: never[];
+                    primary: boolean;
+                })[];
+            })[];
+            palette: string[];
+        };
+    };
+};
+declare const grafanaThemeLight: {
+    name: string;
+    isDark: boolean;
+    isLight: boolean;
+    colors: {
+        mode: string;
+        primary: {
+            main: string;
+            border: string;
+            text: string;
+            name: string;
+            shade: string;
+            transparent: string;
+            contrastText: string;
+        };
+        text: {
+            primary: string;
+            secondary: string;
+            disabled: string;
+            link: string;
+            maxContrast: string;
+        };
+        border: {
+            weak: string;
+            medium: string;
+            strong: string;
+        };
+        secondary: {
+            main: string;
+            shade: string;
+            contrastText: string;
+            text: string;
+            border: string;
+            name: string;
+            transparent: string;
+        };
+        info: {
+            main: string;
+            text: string;
+            name: string;
+            border: string;
+            shade: string;
+            transparent: string;
+            contrastText: string;
+        };
+        error: {
+            main: string;
+            text: string;
+            border: string;
+            name: string;
+            shade: string;
+            transparent: string;
+            contrastText: string;
+        };
+        success: {
+            main: string;
+            text: string;
+            name: string;
+            border: string;
+            shade: string;
+            transparent: string;
+            contrastText: string;
+        };
+        warning: {
+            main: string;
+            text: string;
+            name: string;
+            border: string;
+            shade: string;
+            transparent: string;
+            contrastText: string;
+        };
+        background: {
+            canvas: string;
+            primary: string;
+            secondary: string;
+        };
+        action: {
+            hover: string;
+            selected: string;
+            hoverOpacity: number;
+            focus: string;
+            disabledBackground: string;
+            disabledText: string;
+            disabledOpacity: number;
+        };
+        gradients: {
+            brandHorizontal: string;
+            brandVertical: string;
+        };
+        contrastThreshold: number;
+        hoverFactor: number;
+        tonalOffset: number;
+    };
+    breakpoints: {
+        values: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+            xl: number;
+            xxl: number;
+        };
+        keys: string[];
+        unit: string;
+    };
+    shape: {};
+    components: {
+        height: {
+            sm: number;
+            md: number;
+            lg: number;
+        };
+        input: {
+            borderColor: string;
+            borderHover: string;
+            text: string;
+            background: string;
+        };
+        panel: {
+            padding: number;
+            headerHeight: number;
+            background: string;
+            borderColor: string;
+            boxShadow: string;
+        };
+        dropdown: {
+            background: string;
+        };
+        tooltip: {
+            background: string;
+            text: string;
+        };
+        dashboard: {
+            background: string;
+            padding: number;
+        };
+        overlay: {
+            background: string;
+        };
+        sidemenu: {
+            width: number;
+        };
+        menuTabs: {
+            height: number;
+        };
+        textHighlight: {
+            text: string;
+            background: string;
+        };
+        horizontalDrawer: {
+            defaultHeight: number;
+        };
+    };
+    typography: {
+        htmlFontSize: number;
+        fontFamily: string;
+        fontFamilyMonospace: string;
+        fontSize: number;
+        fontWeightLight: number;
+        fontWeightRegular: number;
+        fontWeightMedium: number;
+        fontWeightBold: number;
+        size: {
+            base: string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+        };
+        h1: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: number;
+            letterSpacing: string;
+        };
+        h2: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: number;
+            letterSpacing: string;
+        };
+        h3: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: number;
+            letterSpacing: string;
+        };
+        h4: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: number;
+            letterSpacing: string;
+        };
+        h5: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: number;
+            letterSpacing: string;
+        };
+        h6: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: number;
+            letterSpacing: string;
+        };
+        body: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: number;
+            letterSpacing: string;
+        };
+        bodySmall: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: number;
+            letterSpacing: string;
+        };
+    };
+    shadows: {
+        z1: string;
+        z2: string;
+        z3: string;
+    };
+    transitions: {
+        duration: {
+            shortest: number;
+            shorter: number;
+            short: number;
+            standard: number;
+            complex: number;
+            enteringScreen: number;
+            leavingScreen: number;
+        };
+        easing: {
+            easeInOut: string;
+            easeOut: string;
+            easeIn: string;
+            sharp: string;
+        };
+    };
+    visualization: {
+        hues: ({
+            name: string;
+            shades: ({
+                color: string;
+                name: string;
+                primary?: undefined;
+            } | {
+                color: string;
+                name: string;
+                primary: boolean;
+            })[];
+        } | {
+            name: string;
+            shades: ({
+                color: string;
+                name: string;
+                aliases: never[];
+                primary?: undefined;
+            } | {
+                color: string;
+                name: string;
+                aliases: never[];
+                primary: boolean;
+            })[];
+        })[];
+        palette: string[];
+    };
+    zIndex: {
+        navbarFixed: number;
+        sidemenu: number;
+        dropdown: number;
+        typeahead: number;
+        tooltip: number;
+        modalBackdrop: number;
+        modal: number;
+        portal: number;
+    };
+    v1: {
+        name: string;
+        typography: {
+            fontFamily: {
+                sansSerif: string;
+                monospace: string;
+            };
+            size: {
+                base: string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+            };
+            heading: {
+                h1: string;
+                h2: string;
+                h3: string;
+                h4: string;
+                h5: string;
+                h6: string;
+            };
+            weight: {
+                light: number;
+                regular: number;
+                semibold: number;
+                bold: number;
+            };
+            lineHeight: {
+                xs: number;
+                sm: number;
+                md: number;
+                lg: number;
+            };
+            link: {
+                decoration: string;
+                hoverDecoration: string;
+            };
+        };
+        breakpoints: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            xxl: string;
+        };
+        spacing: {
+            base: number;
+            insetSquishMd: string;
+            d: string;
+            xxs: string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            gutter: string;
+            formSpacingBase: number;
+            formMargin: string;
+            formFieldsetMargin: string;
+            formInputHeight: number;
+            formButtonHeight: number;
+            formInputPaddingHorizontal: string;
+            formInputAffixPaddingHorizontal: string;
+            formInputMargin: string;
+            formLabelPadding: string;
+            formLabelMargin: string;
+            formValidationMessagePadding: string;
+            formValidationMessageMargin: string;
+            inlineFormMargin: string;
+        };
+        border: {
+            radius: {
+                sm: string;
+                md: string;
+                lg: string;
+            };
+            width: {
+                sm: string;
+            };
+        };
+        height: {
+            sm: number;
+            md: number;
+            lg: number;
+        };
+        panelPadding: number;
+        panelHeaderHeight: number;
+        zIndex: {
+            navbarFixed: number;
+            sidemenu: number;
+            dropdown: number;
+            typeahead: number;
+            tooltip: number;
+            modalBackdrop: number;
+            modal: number;
+            portal: number;
+        };
+        type: string;
+        isDark: boolean;
+        isLight: boolean;
+        palette: {
+            gray98: string;
+            gray97: string;
+            gray95: string;
+            gray90: string;
+            gray85: string;
+            gray70: string;
+            gray60: string;
+            gray33: string;
+            gray25: string;
+            gray15: string;
+            gray10: string;
+            gray05: string;
+            blue95: string;
+            blue85: string;
+            blue80: string;
+            blue77: string;
+            red88: string;
+            black: string;
+            white: string;
+            dark1: string;
+            dark2: string;
+            dark3: string;
+            dark4: string;
+            dark5: string;
+            dark6: string;
+            dark7: string;
+            dark8: string;
+            dark9: string;
+            dark10: string;
+            gray1: string;
+            gray2: string;
+            gray3: string;
+            gray4: string;
+            gray5: string;
+            gray6: string;
+            gray7: string;
+            redBase: string;
+            redShade: string;
+            greenBase: string;
+            greenShade: string;
+            red: string;
+            yellow: string;
+            purple: string;
+            variable: string;
+            orange: string;
+            orangeDark: string;
+            brandPrimary: string;
+            brandSuccess: string;
+            brandWarning: string;
+            brandDanger: string;
+            queryRed: string;
+            queryGreen: string;
+            queryPurple: string;
+            queryOrange: string;
+            online: string;
+            warn: string;
+            critical: string;
+        };
+        colors: {
+            bg1: string;
+            bg2: string;
+            bg3: string;
+            dashboardBg: string;
+            bgBlue1: string;
+            bgBlue2: string;
+            border1: string;
+            border2: string;
+            border3: string;
+            formLabel: string;
+            formDescription: string;
+            formInputBg: string;
+            formInputBgDisabled: string;
+            formInputBorder: string;
+            formInputBorderHover: string;
+            formInputBorderActive: string;
+            formInputBorderInvalid: string;
+            formInputPlaceholderText: string;
+            formInputText: string;
+            formInputDisabledText: string;
+            formFocusOutline: string;
+            formValidationMessageText: string;
+            formValidationMessageBg: string;
+            textStrong: string;
+            textHeading: string;
+            text: string;
+            textSemiWeak: string;
+            textWeak: string;
+            textFaint: string;
+            textBlue: string;
+            bodyBg: string;
+            panelBg: string;
+            panelBorder: string;
+            pageHeaderBg: string;
+            pageHeaderBorder: string;
+            dropdownBg: string;
+            dropdownShadow: string;
+            dropdownOptionHoverBg: string;
+            link: string;
+            linkDisabled: string;
+            linkHover: string;
+            linkExternal: string;
+        };
+        shadows: {
+            listItem: string;
+        };
+        visualization: {
+            hues: ({
+                name: string;
+                shades: ({
+                    color: string;
+                    name: string;
+                    primary?: undefined;
+                } | {
+                    color: string;
+                    name: string;
+                    primary: boolean;
+                })[];
+            } | {
+                name: string;
+                shades: ({
+                    color: string;
+                    name: string;
+                    aliases: never[];
+                    primary?: undefined;
+                } | {
+                    color: string;
+                    name: string;
+                    aliases: never[];
+                    primary: boolean;
+                })[];
+            })[];
+            palette: string[];
+        };
+    };
+};
+type GrafanaTheme = typeof grafanaThemeDark | typeof grafanaThemeLight;
+export const grafanaThemeToMuiTheme: (theme: GrafanaTheme) => ThemeOptions;
+type SetImportsHandler = (value: string[]) => void;
+export function useScriptImports(): [string[] | undefined, SetImportsHandler];
+export function useGetUnsavedChanges(): [boolean, (value: boolean) => void];