@grafana/plugin-ui 0.14.1-dsconfig.f7c437a → 0.15.0

package/dist/esm/test-utils.d.ts

@@ -1,40 +1,40 @@
 import * as _grafana_data from '@grafana/data';
-import { DataSourceInstanceSettings, DataQuery, DataSourcePluginMeta, PluginDependencies, PluginInclude, PluginIncludeType, PluginMeta, PluginMetaInfo, PluginSignatureStatus, PluginState, PluginType, LoadingState, QueryEditorProps, TimeRange, SelectableValue } from '@grafana/data';
+import { DataSourceInstanceSettings, DataQuery, DataSourcePluginMeta, PluginMetaInfo, PluginMeta, PluginInclude, PluginType, PluginIncludeType, PluginState, PluginDependencies, PluginSignatureStatus, QueryEditorProps, LoadingState, TimeRange, SelectableValue } from '@grafana/data';
 import { DataSourceWithBackend } from '@grafana/runtime';
 
 declare class DatasourceMock extends DataSourceWithBackend {
-    query: jest.Mock<any, any>;
+    query: jest.Mock<any, any, any>;
     filterQuery: any;
-    applyTemplateVariables: jest.Mock<any, any>;
-    getResource: jest.Mock<any, any>;
-    postResource: jest.Mock<any, any>;
-    callHealthCheck: jest.Mock<any, any>;
-    testDatasource: jest.Mock<any, any>;
+    applyTemplateVariables: jest.Mock<any, any, any>;
+    getResource: jest.Mock<any, any, any>;
+    postResource: jest.Mock<any, any, any>;
+    callHealthCheck: jest.Mock<any, any, any>;
+    testDatasource: jest.Mock<any, any, any>;
     uid: string;
     name: string;
     id: number;
     type: string;
     interval: string;
-    importQueries: jest.Mock<any, any>;
-    init: jest.Mock<any, any>;
-    getQueryHints: jest.Mock<any, any>;
-    getQueryDisplayText: jest.Mock<any, any>;
-    metricFindQuery: jest.Mock<any, any>;
-    getTagKeys: jest.Mock<any, any>;
-    getTagValues: jest.Mock<any, any>;
+    importQueries: jest.Mock<any, any, any>;
+    init: jest.Mock<any, any, any>;
+    getQueryHints: jest.Mock<any, any, any>;
+    getQueryDisplayText: jest.Mock<any, any, any>;
+    metricFindQuery: jest.Mock<any, any, any>;
+    getTagKeys: jest.Mock<any, any, any>;
+    getTagValues: jest.Mock<any, any, any>;
     components: {};
     meta: _grafana_data.DataSourcePluginMeta<{}>;
-    targetContainsTemplate: jest.Mock<any, any>;
-    modifyQuery: jest.Mock<any, any>;
-    getHighlighterExpression: jest.Mock<any, any>;
-    languageProvider: jest.Mock<any, any>;
-    getVersion: jest.Mock<any, any>;
-    interpolateVariablesInQueries: jest.Mock<any, any>;
+    targetContainsTemplate: jest.Mock<any, any, any>;
+    modifyQuery: jest.Mock<any, any, any>;
+    getHighlighterExpression: jest.Mock<any, any, any>;
+    languageProvider: jest.Mock<any, any, any>;
+    getVersion: jest.Mock<any, any, any>;
+    interpolateVariablesInQueries: jest.Mock<any, any, any>;
     annotations: {};
-    annotationQuery: jest.Mock<any, any>;
-    streamOptionsProvider: jest.Mock<any, any>;
-    getRef: jest.Mock<any, any>;
-    protected getRequestHeaders: jest.Mock<any, any>;
+    annotationQuery: jest.Mock<any, any, any>;
+    streamOptionsProvider: jest.Mock<any, any, any>;
+    getRef: jest.Mock<any, any, any>;
+    protected getRequestHeaders: jest.Mock<any, any, any>;
 }
 declare const mockDatasource: () => DatasourceMock;
 declare const mockDatasourceInstanceSettings: () => DataSourceInstanceSettings;

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@grafana/plugin-ui",
-  "version": "0.14.1-dsconfig.f7c437a",
+  "version": "0.15.0",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/grafana/plugin-ui.git"
   },
+  "license": "Apache-2.0",
   "author": "Grafana Labs",
   "type": "module",
   "main": "dist/cjs/index.cjs",
@@ -44,7 +45,7 @@
   "scripts": {
     "build": "tsc -p ./tsconfig.build.json && rollup -c rollup.config.ts --configPlugin esbuild",
     "dev": "tsc -p ./tsconfig.build.json && rollup -c rollup.config.ts --configPlugin esbuild -w",
-    "clean": "rm -rf ./dist ./compiled",
+    "clean": "rm -rf ./dist ./compiled ./storybook-static",
     "test": "jest --watch",
     "test:ci": "jest --ci",
     "spellcheck": "cspell -c cspell.config.json \"**/*.{ts,tsx,js,md,mdx,yml,yaml,json,scss,css}\"",
@@ -54,111 +55,97 @@
     "lint:fix": "yarn run lint --fix",
     "typecheck": "tsc",
     "verify-types": "attw --pack .",
-    "verify-packagejson": "yarn publint ."
+    "verify-packagejson": "yarn publint .",
+    "sanity-check": "yarn clean && yarn spellcheck && yarn lint && yarn typecheck && yarn test:ci && yarn build && yarn verify-types && yarn verify-packagejson && yarn storybook:build && yarn clean"
   },
   "dependencies": {
-    "@emotion/css": "^11.11.2",
-    "@hello-pangea/dnd": "^17.0.0",
-    "@react-awesome-query-builder/ui": "^6.6.4",
-    "@types/prismjs": "^1.26.4",
-    "chance": "^1.1.7",
-    "js-yaml": "^4.1.0",
-    "lodash": "^4.18.1",
-    "prismjs": "^1.30.0",
-    "react-calendar": "^4.8.0",
-    "react-hook-form": "^7.52.0",
-    "react-popper-tooltip": "^4.4.2",
-    "react-use": "^17.3.1",
-    "react-virtualized-auto-sizer": "^1.0.6",
-    "sql-formatter": "^15.7.0",
-    "uuid": "^11.0.0"
+    "@emotion/css": "11.13.5",
+    "@hello-pangea/dnd": "17.0.0",
+    "@react-awesome-query-builder/ui": "6.6.12",
+    "lodash": "4.18.1",
+    "prismjs": "1.30.0",
+    "react-calendar": "4.8.0",
+    "react-popper-tooltip": "4.4.2",
+    "react-use": "17.6.0",
+    "react-virtualized-auto-sizer": "1.0.6",
+    "sql-formatter": "15.7.3",
+    "uuid": "14.0.0"
   },
   "devDependencies": {
-    "@arethetypeswrong/cli": "^0.17.3",
-    "@grafana/data": "^10.4.0",
-    "@grafana/e2e-selectors": "^10.4.0",
+    "@arethetypeswrong/cli": "0.17.3",
+    "@grafana/data": "^10.4.7",
+    "@grafana/e2e-selectors": "^10.4.7",
     "@grafana/eslint-config": "^8.0.0",
-    "@grafana/runtime": "^10.4.0",
+    "@grafana/runtime": "^10.4.7",
     "@grafana/tsconfig": "^2.0.0",
-    "@grafana/ui": "^10.4.0",
-    "@rollup/plugin-commonjs": "^29.0.0",
-    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@grafana/ui": "^10.4.7",
+    "@rollup/plugin-commonjs": "29.0.0",
+    "@rollup/plugin-node-resolve": "16.0.0",
     "@storybook/addon-docs": "10.2.5",
     "@storybook/addon-links": "10.2.5",
     "@storybook/addon-webpack5-compiler-swc": "4.0.2",
     "@storybook/react-webpack5": "10.2.5",
-    "@stylistic/eslint-plugin-ts": "^2.9.0",
+    "@stylistic/eslint-plugin-ts": "2.9.0",
     "@swc/core": "1.15.11",
-    "@swc/jest": "^0.2.37",
+    "@swc/jest": "0.2.37",
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "15.0.2",
     "@testing-library/user-event": "14.5.2",
-    "@types/chance": "^1.1.0",
-    "@types/lodash": "^4.14.194",
-    "@types/memoize-one": "^5.1.2",
+    "@types/chance": "1.1.0",
+    "@types/jest": "30.0.0",
+    "@types/lodash": "4.14.194",
+    "@types/memoize-one": "5.1.2",
+    "@types/prismjs": "1.26.4",
     "@types/react": "18.3.28",
-    "@types/react-calendar": "^3.1.2",
-    "@types/testing-library__jest-dom": "^5.9.5",
-    "@typescript-eslint/eslint-plugin": "^6.18.0",
-    "@typescript-eslint/parser": "^6.18.0",
-    "copyfiles": "^2.4.1",
-    "cspell": "^8.14.4",
-    "esbuild": "^0.25.3",
-    "eslint": "^8.52.0",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-jsdoc": "^46.8.2",
-    "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "fast-glob": "^3.3.1",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "jest-fetch-mock": "^3.0.3",
-    "lefthook": "^1.7.18",
-    "mockdate": "^3.0.2",
-    "prettier": "^3.3.3",
-    "publint": "^0.3.12",
+    "@types/react-calendar": "3.1.2",
+    "@types/testing-library__jest-dom": "5.9.5",
+    "@typescript-eslint/eslint-plugin": "6.18.0",
+    "@typescript-eslint/parser": "6.18.0",
+    "chance": "1.1.7",
+    "copyfiles": "2.4.1",
+    "cspell": "10.0.1",
+    "esbuild": "0.25.3",
+    "eslint": "8.52.0",
+    "eslint-config-prettier": "8.8.0",
+    "eslint-plugin-jsdoc": "46.8.2",
+    "eslint-plugin-prettier": "5.2.1",
+    "eslint-plugin-react": "7.37.4",
+    "eslint-plugin-react-hooks": "4.6.0",
+    "fast-glob": "3.3.1",
+    "jest": "29.7.0",
+    "jest-environment-jsdom": "29.7.0",
+    "jest-fetch-mock": "3.0.3",
+    "lefthook": "1.7.18",
+    "mockdate": "3.0.2",
+    "prettier": "3.3.3",
+    "publint": "0.3.12",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "react-select-event": "^5.5.1",
-    "rollup": "^4.32.1",
-    "rollup-plugin-dts": "^6.1.1",
-    "rollup-plugin-esbuild": "^6.1.1",
-    "rollup-plugin-node-externals": "^8.0.0",
-    "rxjs": "^7.8.1",
+    "react-select-event": "5.5.1",
+    "rollup": "4.32.1",
+    "rollup-plugin-dts": "6.1.1",
+    "rollup-plugin-esbuild": "6.1.1",
+    "rollup-plugin-node-externals": "8.0.0",
+    "rxjs": "7.8.1",
     "storybook": "10.2.10",
-    "ts-node": "^10.9.1",
-    "typescript": "^5.7.3"
+    "ts-node": "10.9.1",
+    "typescript": "5.7.3"
   },
   "peerDependencies": {
-    "@grafana/data": ">=10.4.0-0",
-    "@grafana/e2e-selectors": ">=10.4.0-0",
-    "@grafana/runtime": ">=10.4.0-0",
-    "@grafana/ui": ">=10.4.0-0",
+    "@grafana/data": ">=10.4.7",
+    "@grafana/e2e-selectors": ">=10.4.7",
+    "@grafana/runtime": ">=10.4.7",
+    "@grafana/ui": ">=10.4.7",
     "@testing-library/jest-dom": ">=5.16.5",
     "@testing-library/react": ">=15.0.2",
-    "@testing-library/user-event": ">=14.5.2",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "rxjs": "^7.8.1"
+    "@testing-library/user-event": ">=14.5.2"
   },
   "files": [
     "dist"
   ],
-  "resolutions": {
-    "prismjs": "^1.30.0",
-    "uplot": "^1.6.31",
-    "glob": "10.5.0",
-    "tar": "^7.5.7",
-    "@babel/helpers": "^7.26.10",
-    "brace-expansion": "^2.0.2",
-    "diff": "^4.0.4",
-    "js-yaml": "^4.1.1",
-    "immutable": "^4.3.8",
-    "minimatch@^3.0.0": "^3.1.3",
-    "lodash": "^4.18.1",
-    "dompurify": "^3.3.2",
-    "@tootallnate/once": "^3.0.1"
+  "engines": {
+    "node": ">=24",
+    "yarn": ">=4.16.0"
   },
-  "packageManager": "yarn@4.6.0"
+  "packageManager": "yarn@4.16.0"
 }

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

@@ -1,53 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,24 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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;;;;"}

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

@@ -1,229 +0,0 @@
-import React, { useState, useMemo, useCallback } from 'react';
-import { useStyles2, Spinner, Alert, LinkButton, Icon, Tooltip, Button, Select } from '@grafana/ui';
-import { formKey } from '../../../datasource/schema/config.js';
-import { SECURE_FIELD_CONFIGURED } from '../../../datasource/schema/datasource.js';
-import { isFieldRequired } from './fieldUtils.js';
-import { SchemaField } from './SchemaField.js';
-import { AuthorizationHeaderField } from './AuthorizationHeaderField.js';
-import { TabLayout } from './TabLayout.js';
-import { getWizardStyles } from './wizardStyles.js';
-import { useDatasourceConfigForm } from './useDatasourceConfigForm.js';
-
-function DatasourceConfigWizard(props) {
-  const { schema, dsUid, dsName, onSuccess, onSaving, onRetest, healthError, renderActions, mode = "tab" } = props;
-  const form = useDatasourceConfigForm({ schema, dsUid, onSuccess, onSaving });
-  if (mode === "tab") {
-    return /* @__PURE__ */ React.createElement(
-      TabLayout,
-      {
-        form,
-        schema,
-        dsUid,
-        dsName,
-        onRetest,
-        healthError,
-        renderActions
-      }
-    );
-  }
-  return /* @__PURE__ */ React.createElement(
-    WizardLayout,
-    {
-      form,
-      schema,
-      dsUid,
-      dsName,
-      onRetest,
-      healthError,
-      renderActions
-    }
-  );
-}
-function WizardLayout({ form, schema, dsUid, dsName, onRetest, healthError, renderActions }) {
-  var _a, _b, _c;
-  const styles = useStyles2(getWizardStyles);
-  const [currentStep, setCurrentStep] = useState(0);
-  const {
-    resolvedGroups,
-    fieldById,
-    httpHeadersField,
-    control,
-    handleSubmit,
-    trigger,
-    errors,
-    watchedValues,
-    initializing,
-    fetchError,
-    submitting,
-    submitError,
-    readOnly,
-    isFieldVisible,
-    onSubmit
-  } = form;
-  const arrowSteps = useMemo(() => {
-    const requiredGroup = resolvedGroups.find((g) => g.group.id === "_required");
-    if (!requiredGroup) {
-      return new Set(resolvedGroups.map((_, i) => i));
-    }
-    const requiredFieldIds = new Set(requiredGroup.fields.map((f) => f.id));
-    const steps = /* @__PURE__ */ new Set();
-    for (let i = 0; i < resolvedGroups.length; i++) {
-      const g = resolvedGroups[i];
-      if (g.group.id === "_required" || g.fields.some((f) => !requiredFieldIds.has(f.id))) {
-        steps.add(i);
-      }
-    }
-    return steps;
-  }, [resolvedGroups]);
-  const currentResolved = resolvedGroups[currentStep];
-  const isFirstStep = useMemo(() => {
-    for (let i = 0; i < currentStep; i++) {
-      if (arrowSteps.has(i)) {
-        return false;
-      }
-    }
-    return true;
-  }, [currentStep, arrowSteps]);
-  const isLastStep = useMemo(() => {
-    for (let i = currentStep + 1; i < resolvedGroups.length; i++) {
-      if (arrowSteps.has(i)) {
-        return false;
-      }
-    }
-    return true;
-  }, [currentStep, arrowSteps, resolvedGroups.length]);
-  const visibleFieldsForStep = useMemo(
-    () => currentResolved ? currentResolved.fields.filter(isFieldVisible) : [],
-    [currentResolved, isFieldVisible]
-  );
-  const currentGroupValid = useMemo(() => {
-    if (!currentResolved) {
-      return true;
-    }
-    for (const field of visibleFieldsForStep) {
-      if (errors[formKey(field)]) {
-        return false;
-      }
-      if (isFieldRequired(field, watchedValues, fieldById)) {
-        const val = watchedValues[formKey(field)];
-        if (val === SECURE_FIELD_CONFIGURED) {
-          continue;
-        }
-        if (val === void 0 || val === null || val === "") {
-          return false;
-        }
-      }
-    }
-    return true;
-  }, [currentResolved, errors, visibleFieldsForStep, watchedValues, fieldById]);
-  const goNext = useCallback(async () => {
-    if (!currentResolved) {
-      return;
-    }
-    if (!readOnly) {
-      const visibleKeys = visibleFieldsForStep.map((f) => formKey(f));
-      const valid = await trigger(visibleKeys);
-      if (!valid) {
-        return;
-      }
-    }
-    setCurrentStep((s) => {
-      for (let i = s + 1; i < resolvedGroups.length; i++) {
-        if (arrowSteps.has(i)) {
-          return i;
-        }
-      }
-      return s;
-    });
-  }, [currentResolved, visibleFieldsForStep, trigger, resolvedGroups.length, arrowSteps, readOnly]);
-  const goPrev = useCallback(() => {
-    setCurrentStep((s) => {
-      for (let i = s - 1; i >= 0; i--) {
-        if (arrowSteps.has(i)) {
-          return i;
-        }
-      }
-      return s;
-    });
-  }, [arrowSteps]);
-  if (initializing) {
-    return /* @__PURE__ */ React.createElement("div", { className: styles.container }, /* @__PURE__ */ React.createElement(Spinner, { size: "sm", inline: true }), " Loading configuration...");
-  }
-  if (fetchError) {
-    return /* @__PURE__ */ React.createElement("div", { className: styles.container }, /* @__PURE__ */ React.createElement(Alert, { severity: "error", title: "Failed to load configuration" }, fetchError), /* @__PURE__ */ React.createElement("div", { className: styles.buttons }, /* @__PURE__ */ React.createElement(
-      LinkButton,
-      {
-        variant: "secondary",
-        size: "sm",
-        icon: "external-link-alt",
-        href: `/connections/datasources/edit/${dsUid}`
-      },
-      "Open datasource settings"
-    )));
-  }
-  const allDisabled = submitting || readOnly;
-  if (resolvedGroups.length === 0) {
-    return null;
-  }
-  const currentGroup = currentResolved == null ? void 0 : currentResolved.group;
-  return /* @__PURE__ */ React.createElement("div", { className: styles.container }, submitting && /* @__PURE__ */ React.createElement("div", { className: styles.overlay }, /* @__PURE__ */ React.createElement(Spinner, { size: "sm" }), /* @__PURE__ */ React.createElement("span", null, "Saving & testing\u2026")), readOnly && /* @__PURE__ */ React.createElement("div", { className: styles.readOnlyBanner }, /* @__PURE__ */ React.createElement(Icon, { name: "lock", size: "xs" }), /* @__PURE__ */ React.createElement("span", null, "Read-only \u2014 managed externally")), /* @__PURE__ */ React.createElement("div", { className: styles.navBar }, currentGroup && /* @__PURE__ */ React.createElement(Tooltip, { content: (_a = currentGroup.description) != null ? _a : currentGroup.title }, /* @__PURE__ */ React.createElement("span", { className: styles.navTitle }, currentGroup.title, /* @__PURE__ */ React.createElement("span", { className: styles.stepCount }, currentStep + 1, "/", resolvedGroups.length))), /* @__PURE__ */ React.createElement("div", { className: styles.navActions }, /* @__PURE__ */ React.createElement(Tooltip, { content: isFirstStep ? "First step" : `Previous: ${(_b = resolvedGroups[currentStep - 1]) == null ? void 0 : _b.group.title}` }, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "secondary",
-      fill: "text",
-      size: "sm",
-      icon: "angle-left",
-      "aria-label": "Previous",
-      onClick: goPrev,
-      disabled: isFirstStep || submitting,
-      type: "button"
-    }
-  )), /* @__PURE__ */ React.createElement(
-    Select,
-    {
-      options: resolvedGroups.map((g, i) => ({ label: g.group.title, value: i })),
-      value: currentStep,
-      onChange: (v) => {
-        if (v) {
-          setCurrentStep(v.value);
-        }
-      },
-      disabled: submitting,
-      width: 18
-    }
-  ), /* @__PURE__ */ React.createElement(Tooltip, { content: isLastStep ? "Last step" : `Next: ${(_c = resolvedGroups[currentStep + 1]) == null ? void 0 : _c.group.title}` }, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: isLastStep || !readOnly && !currentGroupValid ? "secondary" : "primary",
-      size: "sm",
-      icon: "angle-right",
-      "aria-label": "Next",
-      onClick: goNext,
-      disabled: isLastStep || submitting,
-      type: "button"
-    }
-  )))), currentResolved && /* @__PURE__ */ React.createElement("form", { onSubmit: handleSubmit(onSubmit), className: styles.form }, visibleFieldsForStep.map((field) => /* @__PURE__ */ React.createElement(
-    SchemaField,
-    {
-      key: formKey(field),
-      field,
-      control,
-      errors,
-      disabled: allDisabled,
-      dsUid,
-      watchedValues,
-      fieldById
-    }
-  )), (currentResolved.group.id === "_required" || currentResolved.group.id === "auth") && httpHeadersField && /* @__PURE__ */ React.createElement(
-    AuthorizationHeaderField,
-    {
-      headersFieldKey: formKey(httpHeadersField),
-      control,
-      disabled: allDisabled,
-      watchedValues
-    }
-  ), submitError && /* @__PURE__ */ React.createElement(Alert, { severity: "error", title: "Error" }, submitError), /* @__PURE__ */ React.createElement("div", { className: styles.buttons }, readOnly ? /* @__PURE__ */ React.createElement(Button, { variant: "primary", size: "sm", icon: "sync", onClick: onRetest, type: "button" }, "Test") : /* @__PURE__ */ React.createElement(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 })))));
-}
-
-export { DatasourceConfigWizard };
-//# sourceMappingURL=DatasourceConfigWizard.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DatasourceConfigWizard.js","sources":["../../../../../src/components/ConfigEditor/DatasourceConfigWizard/DatasourceConfigWizard.tsx"],"sourcesContent":["import React, { type ReactNode, useCallback, useMemo, useState } from 'react';\nimport { useStyles2, Button, LinkButton, Select, Icon, Alert, Tooltip, Spinner } from '@grafana/ui';\nimport type { DatasourceConfigSchema } from '../../../datasource/schema/schema';\nimport { formKey } from '../../../datasource/schema/config';\nimport { SECURE_FIELD_CONFIGURED } from '../../../datasource/schema/datasource';\nimport { isFieldRequired } from './fieldUtils';\nimport { SchemaField } from './SchemaField';\nimport { AuthorizationHeaderField } from './AuthorizationHeaderField';\nimport { TabLayout } from './TabLayout';\nimport { getWizardStyles } from './wizardStyles';\nimport { useDatasourceConfigForm } from './useDatasourceConfigForm';\n\nexport type DatasourceConfigWizardProps = {\n  schema: DatasourceConfigSchema;\n  dsUid: string;\n  dsName: string;\n  onSuccess: (status: string, message?: string) => void;\n  onSaving?: (saving: boolean) => void;\n  onRetest?: () => void;\n  onFollowup?: (intent: string) => void;\n  healthError?: string;\n  mode?: 'tab' | 'wizard';\n  /** Optional render prop for custom action buttons (e.g. analyze/troubleshoot). */\n  renderActions?: (props: { dsUid: string; dsName: string; dsType: string; healthError?: string }) => ReactNode;\n};\n\nexport function DatasourceConfigWizard(props: DatasourceConfigWizardProps) {\n  const { schema, dsUid, dsName, onSuccess, onSaving, onRetest, healthError, renderActions, mode = 'tab' } = props;\n\n  const form = useDatasourceConfigForm({ schema, dsUid, onSuccess, onSaving });\n\n  if (mode === 'tab') {\n    return (\n      <TabLayout\n        form={form}\n        schema={schema}\n        dsUid={dsUid}\n        dsName={dsName}\n        onRetest={onRetest}\n        healthError={healthError}\n        renderActions={renderActions}\n      />\n    );\n  }\n\n  return (\n    <WizardLayout\n      form={form}\n      schema={schema}\n      dsUid={dsUid}\n      dsName={dsName}\n      onRetest={onRetest}\n      healthError={healthError}\n      renderActions={renderActions}\n    />\n  );\n}\n\ntype LayoutProps = {\n  form: ReturnType<typeof useDatasourceConfigForm>;\n  schema: DatasourceConfigSchema;\n  dsUid: string;\n  dsName: string;\n  onRetest?: () => void;\n  healthError?: string;\n  renderActions?: (props: { dsUid: string; dsName: string; dsType: string; healthError?: string }) => ReactNode;\n};\n\nfunction WizardLayout({ form, schema, dsUid, dsName, onRetest, healthError, renderActions }: LayoutProps) {\n  const styles = useStyles2(getWizardStyles);\n  const [currentStep, setCurrentStep] = useState(0);\n\n  const {\n    resolvedGroups,\n    fieldById,\n    httpHeadersField,\n    control,\n    handleSubmit,\n    trigger,\n    errors,\n    watchedValues,\n    initializing,\n    fetchError,\n    submitting,\n    submitError,\n    readOnly,\n    isFieldVisible,\n    onSubmit,\n  } = form;\n\n  const arrowSteps = useMemo(() => {\n    const requiredGroup = resolvedGroups.find((g) => g.group.id === '_required');\n    if (!requiredGroup) {\n      return new Set(resolvedGroups.map((_, i) => i));\n    }\n    const requiredFieldIds = new Set(requiredGroup.fields.map((f) => f.id));\n    const steps = new Set<number>();\n    for (let i = 0; i < resolvedGroups.length; i++) {\n      const g = resolvedGroups[i];\n      if (g.group.id === '_required' || g.fields.some((f) => !requiredFieldIds.has(f.id))) {\n        steps.add(i);\n      }\n    }\n    return steps;\n  }, [resolvedGroups]);\n\n  const currentResolved = resolvedGroups[currentStep];\n\n  const isFirstStep = useMemo(() => {\n    for (let i = 0; i < currentStep; i++) {\n      if (arrowSteps.has(i)) {\n        return false;\n      }\n    }\n    return true;\n  }, [currentStep, arrowSteps]);\n\n  const isLastStep = useMemo(() => {\n    for (let i = currentStep + 1; i < resolvedGroups.length; i++) {\n      if (arrowSteps.has(i)) {\n        return false;\n      }\n    }\n    return true;\n  }, [currentStep, arrowSteps, resolvedGroups.length]);\n\n  const visibleFieldsForStep = useMemo(\n    () => (currentResolved ? currentResolved.fields.filter(isFieldVisible) : []),\n    [currentResolved, isFieldVisible]\n  );\n\n  const currentGroupValid = useMemo(() => {\n    if (!currentResolved) {\n      return true;\n    }\n    for (const field of visibleFieldsForStep) {\n      if (errors[formKey(field)]) {\n        return false;\n      }\n      if (isFieldRequired(field, watchedValues, fieldById)) {\n        const val = watchedValues[formKey(field)];\n        if (val === SECURE_FIELD_CONFIGURED) {\n          continue;\n        }\n        if (val === undefined || val === null || val === '') {\n          return false;\n        }\n      }\n    }\n    return true;\n  }, [currentResolved, errors, visibleFieldsForStep, watchedValues, fieldById]);\n\n  const goNext = useCallback(async () => {\n    if (!currentResolved) {\n      return;\n    }\n    if (!readOnly) {\n      const visibleKeys = visibleFieldsForStep.map((f) => formKey(f));\n      const valid = await trigger(visibleKeys);\n      if (!valid) {\n        return;\n      }\n    }\n    setCurrentStep((s) => {\n      for (let i = s + 1; i < resolvedGroups.length; i++) {\n        if (arrowSteps.has(i)) {\n          return i;\n        }\n      }\n      return s;\n    });\n  }, [currentResolved, visibleFieldsForStep, trigger, resolvedGroups.length, arrowSteps, readOnly]);\n\n  const goPrev = useCallback(() => {\n    setCurrentStep((s) => {\n      for (let i = s - 1; i >= 0; i--) {\n        if (arrowSteps.has(i)) {\n          return i;\n        }\n      }\n      return s;\n    });\n  }, [arrowSteps]);\n\n  if (initializing) {\n    return (\n      <div className={styles.container}>\n        <Spinner size=\"sm\" inline /> Loading configuration...\n      </div>\n    );\n  }\n\n  if (fetchError) {\n    return (\n      <div className={styles.container}>\n        <Alert severity=\"error\" title=\"Failed to load configuration\">\n          {fetchError}\n        </Alert>\n        <div className={styles.buttons}>\n          <LinkButton\n            variant=\"secondary\"\n            size=\"sm\"\n            icon=\"external-link-alt\"\n            href={`/connections/datasources/edit/${dsUid}`}\n          >\n            Open datasource settings\n          </LinkButton>\n        </div>\n      </div>\n    );\n  }\n\n  const allDisabled = submitting || readOnly;\n\n  if (resolvedGroups.length === 0) {\n    return null;\n  }\n\n  const currentGroup = currentResolved?.group;\n\n  return (\n    <div className={styles.container}>\n      {submitting && (\n        <div className={styles.overlay}>\n          <Spinner size=\"sm\" />\n          <span>Saving & testing…</span>\n        </div>\n      )}\n      {readOnly && (\n        <div className={styles.readOnlyBanner}>\n          <Icon name=\"lock\" size=\"xs\" />\n          <span>Read-only — managed externally</span>\n        </div>\n      )}\n      <div className={styles.navBar}>\n        {currentGroup && (\n          <Tooltip content={currentGroup.description ?? currentGroup.title}>\n            <span className={styles.navTitle}>\n              {currentGroup.title}\n              <span className={styles.stepCount}>\n                {currentStep + 1}/{resolvedGroups.length}\n              </span>\n            </span>\n          </Tooltip>\n        )}\n        <div className={styles.navActions}>\n          <Tooltip content={isFirstStep ? 'First step' : `Previous: ${resolvedGroups[currentStep - 1]?.group.title}`}>\n            <Button\n              variant=\"secondary\"\n              fill=\"text\"\n              size=\"sm\"\n              icon=\"angle-left\"\n              aria-label=\"Previous\"\n              onClick={goPrev}\n              disabled={isFirstStep || submitting}\n              type=\"button\"\n            />\n          </Tooltip>\n          <Select\n            options={resolvedGroups.map((g, i) => ({ label: g.group.title, value: i }))}\n            value={currentStep}\n            onChange={(v) => {\n              if (v) {\n                setCurrentStep(v.value!);\n              }\n            }}\n            disabled={submitting}\n            width={18}\n          />\n          <Tooltip content={isLastStep ? 'Last step' : `Next: ${resolvedGroups[currentStep + 1]?.group.title}`}>\n            <Button\n              variant={isLastStep || (!readOnly && !currentGroupValid) ? 'secondary' : 'primary'}\n              size=\"sm\"\n              icon=\"angle-right\"\n              aria-label=\"Next\"\n              onClick={goNext}\n              disabled={isLastStep || submitting}\n              type=\"button\"\n            />\n          </Tooltip>\n        </div>\n      </div>\n\n      {currentResolved && (\n        <form onSubmit={handleSubmit(onSubmit)} className={styles.form}>\n          {visibleFieldsForStep.map((field) => (\n            <SchemaField\n              key={formKey(field)}\n              field={field}\n              control={control}\n              errors={errors}\n              disabled={allDisabled}\n              dsUid={dsUid}\n              watchedValues={watchedValues}\n              fieldById={fieldById}\n            />\n          ))}\n\n          {(currentResolved.group.id === '_required' || currentResolved.group.id === 'auth') && httpHeadersField && (\n            <AuthorizationHeaderField\n              headersFieldKey={formKey(httpHeadersField)}\n              control={control}\n              disabled={allDisabled}\n              watchedValues={watchedValues}\n            />\n          )}\n\n          {submitError && (\n            <Alert severity=\"error\" title=\"Error\">\n              {submitError}\n            </Alert>\n          )}\n\n          <div className={styles.buttons}>\n            {readOnly ? (\n              <Button variant=\"primary\" size=\"sm\" icon=\"sync\" onClick={onRetest} type=\"button\">\n                Test\n              </Button>\n            ) : (\n              <Button variant=\"primary\" size=\"sm\" disabled={submitting || !currentGroupValid} type=\"submit\">\n                {submitting ? 'Saving...' : 'Save & Test'}\n              </Button>\n            )}\n            {healthError && renderActions?.({ dsUid, dsName, dsType: schema.pluginType, healthError })}\n          </div>\n        </form>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;AA0BO,SAAS,uBAAuB,KAAA,EAAoC;AACzE,EAAA,MAAM,EAAE,MAAA,EAAQ,KAAA,EAAO,MAAA,EAAQ,SAAA,EAAW,QAAA,EAAU,QAAA,EAAU,WAAA,EAAa,aAAA,EAAe,IAAA,GAAO,KAAA,EAAM,GAAI,KAAA;AAE3G,EAAA,MAAM,OAAO,uBAAA,CAAwB,EAAE,QAAQ,KAAA,EAAO,SAAA,EAAW,UAAU,CAAA;AAE3E,EAAA,IAAI,SAAS,KAAA,EAAO;AAClB,IAAA,uBACE,KAAA,CAAA,aAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,MAAA;AAAA,QACA,KAAA;AAAA,QACA,MAAA;AAAA,QACA,QAAA;AAAA,QACA,WAAA;AAAA,QACA;AAAA;AAAA,KACF;AAAA,EAEJ;AAEA,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;AAYA,SAAS,YAAA,CAAa,EAAE,IAAA,EAAM,MAAA,EAAQ,OAAO,MAAA,EAAQ,QAAA,EAAU,WAAA,EAAa,aAAA,EAAc,EAAgB;AApE1G,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AAqEE,EAAA,MAAM,MAAA,GAAS,WAAW,eAAe,CAAA;AACzC,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,CAAC,CAAA;AAEhD,EAAA,MAAM;AAAA,IACJ,cAAA;AAAA,IACA,SAAA;AAAA,IACA,gBAAA;AAAA,IACA,OAAA;AAAA,IACA,YAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,cAAA;AAAA,IACA;AAAA,GACF,GAAI,IAAA;AAEJ,EAAA,MAAM,UAAA,GAAa,QAAQ,MAAM;AAC/B,IAAA,MAAM,aAAA,GAAgB,eAAe,IAAA,CAAK,CAAC,MAAM,CAAA,CAAE,KAAA,CAAM,OAAO,WAAW,CAAA;AAC3E,IAAA,IAAI,CAAC,aAAA,EAAe;AAClB,MAAA,OAAO,IAAI,IAAI,cAAA,CAAe,GAAA,CAAI,CAAC,CAAA,EAAG,CAAA,KAAM,CAAC,CAAC,CAAA;AAAA,IAChD;AACA,IAAA,MAAM,gBAAA,GAAmB,IAAI,GAAA,CAAI,aAAA,CAAc,MAAA,CAAO,IAAI,CAAC,CAAA,KAAM,CAAA,CAAE,EAAE,CAAC,CAAA;AACtE,IAAA,MAAM,KAAA,uBAAY,GAAA,EAAY;AAC9B,IAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,cAAA,CAAe,QAAQ,CAAA,EAAA,EAAK;AAC9C,MAAA,MAAM,CAAA,GAAI,eAAe,CAAC,CAAA;AAC1B,MAAA,IAAI,CAAA,CAAE,KAAA,CAAM,EAAA,KAAO,WAAA,IAAe,EAAE,MAAA,CAAO,IAAA,CAAK,CAAC,CAAA,KAAM,CAAC,gBAAA,CAAiB,GAAA,CAAI,CAAA,CAAE,EAAE,CAAC,CAAA,EAAG;AACnF,QAAA,KAAA,CAAM,IAAI,CAAC,CAAA;AAAA,MACb;AAAA,IACF;AACA,IAAA,OAAO,KAAA;AAAA,EACT,CAAA,EAAG,CAAC,cAAc,CAAC,CAAA;AAEnB,EAAA,MAAM,eAAA,GAAkB,eAAe,WAAW,CAAA;AAElD,EAAA,MAAM,WAAA,GAAc,QAAQ,MAAM;AAChC,IAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,WAAA,EAAa,CAAA,EAAA,EAAK;AACpC,MAAA,IAAI,UAAA,CAAW,GAAA,CAAI,CAAC,CAAA,EAAG;AACrB,QAAA,OAAO,KAAA;AAAA,MACT;AAAA,IACF;AACA,IAAA,OAAO,IAAA;AAAA,EACT,CAAA,EAAG,CAAC,WAAA,EAAa,UAAU,CAAC,CAAA;AAE5B,EAAA,MAAM,UAAA,GAAa,QAAQ,MAAM;AAC/B,IAAA,KAAA,IAAS,IAAI,WAAA,GAAc,CAAA,EAAG,CAAA,GAAI,cAAA,CAAe,QAAQ,CAAA,EAAA,EAAK;AAC5D,MAAA,IAAI,UAAA,CAAW,GAAA,CAAI,CAAC,CAAA,EAAG;AACrB,QAAA,OAAO,KAAA;AAAA,MACT;AAAA,IACF;AACA,IAAA,OAAO,IAAA;AAAA,EACT,GAAG,CAAC,WAAA,EAAa,UAAA,EAAY,cAAA,CAAe,MAAM,CAAC,CAAA;AAEnD,EAAA,MAAM,oBAAA,GAAuB,OAAA;AAAA,IAC3B,MAAO,eAAA,GAAkB,eAAA,CAAgB,OAAO,MAAA,CAAO,cAAc,IAAI,EAAC;AAAA,IAC1E,CAAC,iBAAiB,cAAc;AAAA,GAClC;AAEA,EAAA,MAAM,iBAAA,GAAoB,QAAQ,MAAM;AACtC,IAAA,IAAI,CAAC,eAAA,EAAiB;AACpB,MAAA,OAAO,IAAA;AAAA,IACT;AACA,IAAA,KAAA,MAAW,SAAS,oBAAA,EAAsB;AACxC,MAAA,IAAI,MAAA,CAAO,OAAA,CAAQ,KAAK,CAAC,CAAA,EAAG;AAC1B,QAAA,OAAO,KAAA;AAAA,MACT;AACA,MAAA,IAAI,eAAA,CAAgB,KAAA,EAAO,aAAA,EAAe,SAAS,CAAA,EAAG;AACpD,QAAA,MAAM,GAAA,GAAM,aAAA,CAAc,OAAA,CAAQ,KAAK,CAAC,CAAA;AACxC,QAAA,IAAI,QAAQ,uBAAA,EAAyB;AACnC,UAAA;AAAA,QACF;AACA,QAAA,IAAI,GAAA,KAAQ,MAAA,IAAa,GAAA,KAAQ,IAAA,IAAQ,QAAQ,EAAA,EAAI;AACnD,UAAA,OAAO,KAAA;AAAA,QACT;AAAA,MACF;AAAA,IACF;AACA,IAAA,OAAO,IAAA;AAAA,EACT,GAAG,CAAC,eAAA,EAAiB,QAAQ,oBAAA,EAAsB,aAAA,EAAe,SAAS,CAAC,CAAA;AAE5E,EAAA,MAAM,MAAA,GAAS,YAAY,YAAY;AACrC,IAAA,IAAI,CAAC,eAAA,EAAiB;AACpB,MAAA;AAAA,IACF;AACA,IAAA,IAAI,CAAC,QAAA,EAAU;AACb,MAAA,MAAM,cAAc,oBAAA,CAAqB,GAAA,CAAI,CAAC,CAAA,KAAM,OAAA,CAAQ,CAAC,CAAC,CAAA;AAC9D,MAAA,MAAM,KAAA,GAAQ,MAAM,OAAA,CAAQ,WAAW,CAAA;AACvC,MAAA,IAAI,CAAC,KAAA,EAAO;AACV,QAAA;AAAA,MACF;AAAA,IACF;AACA,IAAA,cAAA,CAAe,CAAC,CAAA,KAAM;AACpB,MAAA,KAAA,IAAS,IAAI,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,cAAA,CAAe,QAAQ,CAAA,EAAA,EAAK;AAClD,QAAA,IAAI,UAAA,CAAW,GAAA,CAAI,CAAC,CAAA,EAAG;AACrB,UAAA,OAAO,CAAA;AAAA,QACT;AAAA,MACF;AACA,MAAA,OAAO,CAAA;AAAA,IACT,CAAC,CAAA;AAAA,EACH,CAAA,EAAG,CAAC,eAAA,EAAiB,oBAAA,EAAsB,SAAS,cAAA,CAAe,MAAA,EAAQ,UAAA,EAAY,QAAQ,CAAC,CAAA;AAEhG,EAAA,MAAM,MAAA,GAAS,YAAY,MAAM;AAC/B,IAAA,cAAA,CAAe,CAAC,CAAA,KAAM;AACpB,MAAA,KAAA,IAAS,CAAA,GAAI,CAAA,GAAI,CAAA,EAAG,CAAA,IAAK,GAAG,CAAA,EAAA,EAAK;AAC/B,QAAA,IAAI,UAAA,CAAW,GAAA,CAAI,CAAC,CAAA,EAAG;AACrB,UAAA,OAAO,CAAA;AAAA,QACT;AAAA,MACF;AACA,MAAA,OAAO,CAAA;AAAA,IACT,CAAC,CAAA;AAAA,EACH,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAA,IAAI,YAAA,EAAc;AAChB,IAAA,uBACE,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,SAAA,EAAA,kBACrB,KAAA,CAAA,aAAA,CAAC,OAAA,EAAA,EAAQ,IAAA,EAAK,IAAA,EAAK,MAAA,EAAM,IAAA,EAAC,CAAA,EAAE,2BAC9B,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,2CACG,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,SAAA,EAAA,sCACpB,KAAA,EAAA,EAAM,QAAA,EAAS,OAAA,EAAQ,KAAA,EAAM,kCAC3B,UACH,CAAA,sCACC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAO,OAAA,EAAA,kBACrB,KAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,WAAA;AAAA,QACR,IAAA,EAAK,IAAA;AAAA,QACL,IAAA,EAAK,mBAAA;AAAA,QACL,IAAA,EAAM,iCAAiC,KAAK,CAAA;AAAA,OAAA;AAAA,MAC7C;AAAA,KAGH,CACF,CAAA;AAAA,EAEJ;AAEA,EAAA,MAAM,cAAc,UAAA,IAAc,QAAA;AAElC,EAAA,IAAI,cAAA,CAAe,WAAW,CAAA,EAAG;AAC/B,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,eAAe,eAAA,IAAA,IAAA,GAAA,MAAA,GAAA,eAAA,CAAiB,KAAA;AAEtC,EAAA,2CACG,KAAA,EAAA,EAAI,SAAA,EAAW,OAAO,SAAA,EAAA,EACpB,UAAA,wCACE,KAAA,EAAA,EAAI,SAAA,EAAW,OAAO,OAAA,EAAA,kBACrB,KAAA,CAAA,aAAA,CAAC,WAAQ,IAAA,EAAK,IAAA,EAAK,mBACnB,KAAA,CAAA,aAAA,CAAC,MAAA,EAAA,IAAA,EAAK,wBAAiB,CACzB,CAAA,EAED,4BACC,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,WAAW,MAAA,CAAO,cAAA,EAAA,sCACpB,IAAA,EAAA,EAAK,IAAA,EAAK,QAAO,IAAA,EAAK,IAAA,EAAK,mBAC5B,KAAA,CAAA,aAAA,CAAC,MAAA,EAAA,IAAA,EAAK,qCAA8B,CACtC,CAAA,sCAED,KAAA,EAAA,EAAI,SAAA,EAAW,OAAO,MAAA,EAAA,EACpB,YAAA,wCACE,OAAA,EAAA,EAAQ,OAAA,EAAA,CAAS,kBAAa,WAAA,KAAb,IAAA,GAAA,EAAA,GAA4B,aAAa,KAAA,EAAA,kBACzD,KAAA,CAAA,aAAA,CAAC,UAAK,SAAA,EAAW,MAAA,CAAO,YACrB,YAAA,CAAa,KAAA,sCACb,MAAA,EAAA,EAAK,SAAA,EAAW,OAAO,SAAA,EAAA,EACrB,WAAA,GAAc,GAAE,GAAA,EAAE,cAAA,CAAe,MACpC,CACF,CACF,mBAEF,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,WAAW,MAAA,CAAO,UAAA,EAAA,sCACpB,OAAA,EAAA,EAAQ,OAAA,EAAS,cAAc,YAAA,GAAe,CAAA,UAAA,EAAA,CAAa,oBAAe,WAAA,GAAc,CAAC,MAA9B,IAAA,GAAA,MAAA,GAAA,EAAA,CAAiC,KAAA,CAAM,KAAK,CAAA,CAAA,EAAA,kBACtG,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAQ,WAAA;AAAA,MACR,IAAA,EAAK,MAAA;AAAA,MACL,IAAA,EAAK,IAAA;AAAA,MACL,IAAA,EAAK,YAAA;AAAA,MACL,YAAA,EAAW,UAAA;AAAA,MACX,OAAA,EAAS,MAAA;AAAA,MACT,UAAU,WAAA,IAAe,UAAA;AAAA,MACzB,IAAA,EAAK;AAAA;AAAA,GAET,CAAA,kBACA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,cAAA,CAAe,GAAA,CAAI,CAAC,CAAA,EAAG,CAAA,MAAO,EAAE,KAAA,EAAO,CAAA,CAAE,KAAA,CAAM,KAAA,EAAO,KAAA,EAAO,GAAE,CAAE,CAAA;AAAA,MAC1E,KAAA,EAAO,WAAA;AAAA,MACP,QAAA,EAAU,CAAC,CAAA,KAAM;AACf,QAAA,IAAI,CAAA,EAAG;AACL,UAAA,cAAA,CAAe,EAAE,KAAM,CAAA;AAAA,QACzB;AAAA,MACF,CAAA;AAAA,MACA,QAAA,EAAU,UAAA;AAAA,MACV,KAAA,EAAO;AAAA;AAAA,GACT,kBACA,KAAA,CAAA,aAAA,CAAC,OAAA,EAAA,EAAQ,OAAA,EAAS,aAAa,WAAA,GAAc,CAAA,MAAA,EAAA,CAAS,EAAA,GAAA,cAAA,CAAe,WAAA,GAAc,CAAC,CAAA,KAA9B,IAAA,GAAA,MAAA,GAAA,EAAA,CAAiC,KAAA,CAAM,KAAK,CAAA,CAAA,EAAA,kBAChG,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAS,UAAA,IAAe,CAAC,QAAA,IAAY,CAAC,oBAAqB,WAAA,GAAc,SAAA;AAAA,MACzE,IAAA,EAAK,IAAA;AAAA,MACL,IAAA,EAAK,aAAA;AAAA,MACL,YAAA,EAAW,MAAA;AAAA,MACX,OAAA,EAAS,MAAA;AAAA,MACT,UAAU,UAAA,IAAc,UAAA;AAAA,MACxB,IAAA,EAAK;AAAA;AAAA,GAET,CACF,CACF,CAAA,EAEC,eAAA,wCACE,MAAA,EAAA,EAAK,QAAA,EAAU,YAAA,CAAa,QAAQ,GAAG,SAAA,EAAW,MAAA,CAAO,QACvD,oBAAA,CAAqB,GAAA,CAAI,CAAC,KAAA,qBACzB,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,QAAQ,KAAK,CAAA;AAAA,MAClB,KAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,QAAA,EAAU,WAAA;AAAA,MACV,KAAA;AAAA,MACA,aAAA;AAAA,MACA;AAAA;AAAA,GAEH,CAAA,EAAA,CAEC,eAAA,CAAgB,KAAA,CAAM,EAAA,KAAO,eAAe,eAAA,CAAgB,KAAA,CAAM,EAAA,KAAO,MAAA,KAAW,gBAAA,oBACpF,KAAA,CAAA,aAAA;AAAA,IAAC,wBAAA;AAAA,IAAA;AAAA,MACC,eAAA,EAAiB,QAAQ,gBAAgB,CAAA;AAAA,MACzC,OAAA;AAAA,MACA,QAAA,EAAU,WAAA;AAAA,MACV;AAAA;AAAA,GACF,EAGD,WAAA,oBACC,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAM,QAAA,EAAS,OAAA,EAAQ,KAAA,EAAM,OAAA,EAAA,EAC3B,WACH,CAAA,kBAGF,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAO,OAAA,EAAA,EACpB,QAAA,mBACC,KAAA,CAAA,aAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAQ,SAAA,EAAU,IAAA,EAAK,IAAA,EAAK,IAAA,EAAK,MAAA,EAAO,OAAA,EAAS,QAAA,EAAU,IAAA,EAAK,QAAA,EAAA,EAAS,MAEjF,CAAA,mBAEA,KAAA,CAAA,aAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAQ,SAAA,EAAU,IAAA,EAAK,IAAA,EAAK,QAAA,EAAU,UAAA,IAAc,CAAC,iBAAA,EAAmB,IAAA,EAAK,QAAA,EAAA,EAClF,UAAA,GAAa,WAAA,GAAc,aAC9B,CAAA,EAED,WAAA,KAAe,aAAA,IAAA,IAAA,GAAA,MAAA,GAAA,aAAA,CAAgB,EAAE,KAAA,EAAO,MAAA,EAAQ,MAAA,EAAQ,MAAA,CAAO,UAAA,EAAY,WAAA,EAAY,CAAA,CAC1F,CACF,CAEJ,CAAA;AAEJ;;;;"}