@grafana/plugin-ui 0.9.5 → 0.10.0

package/dist/src/components/ConfigEditor/DataSourceDescription.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-type Props = {
-    dataSourceName: string;
-    docsLink: string;
-    hasRequiredFields?: boolean;
-    className?: string;
-};
-export declare const DataSourceDescription: ({ dataSourceName, docsLink, hasRequiredFields, className }: Props) => JSX.Element;
-export {};

package/dist/src/components/ConfigEditor/SecureSocksProxyToggle.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { InlineLabel as OriginalInlineLabel } from '@grafana/ui';
-import { DataSourceSettings } from '@grafana/data';
-type Props = Omit<React.ComponentProps<typeof OriginalInlineLabel>, 'children'> & {
-    dataSourceConfig: DataSourceSettings<any, any>;
-    onChange: (config: DataSourceSettings) => void;
-    labelWidth: number;
-};
-export declare const SecureSocksProxyToggle: ({ labelWidth, ...props }: Props) => any;
-export {};

package/dist/src/components/ConfigEditor/index.d.ts

@@ -1,9 +0,0 @@
-export { SecureSocksProxyToggle } from './SecureSocksProxyToggle';
-export { DataSourceDescription } from './DataSourceDescription';
-export { ConfigSection, ConfigSubSection, ConfigDescriptionLink } from './ConfigSection';
-export { Auth, AuthMethod, convertLegacyAuthProps } from './Auth';
-export type { AuthProps } from './Auth';
-export { TLSSettings } from './Auth/tls/TLSSettings';
-export type { Props as TLSSettingsProps } from './Auth/tls/TLSSettings';
-export { ConnectionSettings } from './Connection';
-export { AdvancedHttpSettings } from './AdvancedSettings';

package/dist/src/components/ConfigEditor/types.d.ts

@@ -1,15 +0,0 @@
-import { DataSourceSettings, DataSourceJsonData } from '@grafana/data';
-type DataSourceExclusiveConfig = {
-    readOnly: DataSourceSettings['readOnly'];
-    url: DataSourceSettings['url'];
-    basicAuth: DataSourceSettings['basicAuth'];
-    basicAuthUser: DataSourceSettings['basicAuthUser'];
-    withCredentials: DataSourceSettings['withCredentials'];
-};
-export type Config<JSONData extends DataSourceJsonData = any, SecureJSONData = {}> = {
-    jsonData: DataSourceSettings<JSONData>['jsonData'];
-    secureJsonData: DataSourceSettings<JSONData, SecureJSONData>['secureJsonData'];
-    secureJsonFields: DataSourceSettings['secureJsonFields'];
-} & Partial<DataSourceExclusiveConfig>;
-export type OnChangeHandler<C extends Config = Config> = (config: C) => void;
-export {};

package/dist/src/components/CustomHeadersSettings/CustomHeadersSettings.d.ts

@@ -1,27 +0,0 @@
-import { PureComponent } from 'react';
-import { DataSourceSettings } from '@grafana/data';
-export interface CustomHeader {
-    id: string;
-    name: string;
-    value: string;
-    configured: boolean;
-}
-export type CustomHeaders = CustomHeader[];
-export interface Props {
-    dataSourceConfig: DataSourceSettings<any, any>;
-    onChange: (config: DataSourceSettings) => void;
-}
-export interface State {
-    headers: CustomHeaders;
-}
-export declare class CustomHeadersSettings extends PureComponent<Props, State> {
-    state: State;
-    constructor(props: Props);
-    updateSettings: () => void;
-    onHeaderAdd: () => void;
-    onHeaderChange: (headerIndex: number, value: CustomHeader) => void;
-    onHeaderReset: (headerId: string) => void;
-    onHeaderRemove: (headerId: string) => void;
-    render(): JSX.Element;
-}
-export default CustomHeadersSettings;

package/dist/src/components/DataLinks/DataLink.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { VariableSuggestion, DataSourceInstanceSettings, DataSourceJsonData } from '@grafana/data';
-import { DataLinkConfig } from './types';
-type Props = {
-    value: DataLinkConfig;
-    datasources?: Array<DataSourceInstanceSettings<DataSourceJsonData>>;
-    onChange: (value: DataLinkConfig) => void;
-    onDelete: () => void;
-    suggestions: VariableSuggestion[];
-    className?: string;
-};
-export declare const DataLink: (props: Props) => JSX.Element;
-export {};

package/dist/src/components/DataLinks/DataLinks.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { DataLinkConfig } from './types';
-type Props = {
-    value?: DataLinkConfig[];
-    onChange: (value: DataLinkConfig[]) => void;
-};
-export declare const DataLinks: (props: Props) => JSX.Element;
-export {};

package/dist/src/components/DataLinks/index.d.ts

@@ -1,3 +0,0 @@
-export * from './types';
-export * from './DataLinks';
-export * from './DataLink';

package/dist/src/components/DataLinks/types.d.ts

@@ -1,7 +0,0 @@
-export type DataLinkConfig = {
-    field: string;
-    label: string;
-    matcherRegex: string;
-    url: string;
-    datasourceUid?: string;
-};

package/dist/src/components/DataSourcePicker/DataSourcePicker.d.ts

@@ -1,34 +0,0 @@
-import { PureComponent } from 'react';
-import { DataSourceInstanceSettings, SelectableValue } from '@grafana/data';
-import { DataSourceSrv } from '@grafana/runtime';
-export interface Props {
-    onChange: (ds: DataSourceInstanceSettings) => void;
-    current: string | null;
-    hideTextValue?: boolean;
-    onBlur?: () => void;
-    autoFocus?: boolean;
-    openMenuOnFocus?: boolean;
-    placeholder?: string;
-    tracing?: boolean;
-    mixed?: boolean;
-    dashboard?: boolean;
-    metrics?: boolean;
-    annotations?: boolean;
-    variables?: boolean;
-    pluginId?: string;
-    noDefault?: boolean;
-}
-export interface State {
-    error?: string;
-}
-export declare class DataSourcePicker extends PureComponent<Props, State> {
-    dataSourceSrv: DataSourceSrv;
-    static defaultProps: Partial<Props>;
-    state: State;
-    constructor(props: Props);
-    componentDidMount(): void;
-    onChange: (item: SelectableValue<string>) => void;
-    private getCurrentValue;
-    getDataSourceOptions(): Array<SelectableValue<string>>;
-    render(): JSX.Element;
-}

package/dist/src/components/DatePicker/DatePicker.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export interface DatePickerProps {
-    isOpen?: boolean;
-    onClose: () => void;
-    onChange: (value: Date) => void;
-    value?: Date;
-}
-export declare const DatePicker: React.NamedExoticComponent<DatePickerProps>;

package/dist/src/components/DatePicker/styles.d.ts

@@ -1,11 +0,0 @@
-import { GrafanaTheme2 } from '@grafana/data';
-export declare const getStyles: (theme: GrafanaTheme2) => {
-    container: string;
-    modal: string;
-    content: string;
-    backdrop: string;
-};
-export declare const getBodyStyles: (theme: GrafanaTheme2) => {
-    title: string;
-    body: string;
-};

package/dist/src/components/DatePickerWithInput/DatePickerWithInput.d.ts

@@ -1,9 +0,0 @@
-import { Input } from '@grafana/ui';
-import { ComponentProps } from 'react';
-import './style.css';
-export declare const formatDate: (date: Date) => string;
-export interface DatePickerWithInputProps extends Omit<ComponentProps<typeof Input>, 'ref' | 'value' | 'onChange'> {
-    value?: Date;
-    onChange: (value: Date) => void;
-}
-export declare const DatePickerWithInput: (props: DatePickerWithInputProps) => JSX.Element;

package/dist/src/components/DebounceInput/DebounceInput.d.ts

@@ -1,8 +0,0 @@
-import { ComponentProps } from 'react';
-import { Input } from '@grafana/ui';
-export interface DebounceInputProps extends Omit<ComponentProps<typeof Input>, 'ref'> {
-    value: string;
-    onDebounce: (debouncedInput?: string) => void;
-    delay?: number;
-}
-export declare const DebounceInput: (props: DebounceInputProps) => JSX.Element;

package/dist/src/components/Plugins/PluginSignatureBadge.d.ts

@@ -1,12 +0,0 @@
-import { HTMLAttributes } from 'react';
-import { PluginErrorCode, PluginSignatureStatus } from '@grafana/data';
-interface Props extends HTMLAttributes<HTMLDivElement> {
-    status?: PluginSignatureStatus;
-}
-export declare const PluginSignatureBadge: {
-    ({ status, ...otherProps }: Props): JSX.Element;
-    displayName: string;
-};
-export declare function isUnsignedPluginSignature(signature?: PluginSignatureStatus): boolean | undefined;
-export declare function mapPluginErrorCodeToSignatureStatus(code: PluginErrorCode): PluginSignatureStatus.invalid | PluginSignatureStatus.modified | PluginSignatureStatus.missing;
-export {};

package/dist/src/components/QueryEditor/AccessoryButton.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { ButtonProps } from '@grafana/ui';
-interface AccessoryButtonProps extends ButtonProps {
-}
-export declare const AccessoryButton: ({ className, ...props }: AccessoryButtonProps) => JSX.Element;
-export {};

package/dist/src/components/QueryEditor/ConfirmModal.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-type ConfirmModalProps = {
-    isOpen: boolean;
-    onCancel?: () => void;
-    onDiscard?: () => void;
-    onCopy?: () => void;
-};
-export declare function ConfirmModal({ isOpen, onCancel, onDiscard, onCopy }: ConfirmModalProps): JSX.Element;
-export {};

package/dist/src/components/QueryEditor/DatasetSelector.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { SelectableValue } from '@grafana/data';
-import { DB, ResourceSelectorProps } from './types';
-interface DatasetSelectorProps extends ResourceSelectorProps {
-    db: DB;
-    dataset: string;
-    value: string | null;
-    applyDefault?: boolean;
-    disabled?: boolean;
-    onChange: (v: SelectableValue) => void;
-}
-export declare const DatasetSelector: ({ db, dataset, value, onChange, disabled, className, applyDefault, }: DatasetSelectorProps) => JSX.Element;
-export {};

package/dist/src/components/QueryEditor/EditorField.d.ts

@@ -1,12 +0,0 @@
-import React, { ComponentProps } from 'react';
-import { Field, PopoverContent } from '@grafana/ui';
-interface EditorFieldProps extends ComponentProps<typeof Field> {
-    label: string;
-    children: React.ReactElement;
-    width?: number | string;
-    optional?: boolean;
-    tooltip?: PopoverContent;
-    tooltipInteractive?: boolean;
-}
-export declare const EditorField: (props: EditorFieldProps) => JSX.Element;
-export {};

package/dist/src/components/QueryEditor/EditorFieldGroup.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface EditorFieldGroupProps {
-    children?: React.ReactNode;
-}
-export declare const EditorFieldGroup: ({ children }: EditorFieldGroupProps) => JSX.Element;
-export {};

package/dist/src/components/QueryEditor/EditorHeader.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface EditorHeaderProps {
-    children?: React.ReactNode;
-}
-export declare const EditorHeader: ({ children }: EditorHeaderProps) => JSX.Element;
-export {};

package/dist/src/components/QueryEditor/EditorList.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-interface EditorListProps<T> {
-    items: Array<Partial<T>>;
-    renderItem: (item: Partial<T>, onChangeItem: (item: Partial<T>) => void, onDeleteItem: () => void) => React.ReactElement;
-    onChange: (items: Array<Partial<T>>) => void;
-}
-export declare const EditorList: React.ForwardRefExoticComponent<EditorListProps<unknown> & React.RefAttributes<HTMLButtonElement>>;
-export {};

package/dist/src/components/QueryEditor/EditorRow.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface EditorRowProps {
-    children?: React.ReactNode;
-}
-export declare const EditorRow: ({ children }: EditorRowProps) => JSX.Element;
-export {};

package/dist/src/components/QueryEditor/EditorRows.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface EditorRowsProps {
-    children?: React.ReactNode;
-}
-export declare const EditorRows: ({ children }: EditorRowsProps) => JSX.Element;
-export {};

package/dist/src/components/QueryEditor/EditorStack.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { ThemeSpacingTokens } from '@grafana/data';
-export type Direction = 'row' | 'row-reverse' | 'column' | 'column-reverse';
-export type AlignItems = 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'start' | 'end' | 'self-start' | 'self-end';
-interface StackProps {
-    children?: React.ReactNode;
-    direction?: Direction;
-    alignItems?: AlignItems;
-    wrap?: boolean;
-    gap?: ThemeSpacingTokens;
-}
-export declare const EditorStack: ({ children, wrap: wrapItems, ...props }: StackProps) => JSX.Element;
-export {};

package/dist/src/components/QueryEditor/EditorSwitch.d.ts

@@ -1,3 +0,0 @@
-import { Switch } from '@grafana/ui';
-import { ComponentProps } from 'react';
-export declare const EditorSwitch: (props: ComponentProps<typeof Switch>) => JSX.Element;

package/dist/src/components/QueryEditor/FlexItem.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-interface FlexItemProps {
-    grow?: number;
-    shrink?: number;
-}
-export declare const FlexItem: ({ grow, shrink }: FlexItemProps) => JSX.Element;
-export {};

package/dist/src/components/QueryEditor/InlineSelect.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { SelectCommonProps } from '@grafana/ui';
-interface InlineSelectProps<T> extends SelectCommonProps<T> {
-    label?: string;
-}
-export declare function InlineSelect<T>({ label: labelProp, ...props }: InlineSelectProps<T>): JSX.Element;
-export {};

package/dist/src/components/QueryEditor/InputGroup.d.ts

@@ -1,10 +0,0 @@
-import { ReactElement } from 'react';
-type Child = string | undefined | ReactElement<{
-    className?: string;
-    invalid?: unknown;
-}>;
-interface InputGroupProps {
-    children: Child | Child[];
-}
-export declare const InputGroup: ({ children }: InputGroupProps) => JSX.Element;
-export {};

package/dist/src/components/QueryEditor/QueryEditor.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { QueryEditorProps } from '@grafana/data';
-import { SQLQuery, SQLOptions } from './types';
-import { SqlDatasource } from '../../datasource/SqlDatasource';
-interface Props extends QueryEditorProps<SqlDatasource, SQLQuery, SQLOptions> {
-}
-export declare function SqlQueryEditor({ datasource, query, onChange, onRunQuery, range }: Props): JSX.Element | null;
-export {};

package/dist/src/components/QueryEditor/QueryHeader.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { QueryWithDefaults } from './defaults';
-import { DB, SQLQuery, QueryRowFilter } from './types';
-interface QueryHeaderProps {
-    db: DB;
-    defaultDataset: string;
-    enableDatasets: boolean;
-    query: QueryWithDefaults;
-    onChange: (query: SQLQuery) => void;
-    onRunQuery: () => void;
-    onQueryRowChange: (queryRowFilter: QueryRowFilter) => void;
-    queryRowFilter: QueryRowFilter;
-    isQueryRunnable: boolean;
-    labels?: Map<string, string>;
-}
-export declare function QueryHeader({ db, defaultDataset, enableDatasets, query, queryRowFilter, onChange, onRunQuery, onQueryRowChange, isQueryRunnable, labels, }: QueryHeaderProps): JSX.Element;
-export {};

package/dist/src/components/QueryEditor/RunQueryButton.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { PopoverContent } from '@grafana/ui';
-type RunQueryButtonProps = {
-    ariaLabel?: string;
-    queryInvalid?: boolean;
-    invalidQueryTooltip?: PopoverContent;
-    disabled?: boolean;
-    queryRunning?: boolean;
-    onClick: () => void;
-    dataTestId?: string;
-};
-export declare const RunQueryButton: ({ ariaLabel, queryRunning, queryInvalid, invalidQueryTooltip, disabled, onClick, dataTestId, }: RunQueryButtonProps) => JSX.Element;
-export {};

package/dist/src/components/QueryEditor/Space.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-export interface SpaceProps {
-    v?: number;
-    h?: number;
-    layout?: 'block' | 'inline';
-}
-export declare const Space: {
-    (props: SpaceProps): JSX.Element;
-    defaultProps: {
-        v: number;
-        h: number;
-        layout: string;
-    };
-};

package/dist/src/components/QueryEditor/TableSelector.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { SelectableValue } from '@grafana/data';
-import { DB, ResourceSelectorProps } from './types';
-import { QueryWithDefaults } from './defaults';
-interface TableSelectorProps extends ResourceSelectorProps {
-    db: DB;
-    dataset: string;
-    value: string | null;
-    query: QueryWithDefaults;
-    onChange: (v: SelectableValue) => void;
-}
-export declare const TableSelector: ({ db, dataset, value, className, onChange }: TableSelectorProps) => JSX.Element;
-export {};

package/dist/src/components/QueryEditor/defaults.d.ts

@@ -1,3 +0,0 @@
-import { SQLQuery } from './types';
-export declare function applyQueryDefaults(q?: SQLQuery): SQLQuery;
-export type QueryWithDefaults = ReturnType<typeof applyQueryDefaults>;

package/dist/src/components/QueryEditor/expressions.d.ts

@@ -1,50 +0,0 @@
-export declare enum QueryEditorPropertyType {
-    String = "string"
-}
-export interface QueryEditorProperty {
-    type: QueryEditorPropertyType;
-    name?: string;
-}
-export type QueryEditorOperatorType = string | boolean | number;
-type QueryEditorOperatorValueType = QueryEditorOperatorType | QueryEditorOperatorType[];
-export interface QueryEditorOperator<T extends QueryEditorOperatorValueType> {
-    name?: string;
-    value?: T;
-}
-export interface QueryEditorOperatorExpression {
-    type: QueryEditorExpressionType.Operator;
-    property: QueryEditorProperty;
-    operator: QueryEditorOperator<QueryEditorOperatorValueType>;
-}
-export interface QueryEditorArrayExpression {
-    type: QueryEditorExpressionType.And | QueryEditorExpressionType.Or;
-    expressions: QueryEditorExpression[] | QueryEditorArrayExpression[];
-}
-export interface QueryEditorPropertyExpression {
-    type: QueryEditorExpressionType.Property;
-    property: QueryEditorProperty;
-}
-export declare enum QueryEditorExpressionType {
-    Property = "property",
-    Operator = "operator",
-    Or = "or",
-    And = "and",
-    GroupBy = "groupBy",
-    Function = "function",
-    FunctionParameter = "functionParameter"
-}
-export type QueryEditorExpression = QueryEditorArrayExpression | QueryEditorPropertyExpression | QueryEditorGroupByExpression | QueryEditorFunctionExpression | QueryEditorFunctionParameterExpression | QueryEditorOperatorExpression;
-export interface QueryEditorGroupByExpression {
-    type: QueryEditorExpressionType.GroupBy;
-    property: QueryEditorProperty;
-}
-export interface QueryEditorFunctionExpression {
-    type: QueryEditorExpressionType.Function;
-    name?: string;
-    parameters?: QueryEditorFunctionParameterExpression[];
-}
-export interface QueryEditorFunctionParameterExpression {
-    type: QueryEditorExpressionType.FunctionParameter;
-    name?: string;
-}
-export {};

package/dist/src/components/QueryEditor/index.d.ts

@@ -1,17 +0,0 @@
-export * from './visual-query-builder';
-export { AccessoryButton } from './AccessoryButton';
-export { EditorFieldGroup } from './EditorFieldGroup';
-export { EditorHeader } from './EditorHeader';
-export { EditorField } from './EditorField';
-export { EditorRow } from './EditorRow';
-export { EditorList } from './EditorList';
-export { EditorRows } from './EditorRows';
-export { EditorSwitch } from './EditorSwitch';
-export { FlexItem } from './FlexItem';
-export { EditorStack } from './EditorStack';
-export { InlineSelect } from './InlineSelect';
-export { InputGroup } from './InputGroup';
-export { Space } from './Space';
-export { SqlQueryEditor } from './QueryEditor';
-export { RunQueryButton } from './RunQueryButton';
-export * from './types';

package/dist/src/components/QueryEditor/query-editor-raw/QueryEditorRaw.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { SQLQuery } from '../types';
-import { LanguageCompletionProvider } from '../../SQLEditor';
-type Props = {
-    query: SQLQuery;
-    onChange: (value: SQLQuery, processQuery: boolean) => void;
-    children?: (props: {
-        formatQuery: () => void;
-    }) => React.ReactNode;
-    width?: number;
-    height?: number;
-    completionProvider: LanguageCompletionProvider;
-};
-export declare function QueryEditorRaw({ children, onChange, query, width, height, completionProvider }: Props): JSX.Element;
-export {};

package/dist/src/components/QueryEditor/query-editor-raw/QueryToolbox.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { QueryValidatorProps } from './QueryValidator';
-interface QueryToolboxProps extends Omit<QueryValidatorProps, 'onValidate'> {
-    showTools?: boolean;
-    isExpanded?: boolean;
-    onFormatCode?: () => void;
-    onExpand?: (expand: boolean) => void;
-    onValidate?: (isValid: boolean) => void;
-}
-export declare function QueryToolbox({ showTools, onFormatCode, onExpand, isExpanded, ...validatorProps }: QueryToolboxProps): JSX.Element;
-export {};

package/dist/src/components/QueryEditor/query-editor-raw/QueryValidator.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { TimeRange } from '@grafana/data';
-import { DB, SQLQuery } from '../types';
-export interface QueryValidatorProps {
-    db: DB;
-    query: SQLQuery;
-    range?: TimeRange;
-    onValidate: (isValid: boolean) => void;
-}
-export declare function QueryValidator({ db, query, onValidate, range }: QueryValidatorProps): JSX.Element | null;

package/dist/src/components/QueryEditor/query-editor-raw/RawEditor.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { QueryEditorProps, SQLQuery } from '../types';
-interface RawEditorProps extends Omit<QueryEditorProps, 'onChange'> {
-    onRunQuery: () => void;
-    onChange: (q: SQLQuery, processQuery: boolean) => void;
-    onValidate: (isValid: boolean) => void;
-    queryToValidate: SQLQuery;
-}
-export declare function RawEditor({ db, query, onChange, onRunQuery, onValidate, queryToValidate, range }: RawEditorProps): JSX.Element;
-export {};