@grafana/plugin-ui 0.14.0-dev.1 → 0.14.1-dsconfig.bccd84e

package/dist/cjs/index.d.cts

@@ -4,6 +4,7 @@ import { DataSourceInstanceSettings, SelectableValue, DataSourceJsonData, Variab
 import { DataSourceSrv, DataSourceWithBackend, TemplateSrv } from '@grafana/runtime';
 import { JsonTree } from '@react-awesome-query-builder/ui';
 import { DataQuery } from '@grafana/schema';
+import { SqlLanguage } from 'sql-formatter';
 import { Grammar } from 'prismjs';
 
 interface QueryEditorRowProps {
@@ -99,9 +100,6 @@ type Props$q = {
 };
 declare const DataLink: (props: Props$q) => React.JSX.Element;
 
-declare function applyQueryDefaults(q?: SQLQuery): SQLQuery;
-type QueryWithDefaults = ReturnType<typeof applyQueryDefaults>;
-
 declare enum QueryEditorPropertyType {
     String = "string"
 }
@@ -136,6 +134,21 @@ interface QueryEditorFunctionParameterExpression {
     name?: string;
 }
 
+declare enum TokenType {
+    Parenthesis = "delimiter.parenthesis.sql",
+    Whitespace = "white.sql",
+    Keyword = "keyword.sql",
+    Delimiter = "delimiter.sql",
+    Operator = "operator.sql",
+    Identifier = "identifier.sql",
+    IdentifierQuote = "identifier.quote.sql",
+    Type = "type.sql",
+    Function = "predefined.sql",
+    Number = "number.sql",
+    String = "string.sql",
+    Variable = "variable.sql"
+}
+
 declare class LinkedToken {
     type: string;
     value: string;
@@ -164,17 +177,6 @@ declare class LinkedToken {
     getNextOfType(type: TokenType, value?: string): LinkedToken | null;
 }
 
-type StatementPositionResolver = (currentToken: LinkedToken | null, previousKeyword: LinkedToken | null, previousNonWhiteSpace: LinkedToken | null, previousIsSlash: Boolean) => Boolean;
-type SuggestionsResolver = <T extends PositionContext = PositionContext>(positionContext: T) => Promise<CustomSuggestion[]>;
-interface SQLMonarchLanguage extends monacoTypes.languages.IMonarchLanguage {
-    keywords?: string[];
-    builtinFunctions?: string[];
-    logicalOperators?: string[];
-    comparisonOperators?: string[];
-    /** Used by basic languages in the monaco registry **/
-    operators?: string[];
-}
-
 /**
  * Provides a context for suggestions resolver
  * @alpha
@@ -290,7 +292,25 @@ interface SQLCompletionItemProvider extends Omit<monacoTypes.languages.Completio
      */
     provideCompletionItems?: (model: monacoTypes.editor.ITextModel, position: monacoTypes.Position, context: monacoTypes.languages.CompletionContext, token: monacoTypes.CancellationToken, positionContext: PositionContext) => monacoTypes.languages.CompletionList;
 }
+interface SQLMonarchLanguage extends monacoTypes.languages.IMonarchLanguage {
+    keywords?: string[];
+    builtinFunctions?: string[];
+    logicalOperators?: string[];
+    comparisonOperators?: string[];
+    /** Used by basic languages in the monaco registry **/
+    operators?: string[];
+}
+type StatementPositionResolver = (currentToken: LinkedToken | null, previousKeyword: LinkedToken | null, previousNonWhiteSpace: LinkedToken | null, previousIsSlash: Boolean) => Boolean;
+type SuggestionsResolver = <T extends PositionContext = PositionContext>(positionContext: T) => Promise<CustomSuggestion[]>;
 type LanguageCompletionProvider = (m: Monaco, l?: SQLMonarchLanguage) => SQLCompletionItemProvider;
+interface LanguageDefinition extends monacoTypes.languages.ILanguageExtensionPoint {
+    loader?: (module: any) => Promise<{
+        language: SQLMonarchLanguage;
+        conf: monacoTypes.languages.LanguageConfiguration;
+    }>;
+    completionProvider?: (m: Monaco, language: SQLMonarchLanguage) => SQLCompletionItemProvider;
+    formatter?: (q: string) => string;
+}
 declare enum OperatorType {
     Comparison = 0,
     Logical = 1
@@ -302,20 +322,7 @@ declare enum MacroType {
     Column = 3,
     Table = 4
 }
-declare enum TokenType {
-    Parenthesis = "delimiter.parenthesis.sql",
-    Whitespace = "white.sql",
-    Keyword = "keyword.sql",
-    Delimiter = "delimiter.sql",
-    Operator = "operator.sql",
-    Identifier = "identifier.sql",
-    IdentifierQuote = "identifier.quote.sql",
-    Type = "type.sql",
-    Function = "predefined.sql",
-    Number = "number.sql",
-    String = "string.sql",
-    Variable = "variable.sql"
-}
+
 declare enum StatementPosition {
     Unknown = "unknown",
     SelectKeyword = "selectKeyword",
@@ -417,14 +424,6 @@ declare enum SQLEditorMode {
     Code = "code"
 }
 
-interface LanguageDefinition extends monacoTypes.languages.ILanguageExtensionPoint {
-    loader?: (module: any) => Promise<{
-        language: SQLMonarchLanguage;
-        conf: monacoTypes.languages.LanguageConfiguration;
-    }>;
-    completionProvider?: (m: Monaco, language: SQLMonarchLanguage) => SQLCompletionItemProvider;
-    formatter?: (q: string) => string;
-}
 interface SQLEditorProps {
     query: string;
     /**
@@ -640,6 +639,11 @@ interface MetaDefinition {
     completion?: string;
     kind: CompletionItemKind;
 }
+/**
+ * Represents a query with all default values applied.
+ * This is equivalent to SQLQuery since applyQueryDefaults returns SQLQuery.
+ */
+type QueryWithDefaults = SQLQuery;
 
 interface GroupByRowProps {
     sql: SQLExpression;
@@ -781,8 +785,9 @@ interface MetricFindQueryOptions extends SearchFilterOptions {
 }
 
 interface Props$p extends QueryEditorProps$1<SqlDatasource, SQLQuery, SQLOptions> {
+    language?: SqlLanguage;
 }
-declare function SqlQueryEditor({ datasource, query, onChange, onRunQuery, range }: Props$p): React.JSX.Element | null;
+declare function SqlQueryEditor({ datasource, query, onChange, onRunQuery, range, language }: Props$p): React.JSX.Element | null;
 
 type RunQueryButtonProps = {
     ariaLabel?: string;
@@ -1008,6 +1013,227 @@ type Props$a<C extends Config = Config> = {
 };
 declare const AdvancedHttpSettings: <C extends Config = Config>(props: Props$a<C>) => JSX.Element;
 
+/**
+ * Datasource configuration schema types and pure helper functions.
+ *
+ * These types describe the structure of datasource plugin configuration schemas
+ * (dsconfig format). Schemas define fields, groups, validations, and relationships
+ * that drive the DatasourceConfigWizard UI and provisioning YAML generation.
+ */
+type DatasourceConfigSchema = {
+    schemaVersion: string;
+    pluginType: string;
+    pluginName: string;
+    docURL?: string;
+    fields: ConfigField[];
+    groups?: ConfigGroup[];
+    relationships?: FieldRelationship[];
+};
+type ConfigField = {
+    id: string;
+    key: string;
+    label?: string;
+    description?: string;
+    docURL?: string;
+    valueType: ValueType;
+    semanticType?: SemanticType;
+    target?: TargetLocation;
+    section?: string;
+    kind?: FieldKind;
+    isItemField?: boolean;
+    lifecycle?: Lifecycle;
+    ui?: FieldUI;
+    validations?: FieldValidationRule[];
+    dependsOn?: string;
+    required?: boolean;
+    requiredWhen?: string;
+    disabledWhen?: string;
+    overrides?: FieldOverride[];
+    effects?: FieldEffect[];
+    item?: FieldItemSchema;
+    storage?: StorageMapping;
+    tags?: string[];
+    examples?: unknown[];
+    defaultValue?: unknown;
+};
+type FieldItemSchema = {
+    valueType: ValueType;
+    fields?: ConfigField[];
+};
+type ValueType = 'string' | 'number' | 'boolean' | 'array' | 'object' | 'map' | 'any';
+type SemanticType = 'url' | 'password' | 'token' | 'hostname' | 'duration' | 'datasourceUid' | 'query';
+type FieldKind = 'storage' | 'virtual';
+type Lifecycle = 'stable' | 'deprecated' | 'experimental';
+type TargetLocation = 'root' | 'jsonData' | 'secureJsonData';
+type UIComponent = 'input' | 'textarea' | 'select' | 'multiselect' | 'radio' | 'checkbox' | 'switch' | 'code' | 'keyvalue' | 'list';
+type FieldUI = {
+    component: UIComponent;
+    multiline?: boolean;
+    rows?: number;
+    options?: FieldOption[];
+    allowCustom?: boolean;
+    width?: 'full' | 'half';
+    placeholder?: string;
+    language?: string;
+};
+type FieldOption = {
+    label: string;
+    value: unknown;
+    description?: string;
+};
+type FieldValidationRule = PatternValidation | RangeValidation | LengthValidation | ItemCountValidation | AllowedValuesValidation | CustomValidation;
+type BaseValidation = {
+    id?: string;
+    message?: string;
+};
+type PatternValidation = BaseValidation & {
+    type: 'pattern';
+    pattern: string;
+};
+type RangeValidation = BaseValidation & {
+    type: 'range';
+    min?: number;
+    max?: number;
+};
+type LengthValidation = BaseValidation & {
+    type: 'length';
+    min?: number;
+    max?: number;
+};
+type ItemCountValidation = BaseValidation & {
+    type: 'itemCount';
+    min?: number;
+    max?: number;
+};
+type AllowedValuesValidation = BaseValidation & {
+    type: 'allowedValues';
+    values: unknown[];
+};
+type CustomValidation = BaseValidation & {
+    type: 'custom';
+    expression: string;
+};
+type FieldOverride = {
+    when: string;
+    defaultValue?: unknown;
+    readOnly?: boolean;
+    description?: string;
+    placeholder?: string;
+    tooltip?: string;
+    validations?: FieldValidationRule[];
+    options?: FieldOption[];
+};
+type FieldEffect = {
+    when: string;
+    set: Record<string, unknown>;
+};
+type StorageMapping = DirectMapping | IndexedPairMapping | ComputedMapping;
+type DirectMapping = {
+    type: 'direct';
+};
+type IndexedPairMapping = {
+    type: 'indexedPair';
+    key: MappingField;
+    value: MappingField;
+    startIndex?: number;
+};
+type ComputedMapping = {
+    type: 'computed';
+    read?: string;
+    write?: string;
+};
+type MappingField = {
+    target: TargetLocation;
+    pattern: string;
+};
+type ConfigGroup = {
+    id: string;
+    title: string;
+    description?: string;
+    order?: number;
+    optional?: boolean;
+    fieldRefs: string[];
+};
+type FieldRelationship = {
+    type: 'pair' | 'group' | 'datasourceReference';
+    fields: string[];
+    description?: string;
+    targetPluginType?: string;
+};
+/**
+ * Resolve a schema's groups into arrays of ConfigField objects.
+ * If the schema has no groups, returns a single group containing all non-virtual fields.
+ */
+declare function resolveGroups(schema: DatasourceConfigSchema): Array<{
+    group: ConfigGroup;
+    fields: ConfigField[];
+}>;
+/**
+ * Build a virtual "Required" group containing all required fields, any parent
+ * fields they depend on (via `dependsOn`), and any child fields that depend on
+ * required fields.  When the schema contains an "auth" group, its fields are
+ * also pulled in (auth is effectively required for Prometheus/Loki/Tempo style
+ * datasources).  Fields are returned in schema order and de-duplicated.
+ * Returns `null` when the virtual group would be empty.
+ */
+declare function resolveRequiredFieldsGroup(schema: DatasourceConfigSchema): {
+    group: ConfigGroup;
+    fields: ConfigField[];
+} | null;
+/**
+ * Unique form key for a field. Section-scoped fields (e.g. section:"logs", key:"defaultTable")
+ * get a prefixed key ("logs.defaultTable") so they don't collide with top-level fields that
+ * share the same key name.
+ */
+declare function formKey(field: ConfigField): string;
+/**
+ * Parse a simple CEL-like dependsOn expression: "fieldId == 'value'" or "fieldId == true".
+ * Returns { field, value } or null if unparseable.
+ */
+declare function parseDependsOn(expr: string): {
+    field: string;
+    value: string;
+} | null;
+/**
+ * Resolve the first matching override for a field given current form values.
+ * Override `when` uses the same "fieldId == 'value'" syntax as dependsOn.
+ * Returns the matching override or undefined if none match.
+ */
+declare function resolveActiveOverride(field: ConfigField, watchedValues: Record<string, unknown>, fieldById: Map<string, ConfigField>): FieldOverride | undefined;
+/**
+ * Evaluate a simple computed.read expression against form values.
+ * Supports patterns used in dsconfig schemas:
+ *   - "fieldRef == true ? 'a' : (fieldRef == true ? 'b' : 'c')"
+ *   - Simple ternary chains with equality checks
+ * Falls back to the field's defaultValue if the expression can't be evaluated.
+ */
+declare function evaluateComputedRead(expr: string, values: Record<string, unknown>, fields: ConfigField[]): unknown;
+/**
+ * Compute initial values for all virtual fields that have storage.computed.read expressions.
+ * Call after loading existing storage field values.
+ */
+declare function computeVirtualFieldValues(schema: DatasourceConfigSchema, existingValues: Record<string, unknown>): Record<string, unknown>;
+
+type DatasourceConfigWizardProps = {
+    schema: DatasourceConfigSchema;
+    dsUid: string;
+    dsName: string;
+    onSuccess: (status: string, message?: string) => void;
+    onSaving?: (saving: boolean) => void;
+    onRetest?: () => void;
+    onFollowup?: (intent: string) => void;
+    healthError?: string;
+    mode?: 'tab' | 'wizard';
+    /** Optional render prop for custom action buttons (e.g. analyze/troubleshoot). */
+    renderActions?: (props: {
+        dsUid: string;
+        dsName: string;
+        dsType: string;
+        healthError?: string;
+    }) => ReactNode;
+};
+declare function DatasourceConfigWizard(props: DatasourceConfigWizardProps): React.JSX.Element;
+
 interface CustomHeader {
     id: string;
     name: string;
@@ -1232,4 +1458,98 @@ interface Props {
 }
 declare function RawQuery({ query, language, className }: Props): React.JSX.Element;
 
-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, 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, getStandardSQLCompletionProvider, language as grafanaStandardSQLLanguage, conf as grafanaStandardSQLLanguageConf, toOption };
+type DatasourceResponse = Record<string, unknown> & {
+    name: string;
+    id: number;
+    uid: string;
+    access?: 'proxy' | 'direct';
+    type?: string;
+    typeLogoUrl?: string;
+    url?: string;
+    withCredentials?: boolean;
+    basicAuth?: boolean;
+    basicAuthUser?: string;
+    user?: string;
+    database?: string;
+    jsonData?: Record<string, unknown>;
+    secureJsonFields?: Record<string, boolean>;
+    readOnly?: boolean;
+};
+type DatasourceConfigPayload = {
+    rootFields: Record<string, unknown>;
+    jsonData: Record<string, unknown>;
+    secureJsonData: Record<string, string>;
+    secureJsonFields: Record<string, boolean>;
+};
+type FormValues = Record<string, unknown>;
+
+declare const SECURE_FIELD_CONFIGURED = "__CONFIGURED__";
+type FetchExistingResult = {
+    values: FormValues;
+    readOnly: boolean;
+    error?: string;
+};
+/** Indexed pair item as stored in form values. Each item tracks its original storage index. */
+type IndexedPairItem = {
+    /** Original storage index (e.g. 1 for httpHeaderName1). 0 = new item, not yet persisted. */
+    index: number;
+    name: string;
+    value: string;
+};
+/**
+ * Expand indexed pair storage (e.g. httpHeaderName1..N / httpHeaderValue1..N)
+ * into an array of {index, name, value} items for the form.
+ * Each item's `index` tracks its storage position so deletes don't shift others.
+ * Scans all keys in the source record to find matching indices — no gap heuristics.
+ */
+declare function expandIndexedPair(field: ConfigField, ds: DatasourceResponse): IndexedPairItem[];
+/**
+ * Flatten an array of indexed pair items back into individual indexed keys
+ * for jsonData and secureJsonData.
+ */
+declare function flattenIndexedPair(field: ConfigField, items: IndexedPairItem[], jsonData: Record<string, unknown>, secureJsonData: Record<string, string>, secureJsonFields: Record<string, boolean>): void;
+declare function fetchExistingValues(dsUid: string, fields: ConfigField[]): Promise<FetchExistingResult>;
+declare function buildDatasourceConfigPayload(data: FormValues, fields: ConfigField[], existing: DatasourceResponse, isFieldVisible: (field: ConfigField) => boolean): DatasourceConfigPayload;
+declare function submitDatasourceConfig(dsUid: string, data: FormValues, fields: ConfigField[], isFieldVisible: (field: ConfigField) => boolean): Promise<void>;
+
+/**
+ * Generate LLM hints for select fields (used when creating datasources).
+ */
+declare function generateLLMHint(schema: DatasourceConfigSchema): string;
+/**
+ * Generate comprehensive structured field data for troubleshooting context.
+ * Returns an array of field descriptors the LLM can use to render rich tables.
+ */
+declare function generateTroubleshootingFields(schema: DatasourceConfigSchema): Array<{
+    label: string;
+    key: string;
+    target: string;
+    type: string;
+    required: boolean;
+    description?: string;
+    defaultValue?: unknown;
+    options?: string[];
+    section?: string;
+    dependsOn?: string;
+}>;
+
+type ProvisioningYamlOptions = {
+    /** Include comments with field descriptions. Default: true for template, false for export. */
+    comments?: boolean;
+    /** Name override (used in template mode). */
+    name?: string;
+};
+/**
+ * Generate a Grafana provisioning YAML from a dsconfig schema.
+ * In template mode (no values), emits all fields with defaults and comments.
+ * When values are provided, emits actual values — used for existing datasource export.
+ */
+declare function toProvisioningYaml(schema: DatasourceConfigSchema, values?: Record<string, unknown>, options?: ProvisioningYamlOptions): string;
+/**
+ * Generate provisioning YAML from an existing Grafana datasource API response.
+ * If a dsconfig schema is available, uses it for field ordering and comments.
+ * If not, generates basic YAML from the raw API response.
+ */
+declare function datasourceToProvisioningYaml(ds: Record<string, unknown>, schema: DatasourceConfigSchema | null): string;
+
+export { AccessoryButton, AdvancedHttpSettings, type Aggregate, type AllowedValuesValidation, Auth, AuthMethod, type Props$c as AuthProps, BINARY_OPERATIONS_KEY, CatalogSelector, type ColumnDefinition, CompletionItemInsertTextRule, CompletionItemKind, CompletionItemPriority, ConfigDescriptionLink, type ConfigField, type ConfigGroup, ConfigSection, ConfigSubSection, ConnectionSettings, CustomHeadersSettings, type CustomValidation, type DB, DataLink, type DataLinkConfig, DataLinks, DataSourceDescription, DataSourcePicker, DatasetSelector, type DatasourceConfigPayload, type DatasourceConfigSchema, DatasourceConfigWizard, type DatasourceConfigWizardProps, type DatasourceResponse, DatePicker, type DatePickerProps, DatePickerWithInput, type DatePickerWithInputProps, DebounceInput, type DebounceInputProps, EditorField, EditorFieldGroup, EditorHeader, EditorList, EditorMode, EditorRow, EditorRows, EditorStack, EditorSwitch, type FetchExistingResult, type FieldEffect, type FieldItemSchema, type FieldKind, type FieldOption, type FieldOverride, type FieldRelationship, type FieldUI, type FieldValidationRule, FlexItem, type FormValues, GroupByRow, type IndexedPairItem, InlineSelect, InputGroup, type ItemCountValidation, LabelFilters, type LanguageCompletionProvider, type LanguageDefinition, type LengthValidation, type Lifecycle, LinkedToken, MacroType, type MetaDefinition, type NameValue, OperationExplainedBox, OperationList, OperationListExplained, OperationsEditorRow, OperatorType, type PatternValidation, type PositionContext, type Props$s as Props, type ProvisioningYamlOptions, 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 QueryWithDefaults, type RAQBFieldTypes, type RangeValidation, RawQuery, type ResourceSelectorProps, type ResponseParser, RunQueryButton, SECURE_FIELD_CONFIGURED, type SQLConnectionLimits, SQLEditor, SQLEditorMode, SQLEditorTestUtils, type SQLExpression, type SQLFilters, type SQLMonarchLanguage, type SQLOptions, type SQLQuery, type SQLSelectableValue, type SchemaDefinition, SecureSocksProxyToggle, Segment, type SegmentProps, type SemanticType, Space, SqlDatasource, SqlQueryEditor, type SqlQueryForInterpolation, type SqlQueryModel, type State$1 as State, type StatementPlacementProvider, StatementPosition, type StorageMapping, SuggestionKind, type SuggestionKindProvider, TLSSettings, type Props$f as TLSSettingsProps, type TableDefinition, type TableFieldSchema, type TableIdentifier, type TableSchema, TableSelector, type TargetLocation, type TestQueryModel, TokenType, type UIComponent, type ValidationResults, type ValueType, type VisualQuery, type VisualQueryBinary, type VisualQueryModeller, buildDatasourceConfigPayload, computeVirtualFieldValues, convertLegacyAuthProps, datasourceToProvisioningYaml, evaluateComputedRead, expandIndexedPair, fetchExistingValues, flattenIndexedPair, formKey, formatDate, generateLLMHint, generateTroubleshootingFields, getStandardSQLCompletionProvider, language as grafanaStandardSQLLanguage, conf as grafanaStandardSQLLanguageConf, parseDependsOn, resolveActiveOverride, resolveGroups, resolveRequiredFieldsGroup, submitDatasourceConfig, toOption, toProvisioningYaml };

package/dist/esm/components/ConfigEditor/ConfigSection/ConfigDescriptionLink.js

@@ -6,7 +6,7 @@ import { useStyles2 } from '@grafana/ui';
 function ConfigDescriptionLink(props) {
   const { description, suffix, feature } = props;
   const text = `Learn more about ${feature}`;
-  const styles = useStyles2(getStyles$c);
+  const styles = useStyles2(getStyles$g);
   return /* @__PURE__ */ React.createElement("span", { className: styles.container }, description, /* @__PURE__ */ React.createElement(
     "a",
     {
@@ -18,7 +18,7 @@ function ConfigDescriptionLink(props) {
     text
   ));
 }
-const getStyles$c = (theme) => {
+const getStyles$g = (theme) => {
   return {
     container: css({
       color: theme.colors.text.secondary,

package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/AuthorizationHeaderField.js

@@ -0,0 +1,53 @@
+import React, { useMemo } from 'react';
+import { Controller } from 'react-hook-form';
+import { useStyles2, Tooltip, Icon } from '@grafana/ui';
+import { IndexedPairEditor } from './IndexedPairEditor.js';
+import { getWizardStyles } from './wizardStyles.js';
+
+function AuthorizationHeaderField({
+  headersFieldKey,
+  control,
+  disabled,
+  watchedValues
+}) {
+  const styles = useStyles2(getWizardStyles);
+  const items = useMemo(
+    () => Array.isArray(watchedValues[headersFieldKey]) ? watchedValues[headersFieldKey] : [],
+    [watchedValues, headersFieldKey]
+  );
+  const authEntries = useMemo(() => {
+    const entries = [];
+    for (let i = 0; i < items.length; i++) {
+      if (items[i].name.toLowerCase() === "authorization") {
+        entries.push({ item: items[i], originalIdx: i });
+      }
+    }
+    return entries;
+  }, [items]);
+  if (authEntries.length === 0) {
+    return null;
+  }
+  const authItems = authEntries.map((e) => e.item);
+  return /* @__PURE__ */ React.createElement(
+    Controller,
+    {
+      name: headersFieldKey,
+      control,
+      render: ({ field: formField }) => {
+        const handleChange = (updatedAuthItems) => {
+          const updated = [...items];
+          for (let i = 0; i < authEntries.length; i++) {
+            if (i < updatedAuthItems.length) {
+              updated[authEntries[i].originalIdx] = updatedAuthItems[i];
+            }
+          }
+          formField.onChange(updated);
+        };
+        return /* @__PURE__ */ React.createElement("div", { className: styles.fieldRow }, /* @__PURE__ */ React.createElement("div", { className: styles.fieldLabelRow }, /* @__PURE__ */ React.createElement("span", { className: styles.fieldLabel }, "Custom HTTP Headers"), /* @__PURE__ */ React.createElement(Tooltip, { content: "Authorization HTTP header(s) sent with every request." }, /* @__PURE__ */ React.createElement(Icon, { name: "info-circle", size: "xs", className: styles.fieldInfoIcon }))), /* @__PURE__ */ React.createElement("div", { className: styles.fieldInputCol }, /* @__PURE__ */ React.createElement(IndexedPairEditor, { value: authItems, onChange: handleChange, disabled, hideControls: true })));
+      }
+    }
+  );
+}
+
+export { AuthorizationHeaderField };
+//# sourceMappingURL=AuthorizationHeaderField.js.map

package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/AuthorizationHeaderField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthorizationHeaderField.js","sources":["../../../../../src/components/ConfigEditor/DatasourceConfigWizard/AuthorizationHeaderField.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { type useForm, Controller } from 'react-hook-form';\nimport { useStyles2, Icon, Tooltip } from '@grafana/ui';\nimport type { IndexedPairItem } from '../../../datasource/schema/datasource';\nimport type { FormValues } from '../../../datasource/schema/types';\nimport { IndexedPairEditor } from './IndexedPairEditor';\nimport { getWizardStyles } from './wizardStyles';\n\nexport function AuthorizationHeaderField({\n  headersFieldKey,\n  control,\n  disabled,\n  watchedValues,\n}: {\n  headersFieldKey: string;\n  control: ReturnType<typeof useForm<FormValues>>['control'];\n  disabled?: boolean;\n  watchedValues: Record<string, unknown>;\n}) {\n  const styles = useStyles2(getWizardStyles);\n  const items = useMemo(\n    () => (Array.isArray(watchedValues[headersFieldKey]) ? watchedValues[headersFieldKey] : []) as IndexedPairItem[],\n    [watchedValues, headersFieldKey]\n  );\n\n  const authEntries = useMemo(() => {\n    const entries: Array<{ item: IndexedPairItem; originalIdx: number }> = [];\n    for (let i = 0; i < items.length; i++) {\n      if (items[i].name.toLowerCase() === 'authorization') {\n        entries.push({ item: items[i], originalIdx: i });\n      }\n    }\n    return entries;\n  }, [items]);\n\n  if (authEntries.length === 0) {\n    return null;\n  }\n\n  const authItems = authEntries.map((e) => e.item);\n\n  return (\n    <Controller\n      name={headersFieldKey}\n      control={control}\n      render={({ field: formField }) => {\n        const handleChange = (updatedAuthItems: IndexedPairItem[]) => {\n          const updated = [...items];\n          for (let i = 0; i < authEntries.length; i++) {\n            if (i < updatedAuthItems.length) {\n              updated[authEntries[i].originalIdx] = updatedAuthItems[i];\n            }\n          }\n          formField.onChange(updated);\n        };\n\n        return (\n          <div className={styles.fieldRow}>\n            <div className={styles.fieldLabelRow}>\n              <span className={styles.fieldLabel}>Custom HTTP Headers</span>\n              <Tooltip content=\"Authorization HTTP header(s) sent with every request.\">\n                <Icon name=\"info-circle\" size=\"xs\" className={styles.fieldInfoIcon} />\n              </Tooltip>\n            </div>\n            <div className={styles.fieldInputCol}>\n              <IndexedPairEditor value={authItems} onChange={handleChange} disabled={disabled} hideControls />\n            </div>\n          </div>\n        );\n      }}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;AAQO,SAAS,wBAAA,CAAyB;AAAA,EACvC,eAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAKG;AACD,EAAA,MAAM,MAAA,GAAS,WAAW,eAAe,CAAA;AACzC,EAAA,MAAM,KAAA,GAAQ,OAAA;AAAA,IACZ,MAAO,KAAA,CAAM,OAAA,CAAQ,aAAA,CAAc,eAAe,CAAC,CAAA,GAAI,aAAA,CAAc,eAAe,CAAA,GAAI,EAAC;AAAA,IACzF,CAAC,eAAe,eAAe;AAAA,GACjC;AAEA,EAAA,MAAM,WAAA,GAAc,QAAQ,MAAM;AAChC,IAAA,MAAM,UAAiE,EAAC;AACxE,IAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,KAAA,CAAM,QAAQ,CAAA,EAAA,EAAK;AACrC,MAAA,IAAI,MAAM,CAAC,CAAA,CAAE,IAAA,CAAK,WAAA,OAAkB,eAAA,EAAiB;AACnD,QAAA,OAAA,CAAQ,IAAA,CAAK,EAAE,IAAA,EAAM,KAAA,CAAM,CAAC,CAAA,EAAG,WAAA,EAAa,GAAG,CAAA;AAAA,MACjD;AAAA,IACF;AACA,IAAA,OAAO,OAAA;AAAA,EACT,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,IAAI,WAAA,CAAY,WAAW,CAAA,EAAG;AAC5B,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,YAAY,WAAA,CAAY,GAAA,CAAI,CAAC,CAAA,KAAM,EAAE,IAAI,CAAA;AAE/C,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,eAAA;AAAA,MACN,OAAA;AAAA,MACA,MAAA,EAAQ,CAAC,EAAE,KAAA,EAAO,WAAU,KAAM;AAChC,QAAA,MAAM,YAAA,GAAe,CAAC,gBAAA,KAAwC;AAC5D,UAAA,MAAM,OAAA,GAAU,CAAC,GAAG,KAAK,CAAA;AACzB,UAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,WAAA,CAAY,QAAQ,CAAA,EAAA,EAAK;AAC3C,YAAA,IAAI,CAAA,GAAI,iBAAiB,MAAA,EAAQ;AAC/B,cAAA,OAAA,CAAQ,YAAY,CAAC,CAAA,CAAE,WAAW,CAAA,GAAI,iBAAiB,CAAC,CAAA;AAAA,YAC1D;AAAA,UACF;AACA,UAAA,SAAA,CAAU,SAAS,OAAO,CAAA;AAAA,QAC5B,CAAA;AAEA,QAAA,uBACE,KAAA,CAAA,aAAA,CAAC,SAAI,SAAA,EAAW,MAAA,CAAO,4BACrB,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,aAAA,EAAA,kBACrB,KAAA,CAAA,aAAA,CAAC,UAAK,SAAA,EAAW,MAAA,CAAO,cAAY,qBAAmB,CAAA,sCACtD,OAAA,EAAA,EAAQ,OAAA,EAAQ,uDAAA,EAAA,kBACf,KAAA,CAAA,aAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,eAAc,IAAA,EAAK,IAAA,EAAK,WAAW,MAAA,CAAO,aAAA,EAAe,CACtE,CACF,CAAA,kBACA,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,iCACrB,KAAA,CAAA,aAAA,CAAC,iBAAA,EAAA,EAAkB,OAAO,SAAA,EAAW,QAAA,EAAU,cAAc,QAAA,EAAoB,YAAA,EAAY,IAAA,EAAC,CAChG,CACF,CAAA;AAAA,MAEJ;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/ComplexFieldNote.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { css } from '@emotion/css';
+import { useStyles2, Icon } from '@grafana/ui';
+
+function ComplexFieldNote({ count, label }) {
+  const styles = useStyles2(getStyles$c);
+  return /* @__PURE__ */ React.createElement("div", { className: styles.note }, /* @__PURE__ */ React.createElement(Icon, { name: "info-circle", size: "xs" }), /* @__PURE__ */ React.createElement("span", null, count > 0 ? `${count} ${label.toLowerCase()} configured.` : `No ${label.toLowerCase()} configured.`, " Configure in Grafana UI."));
+}
+const getStyles$c = (theme) => ({
+  note: css({
+    display: "inline-flex",
+    alignItems: "center",
+    gap: theme.spacing(0.5),
+    padding: `${theme.spacing(0.5)} ${theme.spacing(0.75)}`,
+    fontSize: theme.typography.bodySmall.fontSize,
+    color: theme.colors.text.secondary,
+    backgroundColor: theme.colors.background.secondary,
+    borderRadius: theme.shape.radius.default,
+    border: `1px solid ${theme.colors.border.weak}`
+  })
+});
+
+export { ComplexFieldNote };
+//# sourceMappingURL=ComplexFieldNote.js.map

package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/ComplexFieldNote.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComplexFieldNote.js","sources":["../../../../../src/components/ConfigEditor/DatasourceConfigWizard/ComplexFieldNote.tsx"],"sourcesContent":["import React from 'react';\nimport { css } from '@emotion/css';\nimport type { GrafanaTheme2 } from '@grafana/data';\nimport { useStyles2, Icon } from '@grafana/ui';\n\nexport function ComplexFieldNote({ count, label }: { count: number; label: string }) {\n  const styles = useStyles2(getStyles);\n  return (\n    <div className={styles.note}>\n      <Icon name=\"info-circle\" size=\"xs\" />\n      <span>\n        {count > 0 ? `${count} ${label.toLowerCase()} configured.` : `No ${label.toLowerCase()} configured.`} Configure\n        in Grafana UI.\n      </span>\n    </div>\n  );\n}\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n  note: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: theme.spacing(0.5),\n    padding: `${theme.spacing(0.5)} ${theme.spacing(0.75)}`,\n    fontSize: theme.typography.bodySmall.fontSize,\n    color: theme.colors.text.secondary,\n    backgroundColor: theme.colors.background.secondary,\n    borderRadius: theme.shape.radius.default,\n    border: `1px solid ${theme.colors.border.weak}`,\n  }),\n});\n"],"names":["getStyles"],"mappings":";;;;AAKO,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAO,KAAA,EAAM,EAAqC;AACnF,EAAA,MAAM,MAAA,GAAS,WAAWA,WAAS,CAAA;AACnC,EAAA,uBACE,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,IAAA,EAAA,kBACrB,KAAA,CAAA,aAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,aAAA,EAAc,IAAA,EAAK,IAAA,EAAK,CAAA,kBACnC,KAAA,CAAA,aAAA,CAAC,MAAA,EAAA,IAAA,EACE,KAAA,GAAQ,CAAA,GAAI,CAAA,EAAG,KAAK,CAAA,CAAA,EAAI,KAAA,CAAM,WAAA,EAAa,CAAA,YAAA,CAAA,GAAiB,CAAA,GAAA,EAAM,KAAA,CAAM,WAAA,EAAa,CAAA,YAAA,CAAA,EAAe,2BAEvG,CACF,CAAA;AAEJ;AAEA,MAAMA,WAAA,GAAY,CAAC,KAAA,MAA0B;AAAA,EAC3C,MAAM,GAAA,CAAI;AAAA,IACR,OAAA,EAAS,aAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA;AAAA,IACtB,OAAA,EAAS,CAAA,EAAG,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAC,CAAA,CAAA,EAAI,KAAA,CAAM,OAAA,CAAQ,IAAI,CAAC,CAAA,CAAA;AAAA,IACrD,QAAA,EAAU,KAAA,CAAM,UAAA,CAAW,SAAA,CAAU,QAAA;AAAA,IACrC,KAAA,EAAO,KAAA,CAAM,MAAA,CAAO,IAAA,CAAK,SAAA;AAAA,IACzB,eAAA,EAAiB,KAAA,CAAM,MAAA,CAAO,UAAA,CAAW,SAAA;AAAA,IACzC,YAAA,EAAc,KAAA,CAAM,KAAA,CAAM,MAAA,CAAO,OAAA;AAAA,IACjC,MAAA,EAAQ,CAAA,UAAA,EAAa,KAAA,CAAM,MAAA,CAAO,OAAO,IAAI,CAAA;AAAA,GAC9C;AACH,CAAA,CAAA;;;;"}