@grafana/plugin-ui 0.10.9 → 0.11.0

package/dist/cjs/index.d.cts

@@ -1,4 +1,6 @@
-import React, { ComponentProps, PureComponent, ReactElement, ReactNode, FunctionComponent, HTMLProps } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ComponentProps, PureComponent, ReactElement, ReactNode, FunctionComponent, HTMLProps } from 'react';
 import { Input, Segment as Segment$1, monacoTypes, Monaco, ButtonProps, Field, PopoverContent, Switch, SelectCommonProps, InlineLabel } from '@grafana/ui';
 import * as _grafana_data from '@grafana/data';
 import { DataSourceInstanceSettings, SelectableValue, DataSourceJsonData, VariableSuggestion, TimeRange, DataFrame, MetricFindValue, ThemeSpacingTokens, ScopedVars, DataFrameView, VariableModel, QueryEditorProps as QueryEditorProps$1, DataSourceSettings, RegistryItem, DataSourceApi, Registry, DataQuery as DataQuery$1, PanelData, DataSourcePluginMeta, PluginMetaInfo, PluginMeta, PluginInclude, PluginType, PluginIncludeType, PluginState, PluginDependencies, PluginSignatureStatus, LoadingState } from '@grafana/data';
@@ -13,21 +15,21 @@ interface QueryEditorRowProps {
     noFillEnd?: boolean;
     children?: React.ReactNode;
 }
-declare const QueryEditorRow: (props: QueryEditorRowProps) => React.JSX.Element;
+declare const QueryEditorRow: (props: QueryEditorRowProps) => react_jsx_runtime.JSX.Element;
 
 interface DebounceInputProps extends Omit<ComponentProps<typeof Input>, 'ref'> {
     value: string;
     onDebounce: (debouncedInput?: string) => void;
     delay?: number;
 }
-declare const DebounceInput: (props: DebounceInputProps) => React.JSX.Element;
+declare const DebounceInput: (props: DebounceInputProps) => react_jsx_runtime.JSX.Element;
 
 interface SegmentProps<T> extends Omit<ComponentProps<typeof Segment$1<T>>, 'onChange'> {
     value: T;
     onDebounce: (debouncedSegment?: T) => void;
     delay?: number;
 }
-declare function Segment<T>(props: SegmentProps<T>): React.JSX.Element;
+declare function Segment<T>(props: SegmentProps<T>): react_jsx_runtime.JSX.Element;
 
 interface DatePickerProps {
     isOpen?: boolean;
@@ -35,14 +37,14 @@ interface DatePickerProps {
     onChange: (value: Date) => void;
     value?: Date;
 }
-declare const DatePicker: React.NamedExoticComponent<DatePickerProps>;
+declare const DatePicker: react.NamedExoticComponent<DatePickerProps>;
 
 declare const formatDate: (date: Date) => string;
 interface DatePickerWithInputProps extends Omit<ComponentProps<typeof Input>, 'ref' | 'value' | 'onChange'> {
     value?: Date;
     onChange: (value: Date) => void;
 }
-declare const DatePickerWithInput: (props: DatePickerWithInputProps) => React.JSX.Element;
+declare const DatePickerWithInput: (props: DatePickerWithInputProps) => react_jsx_runtime.JSX.Element;
 
 interface Props$s {
     onChange: (ds: DataSourceInstanceSettings) => void;
@@ -73,7 +75,7 @@ declare class DataSourcePicker extends PureComponent<Props$s, State$1> {
     onChange: (item: SelectableValue<string>) => void;
     private getCurrentValue;
     getDataSourceOptions(): Array<SelectableValue<string>>;
-    render(): React.JSX.Element;
+    render(): react_jsx_runtime.JSX.Element;
 }
 
 type DataLinkConfig = {
@@ -88,7 +90,7 @@ type Props$r = {
     value?: DataLinkConfig[];
     onChange: (value: DataLinkConfig[]) => void;
 };
-declare const DataLinks: (props: Props$r) => React.JSX.Element;
+declare const DataLinks: (props: Props$r) => react_jsx_runtime.JSX.Element;
 
 type Props$q = {
     value: DataLinkConfig;
@@ -98,7 +100,7 @@ type Props$q = {
     suggestions: VariableSuggestion[];
     className?: string;
 };
-declare const DataLink: (props: Props$q) => React.JSX.Element;
+declare const DataLink: (props: Props$q) => react_jsx_runtime.JSX.Element;
 
 declare function applyQueryDefaults(q?: SQLQuery): SQLQuery;
 type QueryWithDefaults = ReturnType<typeof applyQueryDefaults>;
@@ -439,7 +441,7 @@ interface SQLEditorProps {
     width?: number;
     height?: number;
 }
-declare const SQLEditor: ({ children, onBlur, onChange, query, language, width, height, }: SQLEditorProps) => React.JSX.Element;
+declare const SQLEditor: ({ children, onBlur, onChange, query, language, width, height, }: SQLEditorProps) => react_jsx_runtime.JSX.Element;
 
 interface TestQueryModel {
     query: string;
@@ -533,6 +535,8 @@ interface SQLQuery extends DataQuery {
     format?: QueryFormat;
     rawSql?: string;
     dataset?: string;
+    catalog?: string;
+    schema?: string;
     table?: string;
     sql?: SQLExpression;
     editorMode?: EditorMode;
@@ -594,7 +598,9 @@ interface Aggregate {
 interface DB {
     init?: (datasourceId?: string) => Promise<boolean>;
     datasets: () => Promise<string[]>;
-    tables: (dataset?: string) => Promise<string[]>;
+    catalogs?: () => Promise<string[]>;
+    schemas?: (catalog?: string) => Promise<string[]>;
+    tables: (dataset?: string, catalog?: string, schema?: string) => Promise<string[]>;
     fields: (query: SQLQuery, order?: boolean) => Promise<SQLSelectableValue[]>;
     validateQuery: (query: SQLQuery, range?: TimeRange) => Promise<ValidationResults>;
     dsID: () => number;
@@ -608,6 +614,7 @@ interface DB {
     functions: () => Promise<Aggregate[]>;
     labels?: Map<'dataset', string>;
     disableDatasets?: boolean;
+    disableCatalogs?: boolean;
 }
 interface QueryEditorProps {
     db: DB;
@@ -643,20 +650,20 @@ interface GroupByRowProps {
     onSqlChange: (sql: SQLExpression) => void;
     columns?: Array<SelectableValue<string>>;
 }
-declare function GroupByRow({ sql, columns, onSqlChange }: GroupByRowProps): React.JSX.Element;
+declare function GroupByRow({ sql, columns, onSqlChange }: GroupByRowProps): react_jsx_runtime.JSX.Element;
 
 type AccessoryButtonProps = ButtonProps & {};
-declare const AccessoryButton: ({ className, ...props }: AccessoryButtonProps) => React.JSX.Element;
+declare const AccessoryButton: ({ className, ...props }: AccessoryButtonProps) => react_jsx_runtime.JSX.Element;
 
 interface EditorFieldGroupProps {
     children?: React.ReactNode;
 }
-declare const EditorFieldGroup: ({ children }: EditorFieldGroupProps) => React.JSX.Element;
+declare const EditorFieldGroup: ({ children }: EditorFieldGroupProps) => react_jsx_runtime.JSX.Element;
 
 interface EditorHeaderProps {
     children?: React.ReactNode;
 }
-declare const EditorHeader: ({ children }: EditorHeaderProps) => React.JSX.Element;
+declare const EditorHeader: ({ children }: EditorHeaderProps) => react_jsx_runtime.JSX.Element;
 
 interface EditorFieldProps extends ComponentProps<typeof Field> {
     label: string;
@@ -666,32 +673,32 @@ interface EditorFieldProps extends ComponentProps<typeof Field> {
     tooltip?: PopoverContent;
     tooltipInteractive?: boolean;
 }
-declare const EditorField: (props: EditorFieldProps) => React.JSX.Element;
+declare const EditorField: (props: EditorFieldProps) => react_jsx_runtime.JSX.Element;
 
 interface EditorRowProps {
     children?: React.ReactNode;
 }
-declare const EditorRow: ({ children }: EditorRowProps) => React.JSX.Element;
+declare const EditorRow: ({ children }: EditorRowProps) => react_jsx_runtime.JSX.Element;
 
 interface EditorListProps<T> {
     items: Array<Partial<T>>;
-    renderItem: (item: Partial<T>, onChangeItem: (item: Partial<T>) => void, onDeleteItem: () => void) => React.ReactElement;
+    renderItem: (item: Partial<T>, onChangeItem: (item: Partial<T>) => void, onDeleteItem: () => void) => ReactElement;
     onChange: (items: Array<Partial<T>>) => void;
 }
-declare const EditorList: React.ForwardRefExoticComponent<EditorListProps<unknown> & React.RefAttributes<HTMLButtonElement>>;
+declare const EditorList: react.ForwardRefExoticComponent<EditorListProps<unknown> & react.RefAttributes<HTMLButtonElement>>;
 
 interface EditorRowsProps {
     children?: React.ReactNode;
 }
-declare const EditorRows: ({ children }: EditorRowsProps) => React.JSX.Element;
+declare const EditorRows: ({ children }: EditorRowsProps) => react_jsx_runtime.JSX.Element;
 
-declare const EditorSwitch: (props: ComponentProps<typeof Switch>) => React.JSX.Element;
+declare const EditorSwitch: (props: ComponentProps<typeof Switch>) => react_jsx_runtime.JSX.Element;
 
 interface FlexItemProps {
     grow?: number;
     shrink?: number;
 }
-declare const FlexItem: ({ grow, shrink }: FlexItemProps) => React.JSX.Element;
+declare const FlexItem: ({ grow, shrink }: FlexItemProps) => react_jsx_runtime.JSX.Element;
 
 type Direction = 'row' | 'row-reverse' | 'column' | 'column-reverse';
 type AlignItems = 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'start' | 'end' | 'self-start' | 'self-end';
@@ -702,12 +709,12 @@ interface StackProps {
     wrap?: boolean;
     gap?: ThemeSpacingTokens;
 }
-declare const EditorStack: ({ children, wrap: wrapItems, ...props }: StackProps) => React.JSX.Element;
+declare const EditorStack: ({ children, wrap: wrapItems, ...props }: StackProps) => react_jsx_runtime.JSX.Element;
 
 interface InlineSelectProps<T> extends SelectCommonProps<T> {
     label?: string;
 }
-declare function InlineSelect<T>({ label: labelProp, ...props }: InlineSelectProps<T>): React.JSX.Element;
+declare function InlineSelect<T>({ label: labelProp, ...props }: InlineSelectProps<T>): react_jsx_runtime.JSX.Element;
 
 type Child = string | undefined | ReactElement<{
     className?: string;
@@ -716,7 +723,7 @@ type Child = string | undefined | ReactElement<{
 interface InputGroupProps {
     children: Child | Child[];
 }
-declare const InputGroup: ({ children }: InputGroupProps) => React.JSX.Element;
+declare const InputGroup: ({ children }: InputGroupProps) => react_jsx_runtime.JSX.Element;
 
 interface SpaceProps {
     v?: number;
@@ -724,7 +731,7 @@ interface SpaceProps {
     layout?: 'block' | 'inline';
 }
 declare const Space: {
-    (props: SpaceProps): React.JSX.Element;
+    (props: SpaceProps): react_jsx_runtime.JSX.Element;
     defaultProps: {
         v: number;
         h: number;
@@ -786,7 +793,7 @@ interface MetricFindQueryOptions extends SearchFilterOptions {
 
 interface Props$p extends QueryEditorProps$1<SqlDatasource, SQLQuery, SQLOptions> {
 }
-declare function SqlQueryEditor({ datasource, query, onChange, onRunQuery, range }: Props$p): React.JSX.Element | null;
+declare function SqlQueryEditor({ datasource, query, onChange, onRunQuery, range }: Props$p): react_jsx_runtime.JSX.Element | null;
 
 type RunQueryButtonProps = {
     ariaLabel?: string;
@@ -797,7 +804,48 @@ type RunQueryButtonProps = {
     onClick: () => void;
     dataTestId?: string;
 };
-declare const RunQueryButton: ({ ariaLabel, queryRunning, queryInvalid, invalidQueryTooltip, disabled, onClick, dataTestId, }: RunQueryButtonProps) => React.JSX.Element;
+declare const RunQueryButton: ({ ariaLabel, queryRunning, queryInvalid, invalidQueryTooltip, disabled, onClick, dataTestId, }: RunQueryButtonProps) => react_jsx_runtime.JSX.Element;
+
+interface DatasetSelectorProps extends ResourceSelectorProps {
+    db: DB;
+    dataset: string;
+    value: string | null;
+    applyDefault?: boolean;
+    disabled?: boolean;
+    onChange: (v: SelectableValue) => void;
+    inputId?: string;
+}
+declare const DatasetSelector: ({ db, dataset, value, onChange, disabled, className, applyDefault, inputId, }: DatasetSelectorProps) => react_jsx_runtime.JSX.Element;
+
+interface CatalogSelectorProps {
+    db: DB;
+    inputId?: string;
+    value: string | null;
+    onChange: (catalog: string | null) => void;
+}
+declare const CatalogSelector: ({ db, inputId, value, onChange }: CatalogSelectorProps) => react_jsx_runtime.JSX.Element;
+
+interface SchemaSelectorProps {
+    db: DB;
+    inputId?: string;
+    catalog?: string;
+    value: string | null;
+    onChange: (schema: string | null) => void;
+}
+declare const SchemaSelector: ({ db, inputId, catalog, value, onChange }: SchemaSelectorProps) => react_jsx_runtime.JSX.Element;
+
+interface TableSelectorProps extends ResourceSelectorProps {
+    db: DB;
+    dataset?: string;
+    catalog?: string;
+    schema?: string;
+    value: string | null;
+    query: QueryWithDefaults;
+    onChange: (v: SelectableValue) => void;
+    inputId?: string;
+    enableCatalogs?: boolean;
+}
+declare const TableSelector: ({ db, dataset, catalog, schema, value, className, onChange, inputId, enableCatalogs, }: TableSelectorProps) => react_jsx_runtime.JSX.Element;
 
 type Props$o = Omit<React.ComponentProps<typeof InlineLabel>, 'children' | 'onChange'> & {
     dataSourceConfig: DataSourceSettings<any, any>;
@@ -812,7 +860,7 @@ type Props$n = {
     hasRequiredFields?: boolean;
     className?: string;
 };
-declare const DataSourceDescription: ({ dataSourceName, docsLink, hasRequiredFields, className }: Props$n) => React.JSX.Element;
+declare const DataSourceDescription: ({ dataSourceName, docsLink, hasRequiredFields, className }: Props$n) => react_jsx_runtime.JSX.Element;
 
 type Props$m = {
     title: string;
@@ -824,17 +872,17 @@ type Props$m = {
 };
 
 type Props$l = Omit<Props$m, 'kind'>;
-declare const ConfigSection: ({ children, ...props }: React.PropsWithChildren<Props$l>) => React.JSX.Element;
+declare const ConfigSection: ({ children, ...props }: React.PropsWithChildren<Props$l>) => react_jsx_runtime.JSX.Element;
 
 type Props$k = Omit<Props$m, 'kind'>;
-declare const ConfigSubSection: ({ children, ...props }: React.PropsWithChildren<Props$k>) => React.JSX.Element;
+declare const ConfigSubSection: ({ children, ...props }: React.PropsWithChildren<Props$k>) => react_jsx_runtime.JSX.Element;
 
 type Props$j = {
     description: string;
     suffix: string;
     feature: string;
 };
-declare function ConfigDescriptionLink(props: Props$j): React.JSX.Element;
+declare function ConfigDescriptionLink(props: Props$j): react_jsx_runtime.JSX.Element;
 
 declare enum AuthMethod {
     NoAuth = "NoAuth",
@@ -904,7 +952,7 @@ type Props$f = {
     skipTLSVerification: Omit<Props$g, 'readOnly'>;
     readOnly: boolean;
 };
-declare const TLSSettings: ({ selfSignedCertificate, TLSClientAuth, skipTLSVerification, readOnly }: Props$f) => React.JSX.Element;
+declare const TLSSettings: ({ selfSignedCertificate, TLSClientAuth, skipTLSVerification, readOnly }: Props$f) => react_jsx_runtime.JSX.Element;
 
 type Props$e = {
     user?: string;
@@ -939,7 +987,7 @@ type Props$c = {
     customHeaders?: Omit<Props$d, 'readOnly'>;
     readOnly?: boolean;
 };
-declare const Auth: ({ selectedMethod, mostCommonMethod, visibleMethods, defaultOptionsOverrides, customMethods, onAuthMethodSelect, basicAuth, TLS, customHeaders, readOnly, }: Props$c) => React.JSX.Element;
+declare const Auth: ({ selectedMethod, mostCommonMethod, visibleMethods, defaultOptionsOverrides, customMethods, onAuthMethodSelect, basicAuth, TLS, customHeaders, readOnly, }: Props$c) => react_jsx_runtime.JSX.Element;
 
 type DataSourceExclusiveConfig = {
     readOnly: DataSourceSettings['readOnly'];
@@ -1000,7 +1048,7 @@ declare class CustomHeadersSettings extends PureComponent<Props$9, State> {
     onHeaderChange: (headerIndex: number, value: CustomHeader) => void;
     onHeaderReset: (headerId: string) => void;
     onHeaderRemove: (headerId: string) => void;
-    render(): React.JSX.Element;
+    render(): react_jsx_runtime.JSX.Element;
 }
 
 interface QueryBuilderLabelFilter {
@@ -1118,14 +1166,14 @@ interface Props$8 {
     labelFilterRequired?: boolean;
     multiValueSeparator?: string;
 }
-declare function LabelFilters({ labelsFilters, onChange, onGetLabelNames, onGetLabelValues, labelFilterRequired, multiValueSeparator, }: Props$8): React.JSX.Element;
+declare function LabelFilters({ labelsFilters, onChange, onGetLabelNames, onGetLabelValues, labelFilterRequired, multiValueSeparator, }: Props$8): react_jsx_runtime.JSX.Element;
 
 interface Props$7 {
     title?: React.ReactNode;
     markdown?: string;
     stepNumber?: number;
 }
-declare function OperationExplainedBox({ title, stepNumber, markdown, children }: React.PropsWithChildren<Props$7>): React.JSX.Element;
+declare function OperationExplainedBox({ title, stepNumber, markdown, children }: React.PropsWithChildren<Props$7>): react_jsx_runtime.JSX.Element;
 
 interface Props$6<T extends VisualQuery> {
     query: T;
@@ -1138,7 +1186,7 @@ interface Props$6<T extends VisualQuery> {
     timeRange?: TimeRange;
     isConflictingOperation?: (operation: QueryBuilderOperation, otherOperations: QueryBuilderOperation[]) => boolean;
 }
-declare function OperationList<T extends VisualQuery>({ query, datasource, queryModeller, onChange, onRunQuery, highlightedOp, timeRange, isConflictingOperation, }: Props$6<T>): React.JSX.Element;
+declare function OperationList<T extends VisualQuery>({ query, datasource, queryModeller, onChange, onRunQuery, highlightedOp, timeRange, isConflictingOperation, }: Props$6<T>): react_jsx_runtime.JSX.Element;
 
 interface Props$5<T extends VisualQuery> {
     query: T;
@@ -1152,9 +1200,9 @@ interface Props$5<T extends VisualQuery> {
     onMouseEnter?: (op: QueryBuilderOperation, index: number) => void;
     onMouseLeave?: (op: QueryBuilderOperation, index: number) => void;
 }
-declare function OperationListExplained<T extends VisualQuery>({ query, queryModeller, stepNumber, language, onMouseEnter, onMouseLeave, }: Props$5<T>): React.JSX.Element;
+declare function OperationListExplained<T extends VisualQuery>({ query, queryModeller, stepNumber, language, onMouseEnter, onMouseLeave, }: Props$5<T>): react_jsx_runtime.JSX.Element;
 
-declare function OperationsEditorRow({ children }: React.PropsWithChildren<{}>): React.JSX.Element;
+declare function OperationsEditorRow({ children }: React.PropsWithChildren<{}>): react_jsx_runtime.JSX.Element;
 
 interface Props$4<TVisualQuery extends VisualQuery, TDataQuery extends DataQuery$1> {
     query: TVisualQuery;
@@ -1169,7 +1217,7 @@ interface Props$4<TVisualQuery extends VisualQuery, TDataQuery extends DataQuery
     data?: PanelData;
 }
 declare const QueryBuilderHints: {
-    <TVisualQuery extends VisualQuery, TDataQuery extends DataQuery$1>({ datasource, query: visualQuery, onChange, data, queryModeller, buildVisualQueryFromString, buildDataQueryFromQueryString, buildQueryStringFromDataQuery, }: Props$4<TVisualQuery, TDataQuery>): React.JSX.Element;
+    <TVisualQuery extends VisualQuery, TDataQuery extends DataQuery$1>({ datasource, query: visualQuery, onChange, data, queryModeller, buildVisualQueryFromString, buildDataQueryFromQueryString, buildQueryStringFromDataQuery, }: Props$4<TVisualQuery, TDataQuery>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -1177,20 +1225,20 @@ interface Props$3 {
     mode: QueryEditorMode;
     onChange: (mode: QueryEditorMode) => void;
 }
-declare function QueryEditorModeToggle({ mode, onChange }: Props$3): React.JSX.Element;
+declare function QueryEditorModeToggle({ mode, onChange }: Props$3): react_jsx_runtime.JSX.Element;
 
 interface Props$2 extends Omit<HTMLProps<HTMLInputElement>, 'value' | 'ref'> {
     value?: boolean;
     label: string;
 }
-declare function QueryHeaderSwitch({ label, ...inputProps }: Props$2): React.JSX.Element;
+declare function QueryHeaderSwitch({ label, ...inputProps }: Props$2): react_jsx_runtime.JSX.Element;
 
 interface Props$1 {
     title: string;
     collapsedInfo: string[];
     queryStats?: QueryStats | null;
 }
-declare function QueryOptionGroup({ title, children, collapsedInfo, queryStats }: React.PropsWithChildren<Props$1>): React.JSX.Element;
+declare function QueryOptionGroup({ title, children, collapsedInfo, queryStats }: React.PropsWithChildren<Props$1>): react_jsx_runtime.JSX.Element;
 
 interface Props {
     query: string;
@@ -1200,7 +1248,7 @@ interface Props {
     };
     className?: string;
 }
-declare function RawQuery({ query, language, className }: Props): React.JSX.Element;
+declare function RawQuery({ query, language, className }: Props): react_jsx_runtime.JSX.Element;
 
 declare class DatasourceMock extends DataSourceWithBackend {
     query: jest.Mock<any, any>;
@@ -1275,4 +1323,4 @@ declare const openSelect: (container: HTMLElement, optionLabel?: string) => void
 declare const selectOption: (container: HTMLElement, optionLabel: string, typeOptionLabel?: boolean) => Promise<void>;
 declare const generateOptions: () => Array<SelectableValue<string>>;
 
-export { AccessoryButton, AdvancedHttpSettings, type Aggregate, Auth, AuthMethod, type Props$c as AuthProps, BINARY_OPERATIONS_KEY, type ColumnDefinition, CompletionItemInsertTextRule, CompletionItemKind, CompletionItemPriority, ConfigDescriptionLink, ConfigSection, ConfigSubSection, ConnectionSettings, CustomHeadersSettings, type DB, DataLink, type DataLinkConfig, DataLinks, DataSourceDescription, DataSourcePicker, DatePicker, type DatePickerProps, DatePickerWithInput, type DatePickerWithInputProps, DebounceInput, type DebounceInputProps, EditorField, EditorFieldGroup, EditorHeader, EditorList, EditorMode, EditorRow, EditorRows, EditorStack, EditorSwitch, FlexItem, GroupByRow, InlineSelect, InputGroup, LabelFilters, type LanguageCompletionProvider, type LanguageDefinition, LinkedToken, MacroType, type MetaDefinition, type NameValue, OperationExplainedBox, OperationList, OperationListExplained, OperationsEditorRow, OperatorType, type PositionContext, type Props$s as Props, QUERY_FORMAT_OPTIONS, QueryBuilderHints, type QueryBuilderLabelFilter, type QueryBuilderOperation, type QueryBuilderOperationDefinition, type QueryBuilderOperationParamDef, type QueryBuilderOperationParamEditorProps, type QueryBuilderOperationParamValue, QueryEditorMode, QueryEditorModeToggle, type QueryEditorProps, QueryEditorRow, QueryFormat, QueryHeaderSwitch, QueryModellerBase, QueryOptionGroup, type QueryRowFilter, type QueryStats, type RAQBFieldTypes, RawQuery, type ResourceSelectorProps, type ResponseParser, RunQueryButton, type SQLConnectionLimits, SQLEditor, SQLEditorMode, SQLEditorTestUtils, type SQLExpression, type SQLFilters, type SQLMonarchLanguage, type SQLOptions, type SQLQuery, type SQLSelectableValue, type SchemaDefinition, SecureSocksProxyToggle, Segment, type SegmentProps, Space, SqlDatasource, SqlQueryEditor, type SqlQueryForInterpolation, type SqlQueryModel, type State$1 as State, type StatementPlacementProvider, StatementPosition, SuggestionKind, type SuggestionKindProvider, TLSSettings, type Props$f as TLSSettingsProps, type TableDefinition, type TableFieldSchema, type TableIdentifier, type TableSchema, type TestQueryModel, TokenType, type ValidationResults, type VisualQuery, type VisualQueryBinary, type VisualQueryModeller, convertLegacyAuthProps, formatDate, generateArrayOf, generateBoolean, generateOptions, getStandardSQLCompletionProvider, language as grafanaStandardSQLLanguage, conf as grafanaStandardSQLLanguageConf, mockDataQuery, mockDataSourcePluginMeta, mockDatasource, mockDatasourceInstanceSettings, mockLoadingState, mockPluginDependencies, mockPluginInclude, mockPluginIncludeType, mockPluginMeta, mockPluginMetaInfo, mockPluginSignatureStatus, mockPluginState, mockPluginType, mockQueryEditorProps, mockTimeRange, openSelect, selectOption, toOption, undefinedOr };
+export { AccessoryButton, AdvancedHttpSettings, type Aggregate, Auth, AuthMethod, type Props$c as AuthProps, BINARY_OPERATIONS_KEY, CatalogSelector, type ColumnDefinition, CompletionItemInsertTextRule, CompletionItemKind, CompletionItemPriority, ConfigDescriptionLink, ConfigSection, ConfigSubSection, ConnectionSettings, CustomHeadersSettings, type DB, DataLink, type DataLinkConfig, DataLinks, DataSourceDescription, DataSourcePicker, DatasetSelector, DatePicker, type DatePickerProps, DatePickerWithInput, type DatePickerWithInputProps, DebounceInput, type DebounceInputProps, EditorField, EditorFieldGroup, EditorHeader, EditorList, EditorMode, EditorRow, EditorRows, EditorStack, EditorSwitch, FlexItem, GroupByRow, InlineSelect, InputGroup, LabelFilters, type LanguageCompletionProvider, type LanguageDefinition, LinkedToken, MacroType, type MetaDefinition, type NameValue, OperationExplainedBox, OperationList, OperationListExplained, OperationsEditorRow, OperatorType, type PositionContext, type Props$s as Props, QUERY_FORMAT_OPTIONS, QueryBuilderHints, type QueryBuilderLabelFilter, type QueryBuilderOperation, type QueryBuilderOperationDefinition, type QueryBuilderOperationParamDef, type QueryBuilderOperationParamEditorProps, type QueryBuilderOperationParamValue, QueryEditorMode, QueryEditorModeToggle, type QueryEditorProps, QueryEditorRow, QueryFormat, QueryHeaderSwitch, QueryModellerBase, QueryOptionGroup, type QueryRowFilter, type QueryStats, type RAQBFieldTypes, RawQuery, type ResourceSelectorProps, type ResponseParser, RunQueryButton, type SQLConnectionLimits, SQLEditor, SQLEditorMode, SQLEditorTestUtils, type SQLExpression, type SQLFilters, type SQLMonarchLanguage, type SQLOptions, type SQLQuery, type SQLSelectableValue, type SchemaDefinition, SchemaSelector, SecureSocksProxyToggle, Segment, type SegmentProps, Space, SqlDatasource, SqlQueryEditor, type SqlQueryForInterpolation, type SqlQueryModel, type State$1 as State, type StatementPlacementProvider, StatementPosition, SuggestionKind, type SuggestionKindProvider, TLSSettings, type Props$f as TLSSettingsProps, type TableDefinition, type TableFieldSchema, type TableIdentifier, type TableSchema, TableSelector, type TestQueryModel, TokenType, type ValidationResults, type VisualQuery, type VisualQueryBinary, type VisualQueryModeller, convertLegacyAuthProps, formatDate, generateArrayOf, generateBoolean, generateOptions, getStandardSQLCompletionProvider, language as grafanaStandardSQLLanguage, conf as grafanaStandardSQLLanguageConf, mockDataQuery, mockDataSourcePluginMeta, mockDatasource, mockDatasourceInstanceSettings, mockLoadingState, mockPluginDependencies, mockPluginInclude, mockPluginIncludeType, mockPluginMeta, mockPluginMetaInfo, mockPluginSignatureStatus, mockPluginState, mockPluginType, mockQueryEditorProps, mockTimeRange, openSelect, selectOption, toOption, undefinedOr };

package/dist/esm/components/ConfigEditor/AdvancedSettings/AdvancedHttpSettings.js

@@ -1,6 +1,7 @@
-import React__default from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { css, cx } from '@emotion/css';
 import { InlineField, TagsInput, Input } from '@grafana/ui';
+import 'react';
 import { ConfigSubSection } from '../ConfigSection/ConfigSubSection.js';
 import '@grafana/data';
 
@@ -32,48 +33,51 @@ const AdvancedHttpSettings = ({
       maxWidth: 578
     })
   };
-  return /* @__PURE__ */ React__default.createElement(ConfigSubSection, { title: "Advanced HTTP settings", className: cx(styles.container, className) }, /* @__PURE__ */ React__default.createElement(
-    InlineField,
-    {
-      htmlFor: "advanced-http-cookies",
-      label: "Allowed cookies",
-      labelWidth: 24,
-      tooltip: "Grafana proxy deletes forwarded cookies by default. Specify cookies by name that should be forwarded to the data source.",
-      disabled: config.readOnly,
-      grow: true
-    },
-    /* @__PURE__ */ React__default.createElement(
-      TagsInput,
+  return /* @__PURE__ */ jsxs(ConfigSubSection, { title: "Advanced HTTP settings", className: cx(styles.container, className), children: [
+    /* @__PURE__ */ jsx(
+      InlineField,
       {
-        id: "advanced-http-cookies",
-        placeholder: "New cookie (hit enter to add)",
-        tags: config.jsonData.keepCookies,
-        onChange: onCookiesChange
+        htmlFor: "advanced-http-cookies",
+        label: "Allowed cookies",
+        labelWidth: 24,
+        tooltip: "Grafana proxy deletes forwarded cookies by default. Specify cookies by name that should be forwarded to the data source.",
+        disabled: config.readOnly,
+        grow: true,
+        children: /* @__PURE__ */ jsx(
+          TagsInput,
+          {
+            id: "advanced-http-cookies",
+            placeholder: "New cookie (hit enter to add)",
+            tags: config.jsonData.keepCookies,
+            onChange: onCookiesChange
+          }
+        )
       }
-    )
-  ), /* @__PURE__ */ React__default.createElement(
-    InlineField,
-    {
-      htmlFor: "advanced-http-timeout",
-      label: "Timeout",
-      labelWidth: 24,
-      tooltip: "HTTP request timeout in seconds",
-      disabled: config.readOnly,
-      grow: true
-    },
-    /* @__PURE__ */ React__default.createElement(
-      Input,
+    ),
+    /* @__PURE__ */ jsx(
+      InlineField,
       {
-        id: "advanced-http-timeout",
-        type: "number",
-        min: 0,
-        placeholder: "Timeout in seconds",
-        "aria-label": "Timeout in seconds",
-        value: config.jsonData.timeout,
-        onChange: onTimeoutChange
+        htmlFor: "advanced-http-timeout",
+        label: "Timeout",
+        labelWidth: 24,
+        tooltip: "HTTP request timeout in seconds",
+        disabled: config.readOnly,
+        grow: true,
+        children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "advanced-http-timeout",
+            type: "number",
+            min: 0,
+            placeholder: "Timeout in seconds",
+            "aria-label": "Timeout in seconds",
+            value: config.jsonData.timeout,
+            onChange: onTimeoutChange
+          }
+        )
       }
     )
-  ));
+  ] });
 };
 
 export { AdvancedHttpSettings };

package/dist/esm/components/ConfigEditor/AdvancedSettings/AdvancedHttpSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdvancedHttpSettings.js","sources":["../../../../../src/components/ConfigEditor/AdvancedSettings/AdvancedHttpSettings.tsx"],"sourcesContent":["import React from 'react';\nimport { css, cx } from '@emotion/css';\nimport { InlineField, Input, TagsInput } from '@grafana/ui';\nimport { ConfigSubSection } from '../ConfigSection';\nimport { type Config, type OnChangeHandler } from '../types';\n\nexport type Props<C extends Config = Config> = {\n  config: C;\n  onChange: OnChangeHandler<C>;\n  className?: string;\n};\n\nexport const AdvancedHttpSettings: <C extends Config = Config>(props: Props<C>) => JSX.Element = ({\n  config,\n  onChange,\n  className,\n}) => {\n  const onCookiesChange = (cookies: string[]) => {\n    onChange({\n      ...config,\n      jsonData: {\n        ...config.jsonData,\n        keepCookies: cookies,\n      },\n    });\n  };\n\n  const onTimeoutChange = (event: React.FormEvent<HTMLInputElement>) => {\n    onChange({\n      ...config,\n      jsonData: {\n        ...config.jsonData,\n        timeout: parseInt(event.currentTarget.value, 10),\n      },\n    });\n  };\n\n  const styles = {\n    container: css({\n      maxWidth: 578,\n    }),\n  };\n\n  return (\n    <ConfigSubSection title=\"Advanced HTTP settings\" className={cx(styles.container, className)}>\n      <InlineField\n        htmlFor=\"advanced-http-cookies\"\n        label=\"Allowed cookies\"\n        labelWidth={24}\n        tooltip=\"Grafana proxy deletes forwarded cookies by default. Specify cookies by name that should be forwarded to the data source.\"\n        disabled={config.readOnly}\n        grow\n      >\n        <TagsInput\n          id=\"advanced-http-cookies\"\n          placeholder=\"New cookie (hit enter to add)\"\n          tags={config.jsonData.keepCookies}\n          onChange={onCookiesChange}\n        />\n      </InlineField>\n\n      <InlineField\n        htmlFor=\"advanced-http-timeout\"\n        label=\"Timeout\"\n        labelWidth={24}\n        tooltip=\"HTTP request timeout in seconds\"\n        disabled={config.readOnly}\n        grow\n      >\n        <Input\n          id=\"advanced-http-timeout\"\n          type=\"number\"\n          min={0}\n          placeholder=\"Timeout in seconds\"\n          aria-label=\"Timeout in seconds\"\n          value={config.jsonData.timeout}\n          onChange={onTimeoutChange}\n        />\n      </InlineField>\n    </ConfigSubSection>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;AAYO,MAAM,uBAAoF,CAAC;AAAA,EAChG,MAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAM,KAAA;AACJ,EAAM,MAAA,eAAA,GAAkB,CAAC,OAAsB,KAAA;AAC7C,IAAS,QAAA,CAAA;AAAA,MACP,GAAG,MAAA;AAAA,MACH,QAAU,EAAA;AAAA,QACR,GAAG,MAAO,CAAA,QAAA;AAAA,QACV,WAAa,EAAA;AAAA;AACf,KACD,CAAA;AAAA,GACH;AAEA,EAAM,MAAA,eAAA,GAAkB,CAAC,KAA6C,KAAA;AACpE,IAAS,QAAA,CAAA;AAAA,MACP,GAAG,MAAA;AAAA,MACH,QAAU,EAAA;AAAA,QACR,GAAG,MAAO,CAAA,QAAA;AAAA,QACV,OAAS,EAAA,QAAA,CAAS,KAAM,CAAA,aAAA,CAAc,OAAO,EAAE;AAAA;AACjD,KACD,CAAA;AAAA,GACH;AAEA,EAAA,MAAM,MAAS,GAAA;AAAA,IACb,WAAW,GAAI,CAAA;AAAA,MACb,QAAU,EAAA;AAAA,KACX;AAAA,GACH;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,oBAAiB,KAAM,EAAA,wBAAA,EAAyB,WAAW,EAAG,CAAA,MAAA,CAAO,SAAW,EAAA,SAAS,CACxF,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,uBAAA;AAAA,MACR,KAAM,EAAA,iBAAA;AAAA,MACN,UAAY,EAAA,EAAA;AAAA,MACZ,OAAQ,EAAA,0HAAA;AAAA,MACR,UAAU,MAAO,CAAA,QAAA;AAAA,MACjB,IAAI,EAAA;AAAA,KAAA;AAAA,oBAEJA,cAAA,CAAA,aAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,EAAG,EAAA,uBAAA;AAAA,QACH,WAAY,EAAA,+BAAA;AAAA,QACZ,IAAA,EAAM,OAAO,QAAS,CAAA,WAAA;AAAA,QACtB,QAAU,EAAA;AAAA;AAAA;AACZ,GAGF,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,uBAAA;AAAA,MACR,KAAM,EAAA,SAAA;AAAA,MACN,UAAY,EAAA,EAAA;AAAA,MACZ,OAAQ,EAAA,iCAAA;AAAA,MACR,UAAU,MAAO,CAAA,QAAA;AAAA,MACjB,IAAI,EAAA;AAAA,KAAA;AAAA,oBAEJA,cAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,EAAG,EAAA,uBAAA;AAAA,QACH,IAAK,EAAA,QAAA;AAAA,QACL,GAAK,EAAA,CAAA;AAAA,QACL,WAAY,EAAA,oBAAA;AAAA,QACZ,YAAW,EAAA,oBAAA;AAAA,QACX,KAAA,EAAO,OAAO,QAAS,CAAA,OAAA;AAAA,QACvB,QAAU,EAAA;AAAA;AAAA;AACZ,GAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"AdvancedHttpSettings.js","sources":["../../../../../src/components/ConfigEditor/AdvancedSettings/AdvancedHttpSettings.tsx"],"sourcesContent":["import { css, cx } from '@emotion/css';\nimport { InlineField, Input, TagsInput } from '@grafana/ui';\nimport { ConfigSubSection } from '../ConfigSection';\nimport { type Config, type OnChangeHandler } from '../types';\n\nexport type Props<C extends Config = Config> = {\n  config: C;\n  onChange: OnChangeHandler<C>;\n  className?: string;\n};\n\nexport const AdvancedHttpSettings: <C extends Config = Config>(props: Props<C>) => JSX.Element = ({\n  config,\n  onChange,\n  className,\n}) => {\n  const onCookiesChange = (cookies: string[]) => {\n    onChange({\n      ...config,\n      jsonData: {\n        ...config.jsonData,\n        keepCookies: cookies,\n      },\n    });\n  };\n\n  const onTimeoutChange = (event: React.FormEvent<HTMLInputElement>) => {\n    onChange({\n      ...config,\n      jsonData: {\n        ...config.jsonData,\n        timeout: parseInt(event.currentTarget.value, 10),\n      },\n    });\n  };\n\n  const styles = {\n    container: css({\n      maxWidth: 578,\n    }),\n  };\n\n  return (\n    <ConfigSubSection title=\"Advanced HTTP settings\" className={cx(styles.container, className)}>\n      <InlineField\n        htmlFor=\"advanced-http-cookies\"\n        label=\"Allowed cookies\"\n        labelWidth={24}\n        tooltip=\"Grafana proxy deletes forwarded cookies by default. Specify cookies by name that should be forwarded to the data source.\"\n        disabled={config.readOnly}\n        grow\n      >\n        <TagsInput\n          id=\"advanced-http-cookies\"\n          placeholder=\"New cookie (hit enter to add)\"\n          tags={config.jsonData.keepCookies}\n          onChange={onCookiesChange}\n        />\n      </InlineField>\n\n      <InlineField\n        htmlFor=\"advanced-http-timeout\"\n        label=\"Timeout\"\n        labelWidth={24}\n        tooltip=\"HTTP request timeout in seconds\"\n        disabled={config.readOnly}\n        grow\n      >\n        <Input\n          id=\"advanced-http-timeout\"\n          type=\"number\"\n          min={0}\n          placeholder=\"Timeout in seconds\"\n          aria-label=\"Timeout in seconds\"\n          value={config.jsonData.timeout}\n          onChange={onTimeoutChange}\n        />\n      </InlineField>\n    </ConfigSubSection>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAWO,MAAM,uBAAoF,CAAC;AAAA,EAChG,MAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAM,KAAA;AACJ,EAAM,MAAA,eAAA,GAAkB,CAAC,OAAsB,KAAA;AAC7C,IAAS,QAAA,CAAA;AAAA,MACP,GAAG,MAAA;AAAA,MACH,QAAU,EAAA;AAAA,QACR,GAAG,MAAO,CAAA,QAAA;AAAA,QACV,WAAa,EAAA;AAAA;AACf,KACD,CAAA;AAAA,GACH;AAEA,EAAM,MAAA,eAAA,GAAkB,CAAC,KAA6C,KAAA;AACpE,IAAS,QAAA,CAAA;AAAA,MACP,GAAG,MAAA;AAAA,MACH,QAAU,EAAA;AAAA,QACR,GAAG,MAAO,CAAA,QAAA;AAAA,QACV,OAAS,EAAA,QAAA,CAAS,KAAM,CAAA,aAAA,CAAc,OAAO,EAAE;AAAA;AACjD,KACD,CAAA;AAAA,GACH;AAEA,EAAA,MAAM,MAAS,GAAA;AAAA,IACb,WAAW,GAAI,CAAA;AAAA,MACb,QAAU,EAAA;AAAA,KACX;AAAA,GACH;AAEA,EACE,uBAAA,IAAA,CAAC,oBAAiB,KAAM,EAAA,wBAAA,EAAyB,WAAW,EAAG,CAAA,MAAA,CAAO,SAAW,EAAA,SAAS,CACxF,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,uBAAA;AAAA,QACR,KAAM,EAAA,iBAAA;AAAA,QACN,UAAY,EAAA,EAAA;AAAA,QACZ,OAAQ,EAAA,0HAAA;AAAA,QACR,UAAU,MAAO,CAAA,QAAA;AAAA,QACjB,IAAI,EAAA,IAAA;AAAA,QAEJ,QAAA,kBAAA,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,EAAG,EAAA,uBAAA;AAAA,YACH,WAAY,EAAA,+BAAA;AAAA,YACZ,IAAA,EAAM,OAAO,QAAS,CAAA,WAAA;AAAA,YACtB,QAAU,EAAA;AAAA;AAAA;AACZ;AAAA,KACF;AAAA,oBAEA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,uBAAA;AAAA,QACR,KAAM,EAAA,SAAA;AAAA,QACN,UAAY,EAAA,EAAA;AAAA,QACZ,OAAQ,EAAA,iCAAA;AAAA,QACR,UAAU,MAAO,CAAA,QAAA;AAAA,QACjB,IAAI,EAAA,IAAA;AAAA,QAEJ,QAAA,kBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,EAAG,EAAA,uBAAA;AAAA,YACH,IAAK,EAAA,QAAA;AAAA,YACL,GAAK,EAAA,CAAA;AAAA,YACL,WAAY,EAAA,oBAAA;AAAA,YACZ,YAAW,EAAA,oBAAA;AAAA,YACX,KAAA,EAAO,OAAO,QAAS,CAAA,OAAA;AAAA,YACvB,QAAU,EAAA;AAAA;AAAA;AACZ;AAAA;AACF,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/esm/components/ConfigEditor/Auth/Auth.js

@@ -1,5 +1,6 @@
-import React__default from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { css } from '@emotion/css';
+import 'react';
 import { AuthMethodSettings } from './auth-method/AuthMethodSettings.js';
 import { TLSSettings } from './tls/TLSSettings.js';
 import '@grafana/ui';
@@ -24,19 +25,23 @@ const Auth = ({
       maxWidth: 578
     })
   };
-  return /* @__PURE__ */ React__default.createElement("div", { className: styles.container }, /* @__PURE__ */ React__default.createElement(ConfigSection, { title: "Authentication" }, /* @__PURE__ */ React__default.createElement(
-    AuthMethodSettings,
-    {
-      selectedMethod,
-      mostCommonMethod,
-      customMethods,
-      visibleMethods,
-      defaultOptionsOverrides,
-      onAuthMethodSelect,
-      basicAuth,
-      readOnly
-    }
-  ), TLS && /* @__PURE__ */ React__default.createElement(TLSSettings, { ...TLS, readOnly }), customHeaders && /* @__PURE__ */ React__default.createElement(CustomHeaders, { ...customHeaders, readOnly })));
+  return /* @__PURE__ */ jsx("div", { className: styles.container, children: /* @__PURE__ */ jsxs(ConfigSection, { title: "Authentication", children: [
+    /* @__PURE__ */ jsx(
+      AuthMethodSettings,
+      {
+        selectedMethod,
+        mostCommonMethod,
+        customMethods,
+        visibleMethods,
+        defaultOptionsOverrides,
+        onAuthMethodSelect,
+        basicAuth,
+        readOnly
+      }
+    ),
+    TLS && /* @__PURE__ */ jsx(TLSSettings, { ...TLS, readOnly }),
+    customHeaders && /* @__PURE__ */ jsx(CustomHeaders, { ...customHeaders, readOnly })
+  ] }) });
 };
 
 export { Auth };

package/dist/esm/components/ConfigEditor/Auth/Auth.js.map

@@ -1 +1 @@
-{"version":3,"file":"Auth.js","sources":["../../../../../src/components/ConfigEditor/Auth/Auth.tsx"],"sourcesContent":["import React from 'react';\nimport { css } from '@emotion/css';\nimport { type AuthMethod, type AuthMethodSelectOption, type CustomMethod, type CustomMethodId } from './types';\nimport { AuthMethodSettings } from './auth-method/AuthMethodSettings';\nimport { TLSSettings, type Props as TLSSettingsProps } from './tls/TLSSettings';\nimport { type Props as BasicAuthProps } from './auth-method/BasicAuth';\nimport { CustomHeaders, type Props as CustomHeadersProps } from './custom-headers/CustomHeaders';\nimport { ConfigSection } from '../ConfigSection';\n\nexport type Props = {\n  selectedMethod: AuthMethod | CustomMethodId;\n  mostCommonMethod?: AuthMethod | CustomMethodId;\n  visibleMethods?: Array<AuthMethod | CustomMethodId>;\n  defaultOptionsOverrides?: Partial<Record<AuthMethod, AuthMethodSelectOption>>;\n  customMethods?: CustomMethod[];\n  onAuthMethodSelect: (authType: AuthMethod | CustomMethodId) => void;\n  basicAuth?: Omit<BasicAuthProps, 'readOnly'>;\n  TLS?: Omit<TLSSettingsProps, 'readOnly'>;\n  customHeaders?: Omit<CustomHeadersProps, 'readOnly'>;\n  readOnly?: boolean;\n};\n\nexport const Auth = ({\n  selectedMethod,\n  mostCommonMethod,\n  visibleMethods,\n  defaultOptionsOverrides,\n  customMethods,\n  onAuthMethodSelect,\n  basicAuth,\n  TLS,\n  customHeaders,\n  readOnly = false,\n}: Props) => {\n  const styles = {\n    container: css({\n      maxWidth: 578,\n    }),\n  };\n\n  return (\n    <div className={styles.container}>\n      <ConfigSection title=\"Authentication\">\n        <AuthMethodSettings\n          selectedMethod={selectedMethod}\n          mostCommonMethod={mostCommonMethod}\n          customMethods={customMethods}\n          visibleMethods={visibleMethods}\n          defaultOptionsOverrides={defaultOptionsOverrides}\n          onAuthMethodSelect={onAuthMethodSelect}\n          basicAuth={basicAuth}\n          readOnly={readOnly}\n        />\n        {TLS && <TLSSettings {...TLS} readOnly={readOnly} />}\n        {customHeaders && <CustomHeaders {...customHeaders} readOnly={readOnly} />}\n      </ConfigSection>\n    </div>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;AAsBO,MAAM,OAAO,CAAC;AAAA,EACnB,cAAA;AAAA,EACA,gBAAA;AAAA,EACA,cAAA;AAAA,EACA,uBAAA;AAAA,EACA,aAAA;AAAA,EACA,kBAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAA;AAAA,EACA,aAAA;AAAA,EACA,QAAW,GAAA;AACb,CAAa,KAAA;AACX,EAAA,MAAM,MAAS,GAAA;AAAA,IACb,WAAW,GAAI,CAAA;AAAA,MACb,QAAU,EAAA;AAAA,KACX;AAAA,GACH;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,6BACpBA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,OAAM,gBACnB,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,cAAA;AAAA,MACA,gBAAA;AAAA,MACA,aAAA;AAAA,MACA,cAAA;AAAA,MACA,uBAAA;AAAA,MACA,kBAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA;AAAA,GAED,EAAA,GAAA,oBAAQA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAa,GAAG,GAAK,EAAA,QAAA,EAAoB,CACjD,EAAA,aAAA,iDAAkB,aAAe,EAAA,EAAA,GAAG,aAAe,EAAA,QAAA,EAAoB,CAC1E,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Auth.js","sources":["../../../../../src/components/ConfigEditor/Auth/Auth.tsx"],"sourcesContent":["import { css } from '@emotion/css';\nimport { type AuthMethod, type AuthMethodSelectOption, type CustomMethod, type CustomMethodId } from './types';\nimport { AuthMethodSettings } from './auth-method/AuthMethodSettings';\nimport { TLSSettings, type Props as TLSSettingsProps } from './tls/TLSSettings';\nimport { type Props as BasicAuthProps } from './auth-method/BasicAuth';\nimport { CustomHeaders, type Props as CustomHeadersProps } from './custom-headers/CustomHeaders';\nimport { ConfigSection } from '../ConfigSection';\n\nexport type Props = {\n  selectedMethod: AuthMethod | CustomMethodId;\n  mostCommonMethod?: AuthMethod | CustomMethodId;\n  visibleMethods?: Array<AuthMethod | CustomMethodId>;\n  defaultOptionsOverrides?: Partial<Record<AuthMethod, AuthMethodSelectOption>>;\n  customMethods?: CustomMethod[];\n  onAuthMethodSelect: (authType: AuthMethod | CustomMethodId) => void;\n  basicAuth?: Omit<BasicAuthProps, 'readOnly'>;\n  TLS?: Omit<TLSSettingsProps, 'readOnly'>;\n  customHeaders?: Omit<CustomHeadersProps, 'readOnly'>;\n  readOnly?: boolean;\n};\n\nexport const Auth = ({\n  selectedMethod,\n  mostCommonMethod,\n  visibleMethods,\n  defaultOptionsOverrides,\n  customMethods,\n  onAuthMethodSelect,\n  basicAuth,\n  TLS,\n  customHeaders,\n  readOnly = false,\n}: Props) => {\n  const styles = {\n    container: css({\n      maxWidth: 578,\n    }),\n  };\n\n  return (\n    <div className={styles.container}>\n      <ConfigSection title=\"Authentication\">\n        <AuthMethodSettings\n          selectedMethod={selectedMethod}\n          mostCommonMethod={mostCommonMethod}\n          customMethods={customMethods}\n          visibleMethods={visibleMethods}\n          defaultOptionsOverrides={defaultOptionsOverrides}\n          onAuthMethodSelect={onAuthMethodSelect}\n          basicAuth={basicAuth}\n          readOnly={readOnly}\n        />\n        {TLS && <TLSSettings {...TLS} readOnly={readOnly} />}\n        {customHeaders && <CustomHeaders {...customHeaders} readOnly={readOnly} />}\n      </ConfigSection>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAqBO,MAAM,OAAO,CAAC;AAAA,EACnB,cAAA;AAAA,EACA,gBAAA;AAAA,EACA,cAAA;AAAA,EACA,uBAAA;AAAA,EACA,aAAA;AAAA,EACA,kBAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAA;AAAA,EACA,aAAA;AAAA,EACA,QAAW,GAAA;AACb,CAAa,KAAA;AACX,EAAA,MAAM,MAAS,GAAA;AAAA,IACb,WAAW,GAAI,CAAA;AAAA,MACb,QAAU,EAAA;AAAA,KACX;AAAA,GACH;AAEA,EACE,uBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,WACrB,QAAC,kBAAA,IAAA,CAAA,aAAA,EAAA,EAAc,OAAM,gBACnB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACC,cAAA;AAAA,QACA,gBAAA;AAAA,QACA,aAAA;AAAA,QACA,cAAA;AAAA,QACA,uBAAA;AAAA,QACA,kBAAA;AAAA,QACA,SAAA;AAAA,QACA;AAAA;AAAA,KACF;AAAA,IACC,GAAO,oBAAA,GAAA,CAAC,WAAa,EAAA,EAAA,GAAG,KAAK,QAAoB,EAAA,CAAA;AAAA,IACjD,aAAiB,oBAAA,GAAA,CAAC,aAAe,EAAA,EAAA,GAAG,eAAe,QAAoB,EAAA;AAAA,GAAA,EAC1E,CACF,EAAA,CAAA;AAEJ;;;;"}