@grafana/plugin-ui 0.14.1-dsconfig.0d5c985 → 0.14.1-dsconfig.4bdebf6

package/dist/cjs/index.cjs

@@ -22,6 +22,7 @@ var dnd = require('@hello-pangea/dnd');
 var reactPopperTooltip = require('react-popper-tooltip');
 var Prism = require('prismjs');
 var yaml = require('js-yaml');
+var schemas = require('./schemas.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -341,15 +342,15 @@ function getSignatureDisplayModel(signature) {
 }
 PluginSignatureBadge.displayName = "PluginSignatureBadge";
 
-var __defProp$3 = Object.defineProperty;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$3 = (obj, key, value) => __defNormalProp$3(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$4 = Object.defineProperty;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$4 = (obj, key, value) => __defNormalProp$4(obj, typeof key !== "symbol" ? key + "" : key, value);
 class DataSourcePicker extends React.PureComponent {
   constructor(props) {
     super(props);
-    __publicField$3(this, "dataSourceSrv", runtime.getDataSourceSrv());
-    __publicField$3(this, "state", {});
-    __publicField$3(this, "onChange", (item) => {
+    __publicField$4(this, "dataSourceSrv", runtime.getDataSourceSrv());
+    __publicField$4(this, "state", {});
+    __publicField$4(this, "onChange", (item) => {
       const dsSettings = this.dataSourceSrv.getInstanceSettings(item.value);
       if (dsSettings) {
         this.props.onChange(dsSettings);
@@ -429,7 +430,7 @@ class DataSourcePicker extends React.PureComponent {
     ));
   }
 }
-__publicField$3(DataSourcePicker, "defaultProps", {
+__publicField$4(DataSourcePicker, "defaultProps", {
   autoFocus: false,
   openMenuOnFocus: false,
   placeholder: "Select datasource"
@@ -7067,20 +7068,20 @@ const MACRO_NAMES = [
   "$__unixEpochGroupAlias"
 ];
 
-var __defProp$2 = Object.defineProperty;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$2 = (obj, key, value) => __defNormalProp$2(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$3 = Object.defineProperty;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$3 = (obj, key, value) => __defNormalProp$3(obj, typeof key !== "symbol" ? key + "" : key, value);
 class SqlDatasource extends runtime.DataSourceWithBackend {
   constructor(instanceSettings, templateSrv = runtime.getTemplateSrv()) {
     super(instanceSettings);
     this.templateSrv = templateSrv;
-    __publicField$2(this, "id");
-    __publicField$2(this, "name");
-    __publicField$2(this, "interval");
-    __publicField$2(this, "db");
-    __publicField$2(this, "dataset");
-    __publicField$2(this, "annotations", {});
-    __publicField$2(this, "interpolateVariable", (value, variable) => {
+    __publicField$3(this, "id");
+    __publicField$3(this, "name");
+    __publicField$3(this, "interval");
+    __publicField$3(this, "db");
+    __publicField$3(this, "dataset");
+    __publicField$3(this, "annotations", {});
+    __publicField$3(this, "interpolateVariable", (value, variable) => {
       if (typeof value === "string") {
         if (variable.multi || variable.includeAll) {
           const result = this.getQueryModel().quoteLiteral(value);
@@ -10521,6 +10522,155 @@ function WizardLayout({ form, schema, dsUid, dsName, onRetest, healthError, rend
   ), submitError && /* @__PURE__ */ React__default.default.createElement(ui.Alert, { severity: "error", title: "Error" }, submitError), /* @__PURE__ */ React__default.default.createElement("div", { className: styles.buttons }, readOnly ? /* @__PURE__ */ React__default.default.createElement(ui.Button, { variant: "primary", size: "sm", icon: "sync", onClick: onRetest, type: "button" }, "Test") : /* @__PURE__ */ React__default.default.createElement(ui.Button, { variant: "primary", size: "sm", disabled: submitting || !currentGroupValid, type: "submit" }, submitting ? "Saving..." : "Save & Test"), healthError && (renderActions == null ? void 0 : renderActions({ dsUid, dsName, dsType: schema.pluginType, healthError })))));
 }
 
+var __defProp$2 = Object.defineProperty;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$2 = (obj, key, value) => __defNormalProp$2(obj, key + "" , value);
+class DatasourceErrorBoundary extends React.Component {
+  constructor() {
+    super(...arguments);
+    __publicField$2(this, "state", { error: null });
+  }
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error, info) {
+    console.error("[DatasourceConfigWizard] Caught error:", error, info.componentStack);
+  }
+  render() {
+    if (this.state.error) {
+      return /* @__PURE__ */ React__default.default.createElement(ui.Alert, { severity: "warning", title: "Configuration wizard unavailable" }, "Could not load the configuration wizard", this.props.dsName ? ` for ${this.props.dsName}` : "", ". Use the Settings link to configure this datasource manually.");
+    }
+    return this.props.children;
+  }
+}
+
+const MAX_CONCURRENCY = 5;
+function useHealthChecks() {
+  const [healthMap, setHealthMap] = React.useState({});
+  const queueRef = React.useRef([]);
+  const activeRef = React.useRef(0);
+  const mountedRef = React.useRef(true);
+  const everQueuedRef = React.useRef(/* @__PURE__ */ new Set());
+  const checkOne = React.useCallback(async (uid) => {
+    if (!mountedRef.current) {
+      return;
+    }
+    setHealthMap((prev) => ({ ...prev, [uid]: { state: "checking" } }));
+    try {
+      const result = await runtime.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 = React.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 = React.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 = React.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 };
+}
+
+let pluginNameCache = null;
+function buildPluginNameCache() {
+  var _a;
+  if (pluginNameCache) {
+    return pluginNameCache;
+  }
+  const map = /* @__PURE__ */ new Map();
+  try {
+    const list = runtime.getDataSourceSrv().getList();
+    for (const ds of list) {
+      if (((_a = ds.meta) == null ? void 0 : _a.name) && ds.type && !map.has(ds.type)) {
+        map.set(ds.type, ds.meta.name);
+      }
+    }
+  } catch (ex) {
+    console.error(ex);
+  }
+  pluginNameCache = map;
+  return map;
+}
+function resolvePluginName(pluginType) {
+  var _a;
+  const cache = buildPluginNameCache();
+  return (_a = cache.get(pluginType)) != null ? _a : pluginType;
+}
+
 var __defProp$1 = Object.defineProperty;
 var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField$1 = (obj, key, value) => __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -12379,6 +12529,7 @@ function datasourceToProvisioningYaml(ds, schema) {
   return lines.join("\n");
 }
 
+exports.getConfigSchema = schemas.getConfigSchema;
 exports.AccessoryButton = AccessoryButton;
 exports.AdvancedHttpSettings = AdvancedHttpSettings;
 exports.Auth = Auth;
@@ -12399,6 +12550,7 @@ exports.DataSourceDescription = DataSourceDescription;
 exports.DataSourcePicker = DataSourcePicker;
 exports.DatasetSelector = DatasetSelector;
 exports.DatasourceConfigWizard = DatasourceConfigWizard;
+exports.DatasourceErrorBoundary = DatasourceErrorBoundary;
 exports.DatePicker = DatePicker;
 exports.DatePickerWithInput = DatePickerWithInput;
 exports.DebounceInput = DebounceInput;
@@ -12466,8 +12618,10 @@ exports.grafanaStandardSQLLanguageConf = conf;
 exports.parseDependsOn = parseDependsOn;
 exports.resolveActiveOverride = resolveActiveOverride;
 exports.resolveGroups = resolveGroups;
+exports.resolvePluginName = resolvePluginName;
 exports.resolveRequiredFieldsGroup = resolveRequiredFieldsGroup;
 exports.submitDatasourceConfig = submitDatasourceConfig;
 exports.toOption = toOption;
 exports.toProvisioningYaml = toProvisioningYaml;
+exports.useHealthChecks = useHealthChecks;
 //# sourceMappingURL=index.cjs.map