@grafana/plugin-ui 0.16.1 → 0.17.1

package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/hooks/useDatasourceConfigForm.js

@@ -0,0 +1,254 @@
+import { useState, useMemo, useEffect, useRef, useCallback } from 'react';
+import { useForm } from '../../../../node_modules/react-hook-form/dist/index.esm.js';
+import { resolveGroups, resolveRequiredFieldsGroup, formKey, computeVirtualFieldValues, getWatchedValue, parseDependsOn, evaluateDependsOn } from '../config.js';
+import { fetchExistingValues, submitDatasourceConfig } from '../datasource.js';
+import { evaluateEffectCondition } from '../inputs/fieldUtils.js';
+import { buildFieldCelContext, isFieldVisible, isGroupValid, isFieldDisabled, groupHasData } from './formInterpreter.js';
+
+function useDatasourceConfigForm(props) {
+  const { schema, dsUid, onSuccess, onSaving } = props;
+  const [submitting, setSubmitting] = useState(false);
+  const [submitError, setSubmitError] = useState(null);
+  const [initializing, setInitializing] = useState(true);
+  const [fetchError, setFetchError] = useState(null);
+  const [detectedReadOnly, setDetectedReadOnly] = useState(false);
+  const readOnly = detectedReadOnly;
+  const resolvedGroups = useMemo(() => {
+    const groups = resolveGroups(schema);
+    const requiredGroup = resolveRequiredFieldsGroup(schema);
+    if (!requiredGroup) {
+      return groups;
+    }
+    return [requiredGroup, ...groups];
+  }, [schema]);
+  const fieldById = useMemo(() => {
+    const m = /* @__PURE__ */ new Map();
+    for (const f of schema.fields) {
+      m.set(f.id, f);
+    }
+    return m;
+  }, [schema.fields]);
+  const httpHeadersField = useMemo(
+    () => {
+      var _a;
+      return (_a = schema.fields.find((f) => {
+        var _a2;
+        return f.key === "httpHeaders" && ((_a2 = f.storage) == null ? void 0 : _a2.type) === "indexedPair";
+      })) != null ? _a : null;
+    },
+    [schema.fields]
+  );
+  const allStorageFields = useMemo(
+    () => schema.fields.filter((f) => f.kind !== "virtual" && !f.isItemField && f.target),
+    [schema.fields]
+  );
+  const {
+    control,
+    handleSubmit,
+    watch,
+    reset,
+    trigger,
+    setValue,
+    formState: { errors }
+  } = useForm({ mode: "onChange" });
+  const fieldsWithEffects = useMemo(() => {
+    const result = [];
+    for (const field of schema.fields) {
+      if (!field.effects || field.effects.length === 0) {
+        continue;
+      }
+      const mapped = field.effects.map((eff) => ({
+        when: eff.when,
+        targets: Object.entries(eff.set).map(([targetId, val]) => {
+          const targetField = fieldById.get(targetId);
+          return { key: targetField ? formKey(targetField) : targetId, value: val };
+        })
+      }));
+      result.push({ sourceKey: formKey(field), effects: mapped });
+    }
+    return result;
+  }, [schema.fields, fieldById]);
+  useEffect(() => {
+    let cancelled = false;
+    fetchExistingValues(dsUid, allStorageFields).then((result) => {
+      if (cancelled) {
+        return;
+      }
+      if (result.error) {
+        setFetchError(result.error);
+        setInitializing(false);
+        return;
+      }
+      if (result.readOnly) {
+        setDetectedReadOnly(true);
+      }
+      const defaults = {};
+      for (const field of allStorageFields) {
+        if (field.defaultValue !== void 0) {
+          defaults[formKey(field)] = field.defaultValue;
+        }
+      }
+      const merged = { ...defaults, ...result.values };
+      const virtualValues = computeVirtualFieldValues(schema, merged);
+      reset({ ...merged, ...virtualValues });
+      setInitializing(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [dsUid, allStorageFields, schema, reset]);
+  const watchedValues = watch();
+  const prevEffectValuesRef = useRef({});
+  useEffect(() => {
+    if (initializing) {
+      return;
+    }
+    for (const { sourceKey, effects } of fieldsWithEffects) {
+      const currentVal = getWatchedValue(watchedValues, sourceKey);
+      const prevVal = prevEffectValuesRef.current[sourceKey];
+      if (currentVal === prevVal) {
+        continue;
+      }
+      prevEffectValuesRef.current[sourceKey] = currentVal;
+      for (const eff of effects) {
+        if (evaluateEffectCondition(eff.when, currentVal)) {
+          for (const { key, value } of eff.targets) {
+            setValue(key, value);
+          }
+          break;
+        }
+      }
+    }
+  }, [watchedValues, fieldsWithEffects, initializing, setValue]);
+  const fieldsWithOverrideDefaults = useMemo(() => {
+    const result = [];
+    for (const field of schema.fields) {
+      if (!field.overrides || field.overrides.length === 0) {
+        continue;
+      }
+      const ovs = field.overrides.filter((ov) => ov.defaultValue !== void 0).map((ov) => {
+        const parsed = parseDependsOn(ov.when);
+        if (!parsed) {
+          return null;
+        }
+        const depField = fieldById.get(parsed.field);
+        return {
+          depKey: depField ? formKey(depField) : parsed.field,
+          depValue: parsed.value,
+          negate: parsed.negate,
+          defaultValue: ov.defaultValue
+        };
+      }).filter(Boolean);
+      if (ovs.length > 0) {
+        result.push({ targetKey: formKey(field), fieldDefault: field.defaultValue, overrides: ovs });
+      }
+    }
+    return result;
+  }, [schema.fields, fieldById]);
+  const prevOverrideDepRef = useRef({});
+  useEffect(() => {
+    var _a;
+    if (initializing) {
+      return;
+    }
+    for (const { targetKey, fieldDefault, overrides } of fieldsWithOverrideDefaults) {
+      for (const ov of overrides) {
+        const currentDepVal = String((_a = getWatchedValue(watchedValues, ov.depKey)) != null ? _a : "");
+        const trackKey = `${targetKey}::${ov.depKey}`;
+        const prevDepVal = prevOverrideDepRef.current[trackKey];
+        if (currentDepVal === prevDepVal) {
+          continue;
+        }
+        prevOverrideDepRef.current[trackKey] = currentDepVal;
+        const active = evaluateDependsOn({ value: ov.depValue, negate: ov.negate }, currentDepVal);
+        const wasActive = prevDepVal !== void 0 && evaluateDependsOn({ value: ov.depValue, negate: ov.negate }, prevDepVal);
+        if (active) {
+          setValue(targetKey, ov.defaultValue);
+        } else if (wasActive && fieldDefault !== void 0) {
+          setValue(targetKey, fieldDefault);
+        }
+      }
+    }
+  }, [watchedValues, fieldsWithOverrideDefaults, initializing, setValue]);
+  const celContext = useMemo(() => buildFieldCelContext(fieldById, watchedValues), [watchedValues, fieldById]);
+  const isFieldVisible$1 = useCallback(
+    (field) => isFieldVisible(field, fieldById, celContext),
+    [celContext, fieldById]
+  );
+  const onSubmit = useCallback(
+    async (data) => {
+      setSubmitting(true);
+      setSubmitError(null);
+      onSaving == null ? void 0 : onSaving(true);
+      const minDelay = new Promise((r) => setTimeout(r, 2e3));
+      try {
+        await submitDatasourceConfig(dsUid, data, allStorageFields, isFieldVisible$1);
+        const [refreshed] = await Promise.all([fetchExistingValues(dsUid, allStorageFields), minDelay]);
+        const defaults = {};
+        for (const field of allStorageFields) {
+          if (field.defaultValue !== void 0) {
+            defaults[formKey(field)] = field.defaultValue;
+          }
+        }
+        const merged = { ...defaults, ...refreshed.values };
+        const virtualValues = computeVirtualFieldValues(schema, merged);
+        reset({ ...merged, ...virtualValues });
+        onSuccess("UPDATED", "Configuration saved.");
+      } catch (err) {
+        await minDelay;
+        setSubmitError(err instanceof Error ? err.message : "Failed to update datasource");
+      } finally {
+        setSubmitting(false);
+        onSaving == null ? void 0 : onSaving(false);
+      }
+    },
+    [dsUid, allStorageFields, isFieldVisible$1, schema, reset, onSuccess, onSaving]
+  );
+  const isGroupValid$1 = useCallback(
+    (group) => isGroupValid(group, {
+      watchedValues,
+      fieldById,
+      celContext,
+      errors,
+      isVisible: isFieldVisible$1
+    }),
+    [errors, watchedValues, fieldById, celContext, isFieldVisible$1]
+  );
+  const isFieldDisabled$1 = useCallback(
+    (field) => isFieldDisabled(field, celContext),
+    [celContext]
+  );
+  const groupHasData$1 = useCallback(
+    (group) => groupHasData(group, watchedValues),
+    [watchedValues]
+  );
+  return {
+    // Schema
+    resolvedGroups,
+    fieldById,
+    httpHeadersField,
+    // Form
+    control,
+    handleSubmit,
+    trigger,
+    errors,
+    watchedValues,
+    celContext,
+    // State
+    initializing,
+    fetchError,
+    submitting,
+    submitError,
+    readOnly,
+    // Callbacks
+    isFieldVisible: isFieldVisible$1,
+    isFieldDisabled: isFieldDisabled$1,
+    isGroupValid: isGroupValid$1,
+    groupHasData: groupHasData$1,
+    onSubmit,
+    setValue
+  };
+}
+
+export { useDatasourceConfigForm };
+//# sourceMappingURL=useDatasourceConfigForm.js.map

package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/hooks/useDatasourceConfigForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDatasourceConfigForm.js","sources":["../../../../../../src/components/ConfigEditor/DatasourceConfigWizard/hooks/useDatasourceConfigForm.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport type { ConfigField, DatasourceConfigSchema } from '../../../../schema/schema';\nimport {\n  resolveGroups,\n  resolveRequiredFieldsGroup,\n  parseDependsOn,\n  evaluateDependsOn,\n  computeVirtualFieldValues,\n  formKey,\n  getWatchedValue,\n  type ResolvedGroup,\n} from '../config';\nimport { fetchExistingValues, submitDatasourceConfig, type FormValues } from '../datasource';\nimport { evaluateEffectCondition } from '../inputs/fieldUtils';\nimport {\n  buildFieldCelContext,\n  isFieldVisible as isFieldVisibleImpl,\n  isFieldDisabled as isFieldDisabledImpl,\n  isGroupValid as isGroupValidImpl,\n  groupHasData as groupHasDataImpl,\n} from './formInterpreter';\n\nexport type DatasourceConfigFormOptions = {\n  schema: DatasourceConfigSchema;\n  dsUid: string;\n  onSuccess: (status: string, message?: string) => void;\n  onSaving?: (saving: boolean) => void;\n};\n\nexport function useDatasourceConfigForm(props: DatasourceConfigFormOptions) {\n  const { schema, dsUid, onSuccess, onSaving } = props;\n  const [submitting, setSubmitting] = useState(false);\n  const [submitError, setSubmitError] = useState<string | null>(null);\n  const [initializing, setInitializing] = useState(true);\n  const [fetchError, setFetchError] = useState<string | null>(null);\n  const [detectedReadOnly, setDetectedReadOnly] = useState(false);\n  const readOnly = detectedReadOnly;\n\n  const resolvedGroups: ResolvedGroup[] = useMemo(() => {\n    const groups = resolveGroups(schema);\n    const requiredGroup = resolveRequiredFieldsGroup(schema);\n    if (!requiredGroup) {\n      return groups;\n    }\n    return [requiredGroup, ...groups];\n  }, [schema]);\n\n  const fieldById = useMemo(() => {\n    const m = new Map<string, ConfigField>();\n    for (const f of schema.fields) {\n      m.set(f.id, f);\n    }\n    return m;\n  }, [schema.fields]);\n\n  const httpHeadersField = useMemo(\n    () => schema.fields.find((f) => f.key === 'httpHeaders' && f.storage?.type === 'indexedPair') ?? null,\n    [schema.fields]\n  );\n\n  const allStorageFields = useMemo(\n    () => schema.fields.filter((f) => f.kind !== 'virtual' && !f.isItemField && f.target),\n    [schema.fields]\n  );\n\n  const {\n    control,\n    handleSubmit,\n    watch,\n    reset,\n    trigger,\n    setValue,\n    formState: { errors },\n  } = useForm<FormValues>({ mode: 'onChange' });\n\n  const fieldsWithEffects = useMemo(() => {\n    const result: Array<{\n      sourceKey: string;\n      effects: Array<{ when: string; targets: Array<{ key: string; value: unknown }> }>;\n    }> = [];\n    for (const field of schema.fields) {\n      if (!field.effects || field.effects.length === 0) {\n        continue;\n      }\n      const mapped = field.effects.map((eff) => ({\n        when: eff.when,\n        targets: Object.entries(eff.set).map(([targetId, val]) => {\n          const targetField = fieldById.get(targetId);\n          return { key: targetField ? formKey(targetField) : targetId, value: val };\n        }),\n      }));\n      result.push({ sourceKey: formKey(field), effects: mapped });\n    }\n    return result;\n  }, [schema.fields, fieldById]);\n\n  // Load existing values on mount\n  useEffect(() => {\n    let cancelled = false;\n    fetchExistingValues(dsUid, allStorageFields).then((result) => {\n      if (cancelled) {\n        return;\n      }\n      if (result.error) {\n        setFetchError(result.error);\n        setInitializing(false);\n        return;\n      }\n      if (result.readOnly) {\n        setDetectedReadOnly(true);\n      }\n      const defaults: FormValues = {};\n      for (const field of allStorageFields) {\n        if (field.defaultValue !== undefined) {\n          defaults[formKey(field)] = field.defaultValue;\n        }\n      }\n      const merged = { ...defaults, ...result.values };\n      const virtualValues = computeVirtualFieldValues(schema, merged);\n      reset({ ...merged, ...virtualValues });\n      setInitializing(false);\n    });\n    return () => {\n      cancelled = true;\n    };\n  }, [dsUid, allStorageFields, schema, reset]);\n\n  const watchedValues = watch();\n\n  // Apply field effects\n  const prevEffectValuesRef = useRef<Record<string, unknown>>({});\n  useEffect(() => {\n    if (initializing) {\n      return;\n    }\n    for (const { sourceKey, effects } of fieldsWithEffects) {\n      const currentVal = getWatchedValue(watchedValues, sourceKey);\n      const prevVal = prevEffectValuesRef.current[sourceKey];\n      if (currentVal === prevVal) {\n        continue;\n      }\n      prevEffectValuesRef.current[sourceKey] = currentVal;\n      for (const eff of effects) {\n        if (evaluateEffectCondition(eff.when, currentVal)) {\n          for (const { key, value } of eff.targets) {\n            setValue(key, value);\n          }\n          break;\n        }\n      }\n    }\n  }, [watchedValues, fieldsWithEffects, initializing, setValue]);\n\n  // Override defaults\n  const fieldsWithOverrideDefaults = useMemo(() => {\n    const result: Array<{\n      targetKey: string;\n      fieldDefault: unknown;\n      overrides: Array<{ depKey: string; depValue: string; negate: boolean; defaultValue: unknown }>;\n    }> = [];\n    for (const field of schema.fields) {\n      if (!field.overrides || field.overrides.length === 0) {\n        continue;\n      }\n      const ovs = field.overrides\n        .filter((ov) => ov.defaultValue !== undefined)\n        .map((ov) => {\n          const parsed = parseDependsOn(ov.when);\n          if (!parsed) {\n            return null;\n          }\n          const depField = fieldById.get(parsed.field);\n          return {\n            depKey: depField ? formKey(depField) : parsed.field,\n            depValue: parsed.value,\n            negate: parsed.negate,\n            defaultValue: ov.defaultValue,\n          };\n        })\n        .filter(Boolean) as Array<{ depKey: string; depValue: string; negate: boolean; defaultValue: unknown }>;\n      if (ovs.length > 0) {\n        result.push({ targetKey: formKey(field), fieldDefault: field.defaultValue, overrides: ovs });\n      }\n    }\n    return result;\n  }, [schema.fields, fieldById]);\n\n  const prevOverrideDepRef = useRef<Record<string, string>>({});\n  useEffect(() => {\n    if (initializing) {\n      return;\n    }\n    for (const { targetKey, fieldDefault, overrides } of fieldsWithOverrideDefaults) {\n      for (const ov of overrides) {\n        const currentDepVal = String(getWatchedValue(watchedValues, ov.depKey) ?? '');\n        const trackKey = `${targetKey}::${ov.depKey}`;\n        const prevDepVal = prevOverrideDepRef.current[trackKey];\n        if (currentDepVal === prevDepVal) {\n          continue;\n        }\n        prevOverrideDepRef.current[trackKey] = currentDepVal;\n        const active = evaluateDependsOn({ value: ov.depValue, negate: ov.negate }, currentDepVal);\n        const wasActive =\n          prevDepVal !== undefined && evaluateDependsOn({ value: ov.depValue, negate: ov.negate }, prevDepVal);\n        if (active) {\n          setValue(targetKey, ov.defaultValue);\n        } else if (wasActive && fieldDefault !== undefined) {\n          setValue(targetKey, fieldDefault);\n        }\n      }\n    }\n  }, [watchedValues, fieldsWithOverrideDefaults, initializing, setValue]);\n\n  // Build a CEL-compatible nested context from flat watched values + field ID mappings.\n  const celContext = useMemo(() => buildFieldCelContext(fieldById, watchedValues), [watchedValues, fieldById]);\n\n  const isFieldVisible = useCallback(\n    (field: ConfigField): boolean => isFieldVisibleImpl(field, fieldById, celContext),\n    [celContext, fieldById]\n  );\n\n  const onSubmit = useCallback(\n    async (data: FormValues) => {\n      setSubmitting(true);\n      setSubmitError(null);\n      onSaving?.(true);\n      // just introduced 2 second delay to add a visual hue. Can be removed if nor required.\n      const minDelay = new Promise((r) => setTimeout(r, 2000));\n      try {\n        await submitDatasourceConfig(dsUid, data, allStorageFields, isFieldVisible);\n        const [refreshed] = await Promise.all([fetchExistingValues(dsUid, allStorageFields), minDelay]);\n        const defaults: FormValues = {};\n        for (const field of allStorageFields) {\n          if (field.defaultValue !== undefined) {\n            defaults[formKey(field)] = field.defaultValue;\n          }\n        }\n        const merged = { ...defaults, ...refreshed.values };\n        const virtualValues = computeVirtualFieldValues(schema, merged);\n        reset({ ...merged, ...virtualValues });\n        onSuccess('UPDATED', 'Configuration saved.');\n      } catch (err: unknown) {\n        await minDelay;\n        setSubmitError(err instanceof Error ? err.message : 'Failed to update datasource');\n      } finally {\n        setSubmitting(false);\n        onSaving?.(false);\n      }\n    },\n    [dsUid, allStorageFields, isFieldVisible, schema, reset, onSuccess, onSaving]\n  );\n\n  const isGroupValid = useCallback(\n    (group: ResolvedGroup): boolean =>\n      isGroupValidImpl(group, {\n        watchedValues,\n        fieldById,\n        celContext,\n        errors: errors as Record<string, unknown>,\n        isVisible: isFieldVisible,\n      }),\n    [errors, watchedValues, fieldById, celContext, isFieldVisible]\n  );\n\n  const isFieldDisabled = useCallback(\n    (field: ConfigField): boolean => isFieldDisabledImpl(field, celContext),\n    [celContext]\n  );\n\n  const groupHasData = useCallback(\n    (group: ResolvedGroup): boolean => groupHasDataImpl(group, watchedValues),\n    [watchedValues]\n  );\n\n  return {\n    // Schema\n    resolvedGroups,\n    fieldById,\n    httpHeadersField,\n    // Form\n    control,\n    handleSubmit,\n    trigger,\n    errors,\n    watchedValues,\n    celContext,\n    // State\n    initializing,\n    fetchError,\n    submitting,\n    submitError,\n    readOnly,\n    // Callbacks\n    isFieldVisible,\n    isFieldDisabled,\n    isGroupValid,\n    groupHasData,\n    onSubmit,\n    setValue,\n  };\n}\n"],"names":["_a","isFieldVisible","isFieldVisibleImpl","isGroupValid","isGroupValidImpl","isFieldDisabled","isFieldDisabledImpl","groupHasData","groupHasDataImpl"],"mappings":"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"}

package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/hooks/useHealthChecks.js

@@ -0,0 +1,106 @@
+import { useState, useRef, useCallback } from 'react';
+import { getBackendSrv } from '@grafana/runtime';
+
+const MAX_CONCURRENCY = 5;
+function useHealthChecks() {
+  const [healthMap, setHealthMap] = useState({});
+  const queueRef = useRef([]);
+  const activeRef = useRef(0);
+  const mountedRef = useRef(true);
+  const everQueuedRef = useRef(/* @__PURE__ */ new Set());
+  const checkOne = useCallback(async (uid) => {
+    if (!mountedRef.current) {
+      return;
+    }
+    setHealthMap((prev) => ({ ...prev, [uid]: { state: "checking" } }));
+    try {
+      const result = await getBackendSrv().get(
+        `/api/datasources/uid/${uid}/health`,
+        void 0,
+        void 0,
+        { showErrorAlert: false }
+      );
+      if (!mountedRef.current) {
+        return;
+      }
+      setHealthMap((prev) => {
+        var _a;
+        return {
+          ...prev,
+          [uid]: { state: "done", status: (_a = result.status) != null ? _a : "OK", message: result.message }
+        };
+      });
+    } catch (error) {
+      if (!mountedRef.current) {
+        return;
+      }
+      let status = "ERROR";
+      let message = "";
+      if (error && typeof error === "object" && "data" in error) {
+        const data = error.data;
+        if (data == null ? void 0 : data.status) {
+          status = data.status;
+        }
+        if (data == null ? void 0 : data.message) {
+          message = data.message;
+        }
+      }
+      if (!message) {
+        message = error instanceof Error ? error.message : String(error);
+      }
+      setHealthMap((prev) => ({
+        ...prev,
+        [uid]: { state: "done", status, message }
+      }));
+    }
+  }, []);
+  const processQueue = useCallback(() => {
+    while (activeRef.current < MAX_CONCURRENCY && queueRef.current.length > 0) {
+      const uid = queueRef.current.shift();
+      activeRef.current++;
+      checkOne(uid).finally(() => {
+        activeRef.current--;
+        processQueue();
+      });
+    }
+  }, [checkOne]);
+  const checkUids = useCallback(
+    (uids) => {
+      const toCheck = [];
+      for (const uid of uids) {
+        if (everQueuedRef.current.has(uid)) {
+          continue;
+        }
+        everQueuedRef.current.add(uid);
+        toCheck.push(uid);
+      }
+      if (toCheck.length === 0) {
+        return;
+      }
+      setHealthMap((prev) => {
+        const next = { ...prev };
+        for (const uid of toCheck) {
+          next[uid] = { state: "pending" };
+        }
+        return next;
+      });
+      queueRef.current.push(...toCheck);
+      processQueue();
+    },
+    [processQueue]
+  );
+  const retry = useCallback(
+    (uid) => {
+      everQueuedRef.current.delete(uid);
+      everQueuedRef.current.add(uid);
+      setHealthMap((prev) => ({ ...prev, [uid]: { state: "pending" } }));
+      queueRef.current.push(uid);
+      processQueue();
+    },
+    [processQueue]
+  );
+  return { healthMap, checkUids, retry };
+}
+
+export { useHealthChecks };
+//# sourceMappingURL=useHealthChecks.js.map

package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/hooks/useHealthChecks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHealthChecks.js","sources":["../../../../../../src/components/ConfigEditor/DatasourceConfigWizard/hooks/useHealthChecks.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\nimport { getBackendSrv } from '@grafana/runtime';\nimport type { TestDataSourceResponse } from '@grafana/data';\n\nconst MAX_CONCURRENCY = 5;\n\nexport type HealthState = 'pending' | 'checking' | 'done';\n\nexport interface DatasourceHealth {\n  state: HealthState;\n  status?: string;\n  message?: string;\n}\n\n/**\n * Health check hook — on-demand only.\n * Call `checkUids(uids)` to trigger checks for specific UIDs.\n * Call `retry(uid)` to force re-check a single UID.\n * UIDs that have already been checked (or are in-flight) are automatically skipped.\n */\nexport function useHealthChecks() {\n  const [healthMap, setHealthMap] = useState<Record<string, DatasourceHealth>>({});\n  const queueRef = useRef<string[]>([]);\n  const activeRef = useRef(0);\n  const mountedRef = useRef(true);\n  // Permanent set of UIDs that have ever been queued — prevents re-checking on re-render.\n  // Only `retry()` removes from this set to allow explicit re-check.\n  const everQueuedRef = useRef(new Set<string>());\n\n  const checkOne = useCallback(async (uid: string) => {\n    if (!mountedRef.current) {\n      return;\n    }\n    setHealthMap((prev) => ({ ...prev, [uid]: { state: 'checking' } }));\n\n    try {\n      const result: TestDataSourceResponse = await getBackendSrv().get(\n        `/api/datasources/uid/${uid}/health`,\n        undefined,\n        undefined,\n        { showErrorAlert: false }\n      );\n      if (!mountedRef.current) {\n        return;\n      }\n      setHealthMap((prev) => ({\n        ...prev,\n        [uid]: { state: 'done', status: result.status ?? 'OK', message: result.message },\n      }));\n    } catch (error: unknown) {\n      if (!mountedRef.current) {\n        return;\n      }\n      let status = 'ERROR';\n      let message = '';\n      if (error && typeof error === 'object' && 'data' in error) {\n        const data = (error as { data?: { status?: string; message?: string } }).data;\n        if (data?.status) {\n          status = data.status;\n        }\n        if (data?.message) {\n          message = data.message;\n        }\n      }\n      if (!message) {\n        message = error instanceof Error ? error.message : String(error);\n      }\n      setHealthMap((prev) => ({\n        ...prev,\n        [uid]: { state: 'done', status, message },\n      }));\n    }\n  }, []);\n\n  const processQueue = useCallback(() => {\n    while (activeRef.current < MAX_CONCURRENCY && queueRef.current.length > 0) {\n      const uid = queueRef.current.shift()!;\n      activeRef.current++;\n      checkOne(uid).finally(() => {\n        activeRef.current--;\n        processQueue();\n      });\n    }\n  }, [checkOne]);\n\n  /**\n   * Queue health checks for a batch of UIDs.\n   * Skips UIDs that have ever been queued before (idempotent — safe to call repeatedly).\n   */\n  const checkUids = useCallback(\n    (uids: string[]) => {\n      const toCheck: string[] = [];\n      for (const uid of uids) {\n        if (everQueuedRef.current.has(uid)) {\n          continue;\n        }\n        everQueuedRef.current.add(uid);\n        toCheck.push(uid);\n      }\n      if (toCheck.length === 0) {\n        return;\n      }\n      setHealthMap((prev) => {\n        const next = { ...prev };\n        for (const uid of toCheck) {\n          next[uid] = { state: 'pending' };\n        }\n        return next;\n      });\n      queueRef.current.push(...toCheck);\n      processQueue();\n    },\n    [processQueue]\n  );\n\n  /**\n   * Force re-check a single UID (e.g. after wizard save).\n   * Clears the \"ever queued\" flag so checkUids won't block it.\n   */\n  const retry = useCallback(\n    (uid: string) => {\n      // Remove from everQueued so it can be re-queued\n      everQueuedRef.current.delete(uid);\n      // Re-add immediately\n      everQueuedRef.current.add(uid);\n      setHealthMap((prev) => ({ ...prev, [uid]: { state: 'pending' } }));\n      queueRef.current.push(uid);\n      processQueue();\n    },\n    [processQueue]\n  );\n\n  return { healthMap, checkUids, retry };\n}\n"],"names":[],"mappings":";;;AAIA,MAAM,eAAA,GAAkB,CAAA;AAgBjB,SAAS,eAAA,GAAkB;AAChC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,QAAA,CAA2C,EAAE,CAAA;AAC/E,EAAA,MAAM,QAAA,GAAW,MAAA,CAAiB,EAAE,CAAA;AACpC,EAAA,MAAM,SAAA,GAAY,OAAO,CAAC,CAAA;AAC1B,EAAA,MAAM,UAAA,GAAa,OAAO,IAAI,CAAA;AAG9B,EAAA,MAAM,aAAA,GAAgB,MAAA,iBAAO,IAAI,GAAA,EAAa,CAAA;AAE9C,EAAA,MAAM,QAAA,GAAW,WAAA,CAAY,OAAO,GAAA,KAAgB;AAClD,IAAA,IAAI,CAAC,WAAW,OAAA,EAAS;AACvB,MAAA;AAAA,IACF;AACA,IAAA,YAAA,CAAa,CAAC,IAAA,MAAU,EAAE,GAAG,IAAA,EAAM,CAAC,GAAG,GAAG,EAAE,KAAA,EAAO,UAAA,EAAW,EAAE,CAAE,CAAA;AAElE,IAAA,IAAI;AACF,MAAA,MAAM,MAAA,GAAiC,MAAM,aAAA,EAAc,CAAE,GAAA;AAAA,QAC3D,wBAAwB,GAAG,CAAA,OAAA,CAAA;AAAA,QAC3B,KAAA,CAAA;AAAA,QACA,KAAA,CAAA;AAAA,QACA,EAAE,gBAAgB,KAAA;AAAM,OAC1B;AACA,MAAA,IAAI,CAAC,WAAW,OAAA,EAAS;AACvB,QAAA;AAAA,MACF;AACA,MAAA,YAAA,CAAa,CAAC,IAAA,KAAM;AA7C1B,QAAA,IAAA,EAAA;AA6C8B,QAAA,OAAA;AAAA,UACtB,GAAG,IAAA;AAAA,UACH,CAAC,GAAG,GAAG,EAAE,KAAA,EAAO,MAAA,EAAQ,MAAA,EAAA,CAAQ,EAAA,GAAA,MAAA,CAAO,MAAA,KAAP,IAAA,GAAA,EAAA,GAAiB,IAAA,EAAM,OAAA,EAAS,OAAO,OAAA;AAAQ,SACjF;AAAA,MAAA,CAAE,CAAA;AAAA,IACJ,SAAS,KAAA,EAAgB;AACvB,MAAA,IAAI,CAAC,WAAW,OAAA,EAAS;AACvB,QAAA;AAAA,MACF;AACA,MAAA,IAAI,MAAA,GAAS,OAAA;AACb,MAAA,IAAI,OAAA,GAAU,EAAA;AACd,MAAA,IAAI,KAAA,IAAS,OAAO,KAAA,KAAU,QAAA,IAAY,UAAU,KAAA,EAAO;AACzD,QAAA,MAAM,OAAQ,KAAA,CAA2D,IAAA;AACzE,QAAA,IAAI,6BAAM,MAAA,EAAQ;AAChB,UAAA,MAAA,GAAS,IAAA,CAAK,MAAA;AAAA,QAChB;AACA,QAAA,IAAI,6BAAM,OAAA,EAAS;AACjB,UAAA,OAAA,GAAU,IAAA,CAAK,OAAA;AAAA,QACjB;AAAA,MACF;AACA,MAAA,IAAI,CAAC,OAAA,EAAS;AACZ,QAAA,OAAA,GAAU,KAAA,YAAiB,KAAA,GAAQ,KAAA,CAAM,OAAA,GAAU,OAAO,KAAK,CAAA;AAAA,MACjE;AACA,MAAA,YAAA,CAAa,CAAC,IAAA,MAAU;AAAA,QACtB,GAAG,IAAA;AAAA,QACH,CAAC,GAAG,GAAG,EAAE,KAAA,EAAO,MAAA,EAAQ,QAAQ,OAAA;AAAQ,OAC1C,CAAE,CAAA;AAAA,IACJ;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,YAAA,GAAe,YAAY,MAAM;AACrC,IAAA,OAAO,UAAU,OAAA,GAAU,eAAA,IAAmB,QAAA,CAAS,OAAA,CAAQ,SAAS,CAAA,EAAG;AACzE,MAAA,MAAM,GAAA,GAAM,QAAA,CAAS,OAAA,CAAQ,KAAA,EAAM;AACnC,MAAA,SAAA,CAAU,OAAA,EAAA;AACV,MAAA,QAAA,CAAS,GAAG,CAAA,CAAE,OAAA,CAAQ,MAAM;AAC1B,QAAA,SAAA,CAAU,OAAA,EAAA;AACV,QAAA,YAAA,EAAa;AAAA,MACf,CAAC,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAMb,EAAA,MAAM,SAAA,GAAY,WAAA;AAAA,IAChB,CAAC,IAAA,KAAmB;AAClB,MAAA,MAAM,UAAoB,EAAC;AAC3B,MAAA,KAAA,MAAW,OAAO,IAAA,EAAM;AACtB,QAAA,IAAI,aAAA,CAAc,OAAA,CAAQ,GAAA,CAAI,GAAG,CAAA,EAAG;AAClC,UAAA;AAAA,QACF;AACA,QAAA,aAAA,CAAc,OAAA,CAAQ,IAAI,GAAG,CAAA;AAC7B,QAAA,OAAA,CAAQ,KAAK,GAAG,CAAA;AAAA,MAClB;AACA,MAAA,IAAI,OAAA,CAAQ,WAAW,CAAA,EAAG;AACxB,QAAA;AAAA,MACF;AACA,MAAA,YAAA,CAAa,CAAC,IAAA,KAAS;AACrB,QAAA,MAAM,IAAA,GAAO,EAAE,GAAG,IAAA,EAAK;AACvB,QAAA,KAAA,MAAW,OAAO,OAAA,EAAS;AACzB,UAAA,IAAA,CAAK,GAAG,CAAA,GAAI,EAAE,KAAA,EAAO,SAAA,EAAU;AAAA,QACjC;AACA,QAAA,OAAO,IAAA;AAAA,MACT,CAAC,CAAA;AACD,MAAA,QAAA,CAAS,OAAA,CAAQ,IAAA,CAAK,GAAG,OAAO,CAAA;AAChC,MAAA,YAAA,EAAa;AAAA,IACf,CAAA;AAAA,IACA,CAAC,YAAY;AAAA,GACf;AAMA,EAAA,MAAM,KAAA,GAAQ,WAAA;AAAA,IACZ,CAAC,GAAA,KAAgB;AAEf,MAAA,aAAA,CAAc,OAAA,CAAQ,OAAO,GAAG,CAAA;AAEhC,MAAA,aAAA,CAAc,OAAA,CAAQ,IAAI,GAAG,CAAA;AAC7B,MAAA,YAAA,CAAa,CAAC,IAAA,MAAU,EAAE,GAAG,IAAA,EAAM,CAAC,GAAG,GAAG,EAAE,KAAA,EAAO,SAAA,EAAU,EAAE,CAAE,CAAA;AACjE,MAAA,QAAA,CAAS,OAAA,CAAQ,KAAK,GAAG,CAAA;AACzB,MAAA,YAAA,EAAa;AAAA,IACf,CAAA;AAAA,IACA,CAAC,YAAY;AAAA,GACf;AAEA,EAAA,OAAO,EAAE,SAAA,EAAW,SAAA,EAAW,KAAA,EAAM;AACvC;;;;"}

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

@@ -0,0 +1,52 @@
+import React, { useMemo } from 'react';
+import { useWatch, Controller } from '../../../../node_modules/react-hook-form/dist/index.esm.js';
+import { useStyles2, Tooltip, Icon } from '@grafana/ui';
+import { IndexedPairEditor } from './IndexedPairEditor.js';
+import { getFieldStyles } from '../styles.js';
+import '@grafana/runtime';
+import '@marcbachmann/cel-js';
+
+const AuthorizationHeaderField = (props) => {
+  const { headersFieldKey, control, disabled } = props;
+  const styles = useStyles2(getFieldStyles);
+  const watchedHeaders = useWatch({ control, name: headersFieldKey });
+  const items = useMemo(
+    () => Array.isArray(watchedHeaders) ? watchedHeaders : [],
+    [watchedHeaders]
+  );
+  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/inputs/AuthorizationHeaderField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthorizationHeaderField.js","sources":["../../../../../../src/components/ConfigEditor/DatasourceConfigWizard/inputs/AuthorizationHeaderField.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { type useForm, Controller, useWatch } from 'react-hook-form';\nimport { useStyles2, Icon, Tooltip } from '@grafana/ui';\nimport { IndexedPairEditor } from './IndexedPairEditor';\nimport { getFieldStyles } from '../styles';\nimport { type IndexedPairItem, type FormValues } from '../datasource';\n\ntype Props = {\n  headersFieldKey: string;\n  control: ReturnType<typeof useForm<FormValues>>['control'];\n  disabled?: boolean;\n};\n\nexport const AuthorizationHeaderField = (props: Props) => {\n  const { headersFieldKey, control, disabled } = props;\n  const styles = useStyles2(getFieldStyles);\n  // Subscribe to just this field rather than receiving the whole watched-values\n  // blob; keeps the component self-contained and consistent with RHF idioms.\n  const watchedHeaders = useWatch({ control, name: headersFieldKey });\n  const items = useMemo(\n    () => (Array.isArray(watchedHeaders) ? watchedHeaders : []) as IndexedPairItem[],\n    [watchedHeaders]\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":";;;;;;;;AAaO,MAAM,wBAAA,GAA2B,CAAC,KAAA,KAAiB;AACxD,EAAA,MAAM,EAAE,eAAA,EAAiB,OAAA,EAAS,QAAA,EAAS,GAAI,KAAA;AAC/C,EAAA,MAAM,MAAA,GAAS,WAAW,cAAc,CAAA;AAGxC,EAAA,MAAM,iBAAiB,QAAA,CAAS,EAAE,OAAA,EAAS,IAAA,EAAM,iBAAiB,CAAA;AAClE,EAAA,MAAM,KAAA,GAAQ,OAAA;AAAA,IACZ,MAAO,KAAA,CAAM,OAAA,CAAQ,cAAc,CAAA,GAAI,iBAAiB,EAAC;AAAA,IACzD,CAAC,cAAc;AAAA,GACjB;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/inputs/ComplexFieldNote.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { css } from '@emotion/css';
+import '@grafana/data';
+import { useStyles2, Icon } from '@grafana/ui';
+
+function ComplexInput({ field, formField }) {
+  var _a;
+  const label = (_a = field.label) != null ? _a : field.key;
+  const count = Array.isArray(formField.value) ? formField.value.length : 0;
+  return /* @__PURE__ */ React.createElement(ComplexFieldNote, { count, label });
+}
+const ComplexFieldNote = (props) => {
+  const { count, label } = props;
+  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 { ComplexInput };
+//# sourceMappingURL=ComplexFieldNote.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComplexFieldNote.js","sources":["../../../../../../src/components/ConfigEditor/DatasourceConfigWizard/inputs/ComplexFieldNote.tsx"],"sourcesContent":["import React from 'react';\nimport { css } from '@emotion/css';\nimport { type GrafanaTheme2 } from '@grafana/data';\nimport { useStyles2, Icon } from '@grafana/ui';\nimport type { FieldInputProps } from './types';\n\ntype Props = { count: number; label: string };\n\nexport function ComplexInput({ field, formField }: FieldInputProps) {\n  const label = field.label ?? field.key;\n  const count = Array.isArray(formField.value) ? formField.value.length : 0;\n  return <ComplexFieldNote count={count} label={label} />;\n}\n\nconst ComplexFieldNote = (props: Props) => {\n  const { count, label } = props;\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":";;;;;AAQO,SAAS,YAAA,CAAa,EAAE,KAAA,EAAO,SAAA,EAAU,EAAoB;AARpE,EAAA,IAAA,EAAA;AASE,EAAA,MAAM,KAAA,GAAA,CAAQ,EAAA,GAAA,KAAA,CAAM,KAAA,KAAN,IAAA,GAAA,EAAA,GAAe,KAAA,CAAM,GAAA;AACnC,EAAA,MAAM,KAAA,GAAQ,MAAM,OAAA,CAAQ,SAAA,CAAU,KAAK,CAAA,GAAI,SAAA,CAAU,MAAM,MAAA,GAAS,CAAA;AACxE,EAAA,uBAAO,KAAA,CAAA,aAAA,CAAC,gBAAA,EAAA,EAAiB,KAAA,EAAc,KAAA,EAAc,CAAA;AACvD;AAEA,MAAM,gBAAA,GAAmB,CAAC,KAAA,KAAiB;AACzC,EAAA,MAAM,EAAE,KAAA,EAAO,KAAA,EAAM,GAAI,KAAA;AACzB,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,CAAA;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;;;;"}

package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/inputs/FieldInput.js

@@ -0,0 +1,110 @@
+import React from 'react';
+import { TextInput, TextAreaInput, NumberInput, BooleanInput, SelectInput, RadioInput } from './PrimitiveInputs.js';
+import { SecureInput } from './SecureFieldInput.js';
+import { StringArrayField } from './StringArrayInput.js';
+import { IndexedPairInput } from './IndexedPairEditor.js';
+import { FileUploadInput } from './FileUploadField.js';
+import { ObjectArrayInput } from './ObjectArrayEditor.js';
+import { ComplexInput } from './ComplexFieldNote.js';
+import '../../../../node_modules/js-yaml/dist/js-yaml.js';
+import '@grafana/runtime';
+
+const INPUT_KIND_RULES = [
+  {
+    kind: "fileUpload",
+    matches: (f, hasSetValue) => {
+      var _a;
+      return ((_a = f.ui) == null ? void 0 : _a.component) === "fileUpload" && !!f.ui.fileMapping && hasSetValue;
+    }
+  },
+  {
+    kind: "secure",
+    matches: (f) => f.target === "secureJsonData"
+  },
+  {
+    kind: "radio",
+    matches: (f) => {
+      var _a;
+      return ((_a = f.ui) == null ? void 0 : _a.component) === "radio";
+    }
+  },
+  {
+    kind: "select",
+    matches: (f) => {
+      var _a;
+      return ((_a = f.ui) == null ? void 0 : _a.component) === "select";
+    }
+  },
+  {
+    kind: "boolean",
+    matches: (f) => f.valueType === "boolean"
+  },
+  {
+    kind: "number",
+    matches: (f) => f.valueType === "number"
+  },
+  {
+    kind: "textarea",
+    matches: (f) => {
+      var _a;
+      return ((_a = f.ui) == null ? void 0 : _a.component) === "textarea";
+    }
+  },
+  {
+    kind: "indexedPair",
+    matches: (f) => {
+      var _a;
+      return ((_a = f.storage) == null ? void 0 : _a.type) === "indexedPair";
+    }
+  },
+  {
+    kind: "stringArray",
+    matches: (f) => {
+      var _a;
+      return f.valueType === "array" && ((_a = f.item) == null ? void 0 : _a.valueType) === "string";
+    }
+  },
+  {
+    kind: "objectArray",
+    matches: (f) => {
+      var _a, _b;
+      return f.valueType === "array" && ((_a = f.item) == null ? void 0 : _a.valueType) === "object" && !!((_b = f.item.fields) == null ? void 0 : _b.length);
+    }
+  },
+  {
+    kind: "complex",
+    matches: (f) => {
+      var _a, _b;
+      return f.valueType === "object" || f.valueType === "map" || f.valueType === "array" && (((_a = f.item) == null ? void 0 : _a.valueType) === "object" || ((_b = f.item) == null ? void 0 : _b.valueType) === "map");
+    }
+  },
+  {
+    kind: "text",
+    matches: () => true
+  }
+];
+function resolveFieldInputKind(field, hasSetValue) {
+  return INPUT_KIND_RULES.find((rule) => rule.matches(field, hasSetValue)).kind;
+}
+const FIELD_INPUTS = {
+  fileUpload: FileUploadInput,
+  secure: SecureInput,
+  radio: RadioInput,
+  select: SelectInput,
+  boolean: BooleanInput,
+  number: NumberInput,
+  textarea: TextAreaInput,
+  indexedPair: IndexedPairInput,
+  stringArray: StringArrayField,
+  objectArray: ObjectArrayInput,
+  complex: ComplexInput,
+  text: TextInput
+};
+function FieldInput(props) {
+  const kind = resolveFieldInputKind(props.field, props.setValue !== void 0);
+  const Component = FIELD_INPUTS[kind];
+  return /* @__PURE__ */ React.createElement(Component, { ...props });
+}
+
+export { FieldInput, resolveFieldInputKind };
+//# sourceMappingURL=FieldInput.js.map

package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/inputs/FieldInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldInput.js","sources":["../../../../../../src/components/ConfigEditor/DatasourceConfigWizard/inputs/FieldInput.tsx"],"sourcesContent":["import React from 'react';\nimport { TextInput, NumberInput, BooleanInput, TextAreaInput, SelectInput, RadioInput } from './PrimitiveInputs';\nimport { SecureInput } from './SecureFieldInput';\nimport { StringArrayField } from './StringArrayInput';\nimport { IndexedPairInput } from './IndexedPairEditor';\nimport { FileUploadInput } from './FileUploadField';\nimport { ObjectArrayInput } from './ObjectArrayEditor';\nimport { ComplexInput } from './ComplexFieldNote';\nimport { type ConfigField } from './../../../../schema';\nimport { type FieldInputProps } from './types';\n\nexport type FieldInputKind =\n  | 'fileUpload'\n  | 'secure'\n  | 'radio'\n  | 'select'\n  | 'boolean'\n  | 'number'\n  | 'textarea'\n  | 'indexedPair'\n  | 'stringArray'\n  | 'objectArray'\n  | 'complex'\n  | 'text';\n\nconst INPUT_KIND_RULES: ReadonlyArray<{\n  kind: FieldInputKind;\n  matches: (field: ConfigField, hasSetValue: boolean) => boolean;\n}> = [\n  {\n    kind: 'fileUpload',\n    matches: (f, hasSetValue) => f.ui?.component === 'fileUpload' && !!f.ui.fileMapping && hasSetValue,\n  },\n  {\n    kind: 'secure',\n    matches: (f) => f.target === 'secureJsonData',\n  },\n  {\n    kind: 'radio',\n    matches: (f) => f.ui?.component === 'radio',\n  },\n  {\n    kind: 'select',\n    matches: (f) => f.ui?.component === 'select',\n  },\n  {\n    kind: 'boolean',\n    matches: (f) => f.valueType === 'boolean',\n  },\n  {\n    kind: 'number',\n    matches: (f) => f.valueType === 'number',\n  },\n  {\n    kind: 'textarea',\n    matches: (f) => f.ui?.component === 'textarea',\n  },\n  {\n    kind: 'indexedPair',\n    matches: (f) => f.storage?.type === 'indexedPair',\n  },\n  {\n    kind: 'stringArray',\n    matches: (f) => f.valueType === 'array' && f.item?.valueType === 'string',\n  },\n  {\n    kind: 'objectArray',\n    matches: (f) => f.valueType === 'array' && f.item?.valueType === 'object' && !!f.item.fields?.length,\n  },\n  {\n    kind: 'complex',\n    matches: (f) =>\n      f.valueType === 'object' ||\n      f.valueType === 'map' ||\n      (f.valueType === 'array' && (f.item?.valueType === 'object' || f.item?.valueType === 'map')),\n  },\n  {\n    kind: 'text',\n    matches: () => true,\n  },\n];\n\nexport function resolveFieldInputKind(field: ConfigField, hasSetValue: boolean): FieldInputKind {\n  return INPUT_KIND_RULES.find((rule) => rule.matches(field, hasSetValue))!.kind;\n}\n\n/** Registry mapping each resolved kind to its renderer. */\nconst FIELD_INPUTS: Record<FieldInputKind, React.ComponentType<FieldInputProps>> = {\n  fileUpload: FileUploadInput,\n  secure: SecureInput,\n  radio: RadioInput,\n  select: SelectInput,\n  boolean: BooleanInput,\n  number: NumberInput,\n  textarea: TextAreaInput,\n  indexedPair: IndexedPairInput,\n  stringArray: StringArrayField,\n  objectArray: ObjectArrayInput,\n  complex: ComplexInput,\n  text: TextInput,\n};\n\n/**\n * Render the appropriate input for a schema field.\n *\n * Replaces the former `renderFieldInput` switch with a resolver + component\n * registry: each input is an independently testable component, and adding a\n * new input means extending the registry rather than editing a growing\n * conditional.\n */\nexport function FieldInput(props: FieldInputProps) {\n  const kind = resolveFieldInputKind(props.field, props.setValue !== undefined);\n  const Component = FIELD_INPUTS[kind];\n  return <Component {...props} />;\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAyBA,MAAM,gBAAA,GAGD;AAAA,EACH;AAAA,IACE,IAAA,EAAM,YAAA;AAAA,IACN,OAAA,EAAS,CAAC,CAAA,EAAG,WAAA,KAAa;AA/B9B,MAAA,IAAA,EAAA;AA+BiC,MAAA,OAAA,CAAA,CAAA,EAAA,GAAA,CAAA,CAAE,EAAA,KAAF,mBAAM,SAAA,MAAc,YAAA,IAAgB,CAAC,CAAC,CAAA,CAAE,GAAG,WAAA,IAAe,WAAA;AAAA,IAAA;AAAA,GACzF;AAAA,EACA;AAAA,IACE,IAAA,EAAM,QAAA;AAAA,IACN,OAAA,EAAS,CAAC,CAAA,KAAM,CAAA,CAAE,MAAA,KAAW;AAAA,GAC/B;AAAA,EACA;AAAA,IACE,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS,CAAC,CAAA,KAAG;AAvCjB,MAAA,IAAA,EAAA;AAuCoB,MAAA,OAAA,CAAA,CAAA,EAAA,GAAA,CAAA,CAAE,EAAA,KAAF,mBAAM,SAAA,MAAc,OAAA;AAAA,IAAA;AAAA,GACtC;AAAA,EACA;AAAA,IACE,IAAA,EAAM,QAAA;AAAA,IACN,OAAA,EAAS,CAAC,CAAA,KAAG;AA3CjB,MAAA,IAAA,EAAA;AA2CoB,MAAA,OAAA,CAAA,CAAA,EAAA,GAAA,CAAA,CAAE,EAAA,KAAF,mBAAM,SAAA,MAAc,QAAA;AAAA,IAAA;AAAA,GACtC;AAAA,EACA;AAAA,IACE,IAAA,EAAM,SAAA;AAAA,IACN,OAAA,EAAS,CAAC,CAAA,KAAM,CAAA,CAAE,SAAA,KAAc;AAAA,GAClC;AAAA,EACA;AAAA,IACE,IAAA,EAAM,QAAA;AAAA,IACN,OAAA,EAAS,CAAC,CAAA,KAAM,CAAA,CAAE,SAAA,KAAc;AAAA,GAClC;AAAA,EACA;AAAA,IACE,IAAA,EAAM,UAAA;AAAA,IACN,OAAA,EAAS,CAAC,CAAA,KAAG;AAvDjB,MAAA,IAAA,EAAA;AAuDoB,MAAA,OAAA,CAAA,CAAA,EAAA,GAAA,CAAA,CAAE,EAAA,KAAF,mBAAM,SAAA,MAAc,UAAA;AAAA,IAAA;AAAA,GACtC;AAAA,EACA;AAAA,IACE,IAAA,EAAM,aAAA;AAAA,IACN,OAAA,EAAS,CAAC,CAAA,KAAG;AA3DjB,MAAA,IAAA,EAAA;AA2DoB,MAAA,OAAA,CAAA,CAAA,EAAA,GAAA,CAAA,CAAE,OAAA,KAAF,mBAAW,IAAA,MAAS,aAAA;AAAA,IAAA;AAAA,GACtC;AAAA,EACA;AAAA,IACE,IAAA,EAAM,aAAA;AAAA,IACN,OAAA,EAAS,CAAC,CAAA,KAAG;AA/DjB,MAAA,IAAA,EAAA;AA+DoB,MAAA,OAAA,CAAA,CAAE,SAAA,KAAc,OAAA,IAAA,CAAA,CAAW,EAAA,GAAA,CAAA,CAAE,IAAA,KAAF,mBAAQ,SAAA,MAAc,QAAA;AAAA,IAAA;AAAA,GACnE;AAAA,EACA;AAAA,IACE,IAAA,EAAM,aAAA;AAAA,IACN,OAAA,EAAS,CAAC,CAAA,KAAG;AAnEjB,MAAA,IAAA,EAAA,EAAA,EAAA;AAmEoB,MAAA,OAAA,CAAA,CAAE,SAAA,KAAc,OAAA,IAAA,CAAA,CAAW,EAAA,GAAA,CAAA,CAAE,IAAA,KAAF,IAAA,GAAA,MAAA,GAAA,EAAA,CAAQ,SAAA,MAAc,QAAA,IAAY,CAAC,EAAA,CAAC,EAAA,GAAA,CAAA,CAAE,IAAA,CAAK,MAAA,KAAP,IAAA,GAAA,MAAA,GAAA,EAAA,CAAe,MAAA,CAAA;AAAA,IAAA;AAAA,GAChG;AAAA,EACA;AAAA,IACE,IAAA,EAAM,SAAA;AAAA,IACN,OAAA,EAAS,CAAC,CAAA,KAAG;AAvEjB,MAAA,IAAA,EAAA,EAAA,EAAA;AAwEM,MAAA,OAAA,CAAA,CAAE,cAAc,QAAA,IAChB,CAAA,CAAE,SAAA,KAAc,KAAA,IACf,EAAE,SAAA,KAAc,OAAA,KAAA,CAAA,CAAY,EAAA,GAAA,CAAA,CAAE,IAAA,KAAF,mBAAQ,SAAA,MAAc,QAAA,IAAA,CAAA,CAAY,EAAA,GAAA,CAAA,CAAE,IAAA,KAAF,mBAAQ,SAAA,MAAc,KAAA,CAAA;AAAA,IAAA;AAAA,GACzF;AAAA,EACA;AAAA,IACE,IAAA,EAAM,MAAA;AAAA,IACN,SAAS,MAAM;AAAA;AAEnB,CAAA;AAEO,SAAS,qBAAA,CAAsB,OAAoB,WAAA,EAAsC;AAC9F,EAAA,OAAO,gBAAA,CAAiB,KAAK,CAAC,IAAA,KAAS,KAAK,OAAA,CAAQ,KAAA,EAAO,WAAW,CAAC,CAAA,CAAG,IAAA;AAC5E;AAGA,MAAM,YAAA,GAA6E;AAAA,EACjF,UAAA,EAAY,eAAA;AAAA,EACZ,MAAA,EAAQ,WAAA;AAAA,EACR,KAAA,EAAO,UAAA;AAAA,EACP,MAAA,EAAQ,WAAA;AAAA,EACR,OAAA,EAAS,YAAA;AAAA,EACT,MAAA,EAAQ,WAAA;AAAA,EACR,QAAA,EAAU,aAAA;AAAA,EACV,WAAA,EAAa,gBAAA;AAAA,EACb,WAAA,EAAa,gBAAA;AAAA,EACb,WAAA,EAAa,gBAAA;AAAA,EACb,OAAA,EAAS,YAAA;AAAA,EACT,IAAA,EAAM;AACR,CAAA;AAUO,SAAS,WAAW,KAAA,EAAwB;AACjD,EAAA,MAAM,OAAO,qBAAA,CAAsB,KAAA,CAAM,KAAA,EAAO,KAAA,CAAM,aAAa,MAAS,CAAA;AAC5E,EAAA,MAAM,SAAA,GAAY,aAAa,IAAI,CAAA;AACnC,EAAA,uBAAO,KAAA,CAAA,aAAA,CAAC,SAAA,EAAA,EAAW,GAAG,KAAA,EAAO,CAAA;AAC/B;;;;"}