@grafana/plugin-ui 0.14.1-dsconfig.f952c80 → 0.15.1

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

@@ -1,71 +0,0 @@
-import React from 'react';
-import { Controller } from 'react-hook-form';
-import { useStyles2, Tooltip, Icon } from '@grafana/ui';
-import { resolveActiveOverride, formKey } from './config.js';
-import { isFieldRequired, buildValidationRules, parseItemErrors } from './fieldUtils.js';
-import { PdcFieldNote } from './inputs/PdcFieldNote.js';
-import { renderFieldInput } from './renderFieldInput.js';
-import { getWizardStyles } from './styles.js';
-
-function SchemaField({
-  field,
-  control,
-  errors,
-  disabled,
-  dsUid,
-  watchedValues,
-  fieldById,
-  celContext,
-  setValue
-}) {
-  const styles = useStyles2(getWizardStyles);
-  const activeOverride = resolveActiveOverride(field, watchedValues, fieldById);
-  const fk = formKey(field);
-  if (field.key === "pdcInjected" && field.target === "jsonData") {
-    return /* @__PURE__ */ React.createElement(
-      Controller,
-      {
-        name: fk,
-        control,
-        render: ({ field: formField }) => /* @__PURE__ */ React.createElement(
-          PdcFieldNote,
-          {
-            enabled: !!formField.value,
-            description: field.description,
-            configUrl: `/connections/datasources/edit/${dsUid}`
-          }
-        )
-      }
-    );
-  }
-  const required = isFieldRequired(field, watchedValues, fieldById, celContext);
-  const validationRules = buildValidationRules(field, required);
-  return /* @__PURE__ */ React.createElement(
-    Controller,
-    {
-      name: fk,
-      control,
-      rules: validationRules,
-      render: ({ field: formField }) => {
-        var _a, _b, _c, _d, _e;
-        const errorMessage = (_a = errors[fk]) == null ? void 0 : _a.message;
-        const label = (_b = field.label) != null ? _b : field.key;
-        const description = (_c = activeOverride == null ? void 0 : activeOverride.description) != null ? _c : field.description;
-        const effectiveField = activeOverride ? {
-          ...field,
-          description,
-          ui: {
-            ...field.ui,
-            placeholder: (_e = activeOverride.placeholder) != null ? _e : (_d = field.ui) == null ? void 0 : _d.placeholder
-          }
-        } : field;
-        const isReadOnly = !!(activeOverride == null ? void 0 : activeOverride.readOnly);
-        const isBool = field.valueType === "boolean";
-        return /* @__PURE__ */ React.createElement("div", { className: isBool ? styles.fieldRowCenter : styles.fieldRow }, /* @__PURE__ */ React.createElement("div", { className: isBool ? styles.fieldLabelRowCompact : styles.fieldLabelRow }, /* @__PURE__ */ React.createElement("span", { className: styles.fieldLabel }, label, required && /* @__PURE__ */ React.createElement("span", { className: styles.fieldRequired }, "*")), description && /* @__PURE__ */ React.createElement(Tooltip, { content: description }, /* @__PURE__ */ React.createElement(Icon, { name: "info-circle", size: "xs", className: styles.fieldInfoIcon }))), /* @__PURE__ */ React.createElement("div", { className: styles.fieldInputCol }, renderFieldInput(effectiveField, formField, disabled || isReadOnly, errorMessage, setValue), errorMessage && !parseItemErrors(errorMessage) && /* @__PURE__ */ React.createElement("span", { className: styles.fieldError }, errorMessage)));
-      }
-    }
-  );
-}
-
-export { SchemaField };
-//# sourceMappingURL=SchemaField.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SchemaField.js","sources":["../../../../../src/components/ConfigEditor/DatasourceConfigWizard/SchemaField.tsx"],"sourcesContent":["import React from 'react';\nimport { type useForm, Controller } from 'react-hook-form';\nimport { useStyles2, Icon, Tooltip } from '@grafana/ui';\nimport type { ConfigField } from '../../../schema/schema';\nimport { resolveActiveOverride, formKey } from './config';\nimport type { FormValues } from './datasource';\nimport { isFieldRequired, buildValidationRules, parseItemErrors } from './fieldUtils';\nimport { PdcFieldNote } from './inputs/PdcFieldNote';\nimport { renderFieldInput } from './renderFieldInput';\nimport { getWizardStyles } from './styles';\n\nexport type SchemaFieldProps = {\n  field: ConfigField;\n  control: ReturnType<typeof useForm<FormValues>>['control'];\n  errors: ReturnType<typeof useForm<FormValues>>['formState']['errors'];\n  disabled?: boolean;\n  dsUid: string;\n  watchedValues: Record<string, unknown>;\n  fieldById: Map<string, ConfigField>;\n  celContext?: Record<string, unknown>;\n  setValue?: (name: string, value: unknown) => void;\n};\n\nexport function SchemaField({\n  field,\n  control,\n  errors,\n  disabled,\n  dsUid,\n  watchedValues,\n  fieldById,\n  celContext,\n  setValue,\n}: SchemaFieldProps) {\n  const styles = useStyles2(getWizardStyles);\n\n  const activeOverride = resolveActiveOverride(field, watchedValues, fieldById);\n  const fk = formKey(field);\n\n  if (field.key === 'pdcInjected' && field.target === 'jsonData') {\n    return (\n      <Controller\n        name={fk}\n        control={control}\n        render={({ field: formField }) => (\n          <PdcFieldNote\n            enabled={!!formField.value}\n            description={field.description}\n            configUrl={`/connections/datasources/edit/${dsUid}`}\n          />\n        )}\n      />\n    );\n  }\n\n  const required = isFieldRequired(field, watchedValues, fieldById, celContext);\n  const validationRules = buildValidationRules(field, required);\n\n  return (\n    <Controller\n      name={fk}\n      control={control}\n      rules={validationRules}\n      render={({ field: formField }) => {\n        const errorMessage = errors[fk]?.message as string | undefined;\n        const label = field.label ?? field.key;\n        const description = activeOverride?.description ?? field.description;\n        const effectiveField = activeOverride\n          ? {\n              ...field,\n              description,\n              ui: {\n                ...field.ui,\n                placeholder: activeOverride.placeholder ?? field.ui?.placeholder,\n              } as ConfigField['ui'],\n            }\n          : field;\n        const isReadOnly = !!activeOverride?.readOnly;\n        const isBool = field.valueType === 'boolean';\n\n        return (\n          <div className={isBool ? styles.fieldRowCenter : styles.fieldRow}>\n            <div className={isBool ? styles.fieldLabelRowCompact : styles.fieldLabelRow}>\n              <span className={styles.fieldLabel}>\n                {label}\n                {required && <span className={styles.fieldRequired}>*</span>}\n              </span>\n              {description && (\n                <Tooltip content={description}>\n                  <Icon name=\"info-circle\" size=\"xs\" className={styles.fieldInfoIcon} />\n                </Tooltip>\n              )}\n            </div>\n            <div className={styles.fieldInputCol}>\n              {renderFieldInput(effectiveField, formField, disabled || isReadOnly, errorMessage, setValue)}\n              {/* Show global error only if it's NOT a per-item error (those render inline) */}\n              {errorMessage && !parseItemErrors(errorMessage) && (\n                <span className={styles.fieldError}>{errorMessage}</span>\n              )}\n            </div>\n          </div>\n        );\n      }}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAuBO,SAAS,WAAA,CAAY;AAAA,EAC1B,KAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA,EAAqB;AACnB,EAAA,MAAM,MAAA,GAAS,WAAW,eAAe,CAAA;AAEzC,EAAA,MAAM,cAAA,GAAiB,qBAAA,CAAsB,KAAA,EAAO,aAAA,EAAe,SAAS,CAAA;AAC5E,EAAA,MAAM,EAAA,GAAK,QAAQ,KAAK,CAAA;AAExB,EAAA,IAAI,KAAA,CAAM,GAAA,KAAQ,aAAA,IAAiB,KAAA,CAAM,WAAW,UAAA,EAAY;AAC9D,IAAA,uBACE,KAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,EAAA;AAAA,QACN,OAAA;AAAA,QACA,MAAA,EAAQ,CAAC,EAAE,KAAA,EAAO,WAAU,qBAC1B,KAAA,CAAA,aAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,CAAC,CAAC,SAAA,CAAU,KAAA;AAAA,YACrB,aAAa,KAAA,CAAM,WAAA;AAAA,YACnB,SAAA,EAAW,iCAAiC,KAAK,CAAA;AAAA;AAAA;AACnD;AAAA,KAEJ;AAAA,EAEJ;AAEA,EAAA,MAAM,QAAA,GAAW,eAAA,CAAgB,KAAA,EAAO,aAAA,EAAe,WAAW,UAAU,CAAA;AAC5E,EAAA,MAAM,eAAA,GAAkB,oBAAA,CAAqB,KAAA,EAAO,QAAQ,CAAA;AAE5D,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,EAAA;AAAA,MACN,OAAA;AAAA,MACA,KAAA,EAAO,eAAA;AAAA,MACP,MAAA,EAAQ,CAAC,EAAE,KAAA,EAAO,WAAU,KAAM;AA/DxC,QAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AAgEQ,QAAA,MAAM,YAAA,GAAA,CAAe,EAAA,GAAA,MAAA,CAAO,EAAE,CAAA,KAAT,IAAA,GAAA,MAAA,GAAA,EAAA,CAAY,OAAA;AACjC,QAAA,MAAM,KAAA,GAAA,CAAQ,EAAA,GAAA,KAAA,CAAM,KAAA,KAAN,IAAA,GAAA,EAAA,GAAe,KAAA,CAAM,GAAA;AACnC,QAAA,MAAM,WAAA,GAAA,CAAc,EAAA,GAAA,cAAA,IAAA,IAAA,GAAA,MAAA,GAAA,cAAA,CAAgB,WAAA,KAAhB,IAAA,GAAA,EAAA,GAA+B,KAAA,CAAM,WAAA;AACzD,QAAA,MAAM,iBAAiB,cAAA,GACnB;AAAA,UACE,GAAG,KAAA;AAAA,UACH,WAAA;AAAA,UACA,EAAA,EAAI;AAAA,YACF,GAAG,KAAA,CAAM,EAAA;AAAA,YACT,cAAa,EAAA,GAAA,cAAA,CAAe,WAAA,KAAf,IAAA,GAAA,EAAA,GAAA,CAA8B,EAAA,GAAA,KAAA,CAAM,OAAN,IAAA,GAAA,MAAA,GAAA,EAAA,CAAU;AAAA;AACvD,SACF,GACA,KAAA;AACJ,QAAA,MAAM,UAAA,GAAa,CAAC,EAAC,cAAA,IAAA,IAAA,GAAA,MAAA,GAAA,cAAA,CAAgB,QAAA,CAAA;AACrC,QAAA,MAAM,MAAA,GAAS,MAAM,SAAA,KAAc,SAAA;AAEnC,QAAA,uBACE,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,GAAS,OAAO,cAAA,GAAiB,MAAA,CAAO,QAAA,EAAA,kBACtD,KAAA,CAAA,aAAA,CAAC,SAAI,SAAA,EAAW,MAAA,GAAS,MAAA,CAAO,oBAAA,GAAuB,OAAO,aAAA,EAAA,kBAC5D,KAAA,CAAA,aAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,UAAA,EAAA,EACrB,KAAA,EACA,QAAA,wCAAa,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,aAAA,EAAA,EAAe,GAAC,CACvD,CAAA,EACC,WAAA,oBACC,KAAA,CAAA,aAAA,CAAC,WAAQ,OAAA,EAAS,WAAA,EAAA,kBAChB,KAAA,CAAA,aAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,aAAA,EAAc,IAAA,EAAK,IAAA,EAAK,WAAW,MAAA,CAAO,aAAA,EAAe,CACtE,CAEJ,mBACA,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,iBACpB,gBAAA,CAAiB,cAAA,EAAgB,SAAA,EAAW,QAAA,IAAY,YAAY,YAAA,EAAc,QAAQ,CAAA,EAE1F,YAAA,IAAgB,CAAC,eAAA,CAAgB,YAAY,CAAA,oBAC5C,KAAA,CAAA,aAAA,CAAC,UAAK,SAAA,EAAW,MAAA,CAAO,UAAA,EAAA,EAAa,YAAa,CAEtD,CACF,CAAA;AAAA,MAEJ;AAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -1,54 +0,0 @@
-import React from 'react';
-import { cx } from '@emotion/css';
-import { useStyles2 } from '@grafana/ui';
-import { getTabStyles } from './styles.js';
-
-function SidebarNav({ groups, activeIndex, sectionStates, onSelect }) {
-  const styles = useStyles2(getTabStyles);
-  const visibleGroups = groups.filter((g) => g.group.id !== "_required");
-  return /* @__PURE__ */ React.createElement("nav", { className: styles.sidebar }, /* @__PURE__ */ React.createElement("div", { className: styles.sidebarTitle }, "Connect data source"), /* @__PURE__ */ React.createElement("ul", { className: styles.navList }, visibleGroups.map((g, vi) => {
-    var _a, _b;
-    const origIndex = groups.indexOf(g);
-    const state = (_a = sectionStates[origIndex]) != null ? _a : "draft";
-    const isActive = origIndex === activeIndex;
-    const isOptional = g.group.optional === true;
-    const isLast = vi === visibleGroups.length - 1;
-    const nextIsOptional = !isLast && ((_b = visibleGroups[vi + 1]) == null ? void 0 : _b.group.optional) === true;
-    return /* @__PURE__ */ React.createElement("li", { key: g.group.id }, /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: cx(styles.navItem, isActive && styles.navItemActive),
-        onClick: () => onSelect(origIndex),
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: (e) => {
-          if (e.key === "Enter" || e.key === " ") {
-            e.preventDefault();
-            onSelect(origIndex);
-          }
-        }
-      },
-      /* @__PURE__ */ React.createElement("div", { className: styles.navDotWrap }, /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          className: cx(
-            styles.navDot,
-            isOptional && styles.navDotOptional,
-            isActive && styles.navDotActive,
-            state === "validated" && !isActive && styles.navDotValidated,
-            state === "error" && !isActive && styles.navDotError
-          )
-        }
-      ), !isLast && /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: cx(styles.navConnector, (isOptional || nextIsOptional) && styles.navConnectorDashed)
-        }
-      )),
-      /* @__PURE__ */ React.createElement("span", { className: cx(styles.navLabel, isActive && styles.navLabelActive) }, g.group.title)
-    ));
-  })));
-}
-
-export { SidebarNav };
-//# sourceMappingURL=SidebarNav.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarNav.js","sources":["../../../../../src/components/ConfigEditor/DatasourceConfigWizard/SidebarNav.tsx"],"sourcesContent":["import React from 'react';\nimport { cx } from '@emotion/css';\nimport { useStyles2 } from '@grafana/ui';\nimport type { ResolvedGroup } from './hooks/useDatasourceConfigForm';\nimport { getTabStyles } from './styles';\n\nexport type SectionState = 'active' | 'draft' | 'validated' | 'error';\n\ntype SidebarNavProps = {\n  groups: ResolvedGroup[];\n  activeIndex: number;\n  sectionStates: SectionState[];\n  onSelect: (index: number) => void;\n};\n\nexport function SidebarNav({ groups, activeIndex, sectionStates, onSelect }: SidebarNavProps) {\n  const styles = useStyles2(getTabStyles);\n\n  // Filter out _required synthetic group\n  const visibleGroups = groups.filter((g) => g.group.id !== '_required');\n\n  return (\n    <nav className={styles.sidebar}>\n      <div className={styles.sidebarTitle}>Connect data source</div>\n      <ul className={styles.navList}>\n        {visibleGroups.map((g, vi) => {\n          // Map back to original index for state/selection\n          const origIndex = groups.indexOf(g);\n          const state = sectionStates[origIndex] ?? 'draft';\n          const isActive = origIndex === activeIndex;\n          const isOptional = g.group.optional === true;\n          const isLast = vi === visibleGroups.length - 1;\n          // Next item determines connector style\n          const nextIsOptional = !isLast && visibleGroups[vi + 1]?.group.optional === true;\n\n          return (\n            <li key={g.group.id}>\n              <div\n                className={cx(styles.navItem, isActive && styles.navItemActive)}\n                onClick={() => onSelect(origIndex)}\n                role=\"button\"\n                tabIndex={0}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter' || e.key === ' ') {\n                    e.preventDefault();\n                    onSelect(origIndex);\n                  }\n                }}\n              >\n                <div className={styles.navDotWrap}>\n                  <span\n                    className={cx(\n                      styles.navDot,\n                      isOptional && styles.navDotOptional,\n                      isActive && styles.navDotActive,\n                      state === 'validated' && !isActive && styles.navDotValidated,\n                      state === 'error' && !isActive && styles.navDotError\n                    )}\n                  />\n                  {!isLast && (\n                    <div\n                      className={cx(styles.navConnector, (isOptional || nextIsOptional) && styles.navConnectorDashed)}\n                    />\n                  )}\n                </div>\n                <span className={cx(styles.navLabel, isActive && styles.navLabelActive)}>{g.group.title}</span>\n              </div>\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,181 +0,0 @@
-import React, { useRef, useMemo, useState, useCallback } from 'react';
-import { useStyles2, Spinner, Alert, LinkButton, Icon, Collapse, Button } from '@grafana/ui';
-import { formKey } from './config.js';
-import { SchemaField } from './SchemaField.js';
-import { AuthorizationHeaderField } from './inputs/AuthorizationHeaderField.js';
-import { SidebarNav } from './SidebarNav.js';
-import { getTabStyles } from './styles.js';
-
-function TabLayout({ form, schema, dsUid, dsName, onRetest, healthError, renderActions }) {
-  const styles = useStyles2(getTabStyles);
-  const sectionRefs = useRef(/* @__PURE__ */ new Map());
-  const {
-    resolvedGroups,
-    fieldById,
-    httpHeadersField,
-    control,
-    handleSubmit,
-    errors,
-    watchedValues,
-    celContext,
-    initializing,
-    fetchError,
-    submitting,
-    submitError,
-    readOnly,
-    isFieldVisible,
-    isFieldDisabled,
-    isGroupValid,
-    groupHasData,
-    onSubmit,
-    setValue
-  } = form;
-  const displayGroups = useMemo(() => resolvedGroups.filter((g) => g.group.id !== "_required"), [resolvedGroups]);
-  const [expandedSections, setExpandedSections] = useState(() => {
-    const expanded = /* @__PURE__ */ new Set();
-    for (let i = 0; i < displayGroups.length; i++) {
-      if (!displayGroups[i].group.optional) {
-        expanded.add(i);
-      }
-    }
-    return expanded;
-  });
-  const hasExpandedForData = useRef(false);
-  useMemo(() => {
-    if (initializing || hasExpandedForData.current) {
-      return;
-    }
-    hasExpandedForData.current = true;
-    setExpandedSections((prev) => {
-      const next = new Set(prev);
-      for (let i = 0; i < displayGroups.length; i++) {
-        if (groupHasData(displayGroups[i])) {
-          next.add(i);
-        }
-      }
-      return next;
-    });
-  }, [initializing, displayGroups, groupHasData]);
-  const [activeSection, setActiveSection] = useState(0);
-  const toggleSection = useCallback((index) => {
-    setExpandedSections((prev) => {
-      const next = new Set(prev);
-      if (next.has(index)) {
-        next.delete(index);
-      } else {
-        next.add(index);
-      }
-      return next;
-    });
-  }, []);
-  const scrollToSection = useCallback(
-    (index) => {
-      setActiveSection(index);
-      if (!expandedSections.has(index)) {
-        setExpandedSections((prev) => new Set(prev).add(index));
-      }
-      const el = sectionRefs.current.get(index);
-      if (el) {
-        el.scrollIntoView({ behavior: "smooth", block: "start" });
-      }
-    },
-    [expandedSections]
-  );
-  const sectionStates = useMemo(() => {
-    return displayGroups.map((g, i) => {
-      if (i === activeSection) {
-        return "active";
-      }
-      if (!isGroupValid(g)) {
-        return "error";
-      }
-      if (groupHasData(g)) {
-        return "validated";
-      }
-      return "draft";
-    });
-  }, [displayGroups, activeSection, isGroupValid, groupHasData]);
-  if (initializing) {
-    return /* @__PURE__ */ React.createElement("div", { className: styles.loadingContainer }, /* @__PURE__ */ React.createElement(Spinner, { size: "sm", inline: true }), " Loading configuration\u2026");
-  }
-  if (fetchError) {
-    return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Alert, { severity: "error", title: "Failed to load configuration" }, fetchError), /* @__PURE__ */ React.createElement("div", { className: styles.formButtons }, /* @__PURE__ */ React.createElement(
-      LinkButton,
-      {
-        variant: "secondary",
-        size: "sm",
-        icon: "external-link-alt",
-        href: `/connections/datasources/edit/${dsUid}`
-      },
-      "Open datasource settings"
-    )));
-  }
-  const allDisabled = submitting || readOnly;
-  return /* @__PURE__ */ React.createElement("div", { className: styles.root }, submitting && /* @__PURE__ */ React.createElement("div", { className: styles.overlay }, /* @__PURE__ */ React.createElement(Spinner, { size: "sm" }), /* @__PURE__ */ React.createElement("span", null, "Saving & testing\u2026")), /* @__PURE__ */ React.createElement(
-    SidebarNav,
-    {
-      groups: displayGroups,
-      activeIndex: activeSection,
-      sectionStates,
-      onSelect: scrollToSection
-    }
-  ), /* @__PURE__ */ React.createElement("div", { className: styles.main }, 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.requiredNotice }, "Fields marked with * are required"), /* @__PURE__ */ React.createElement("form", { onSubmit: handleSubmit(onSubmit), className: styles.form }, displayGroups.map((g, i) => {
-    const visibleFields = g.fields.filter(isFieldVisible);
-    if (visibleFields.length === 0 && !httpHeadersField) {
-      return null;
-    }
-    const showHeaders = httpHeadersField && (g.group.id === "auth" || g.group.id === "url-and-auth" || g.group.id === "_required" || g.group.fieldRefs.includes("httpHeaders"));
-    const sectionLabel = /* @__PURE__ */ React.createElement("span", { className: styles.sectionLabel }, /* @__PURE__ */ React.createElement("span", { className: styles.sectionLabelText }, g.group.title), g.group.optional && /* @__PURE__ */ React.createElement("span", { className: styles.sectionBadge }, "Optional"));
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        key: g.group.id,
-        ref: (el) => {
-          if (el) {
-            sectionRefs.current.set(i, el);
-          }
-        },
-        className: styles.section
-      },
-      /* @__PURE__ */ React.createElement(
-        Collapse,
-        {
-          label: sectionLabel,
-          isOpen: expandedSections.has(i),
-          collapsible: true,
-          onToggle: () => {
-            toggleSection(i);
-            setActiveSection(i);
-          },
-          className: styles.collapseHeader
-        },
-        /* @__PURE__ */ React.createElement("div", { className: styles.sectionBody }, g.group.description && /* @__PURE__ */ React.createElement("div", { className: styles.sectionDescription }, g.group.description), visibleFields.map((field) => /* @__PURE__ */ React.createElement(
-          SchemaField,
-          {
-            key: formKey(field),
-            field,
-            control,
-            errors,
-            disabled: allDisabled || isFieldDisabled(field),
-            dsUid,
-            watchedValues,
-            fieldById,
-            celContext,
-            setValue
-          }
-        )), showHeaders && /* @__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.formButtons }, 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, type: "submit" }, submitting ? "Saving\u2026" : "Save & Test"), healthError && (renderActions == null ? void 0 : renderActions({ dsUid, dsName, dsType: schema.pluginType, healthError }))))));
-}
-
-export { TabLayout };
-//# sourceMappingURL=TabLayout.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TabLayout.js","sources":["../../../../../src/components/ConfigEditor/DatasourceConfigWizard/TabLayout.tsx"],"sourcesContent":["import React, { type ReactNode, useCallback, useMemo, useRef, useState } from 'react';\nimport { useStyles2, Button, Icon, Alert, Spinner, LinkButton, Collapse } from '@grafana/ui';\nimport type { DatasourceConfigSchema } from '../../../schema/schema';\nimport { formKey } from './config';\nimport type { useDatasourceConfigForm } from './hooks/useDatasourceConfigForm';\nimport { SchemaField } from './SchemaField';\nimport { AuthorizationHeaderField } from './inputs/AuthorizationHeaderField';\nimport { SidebarNav, type SectionState } from './SidebarNav';\nimport { getTabStyles } from './styles';\n\ntype TabLayoutProps = {\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\nexport function TabLayout({ form, schema, dsUid, dsName, onRetest, healthError, renderActions }: TabLayoutProps) {\n  const styles = useStyles2(getTabStyles);\n  const sectionRefs = useRef<Map<number, HTMLDivElement>>(new Map());\n\n  const {\n    resolvedGroups,\n    fieldById,\n    httpHeadersField,\n    control,\n    handleSubmit,\n    errors,\n    watchedValues,\n    celContext,\n    initializing,\n    fetchError,\n    submitting,\n    submitError,\n    readOnly,\n    isFieldVisible,\n    isFieldDisabled,\n    isGroupValid,\n    groupHasData,\n    onSubmit,\n    setValue,\n  } = form;\n\n  // Filter out _required synthetic group — in tab mode we show all groups from schema directly\n  const displayGroups = useMemo(() => resolvedGroups.filter((g) => g.group.id !== '_required'), [resolvedGroups]);\n\n  // Expand/collapse state: required or groups with data start expanded, optional start collapsed\n  const [expandedSections, setExpandedSections] = useState<Set<number>>(() => {\n    const expanded = new Set<number>();\n    for (let i = 0; i < displayGroups.length; i++) {\n      if (!displayGroups[i].group.optional) {\n        expanded.add(i);\n      }\n    }\n    return expanded;\n  });\n\n  // Re-evaluate on data load: expand sections that have saved data\n  const hasExpandedForData = useRef(false);\n  useMemo(() => {\n    if (initializing || hasExpandedForData.current) {\n      return;\n    }\n    hasExpandedForData.current = true;\n    setExpandedSections((prev) => {\n      const next = new Set(prev);\n      for (let i = 0; i < displayGroups.length; i++) {\n        if (groupHasData(displayGroups[i])) {\n          next.add(i);\n        }\n      }\n      return next;\n    });\n  }, [initializing, displayGroups, groupHasData]);\n\n  const [activeSection, setActiveSection] = useState(0);\n\n  const toggleSection = useCallback((index: number) => {\n    setExpandedSections((prev) => {\n      const next = new Set(prev);\n      if (next.has(index)) {\n        next.delete(index);\n      } else {\n        next.add(index);\n      }\n      return next;\n    });\n  }, []);\n\n  const scrollToSection = useCallback(\n    (index: number) => {\n      setActiveSection(index);\n      if (!expandedSections.has(index)) {\n        setExpandedSections((prev) => new Set(prev).add(index));\n      }\n      const el = sectionRefs.current.get(index);\n      if (el) {\n        el.scrollIntoView({ behavior: 'smooth', block: 'start' });\n      }\n    },\n    [expandedSections]\n  );\n\n  // Compute sidebar states\n  const sectionStates: SectionState[] = useMemo(() => {\n    return displayGroups.map((g, i) => {\n      if (i === activeSection) {\n        return 'active';\n      }\n      if (!isGroupValid(g)) {\n        return 'error';\n      }\n      if (groupHasData(g)) {\n        return 'validated';\n      }\n      return 'draft';\n    });\n  }, [displayGroups, activeSection, isGroupValid, groupHasData]);\n\n  if (initializing) {\n    return (\n      <div className={styles.loadingContainer}>\n        <Spinner size=\"sm\" inline /> Loading configuration…\n      </div>\n    );\n  }\n\n  if (fetchError) {\n    return (\n      <div>\n        <Alert severity=\"error\" title=\"Failed to load configuration\">\n          {fetchError}\n        </Alert>\n        <div className={styles.formButtons}>\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  return (\n    <div className={styles.root}>\n      {submitting && (\n        <div className={styles.overlay}>\n          <Spinner size=\"sm\" />\n          <span>Saving & testing…</span>\n        </div>\n      )}\n\n      <SidebarNav\n        groups={displayGroups}\n        activeIndex={activeSection}\n        sectionStates={sectionStates}\n        onSelect={scrollToSection}\n      />\n\n      <div className={styles.main}>\n        {readOnly && (\n          <div className={styles.readOnlyBanner}>\n            <Icon name=\"lock\" size=\"xs\" />\n            <span>Read-only — managed externally</span>\n          </div>\n        )}\n\n        <div className={styles.requiredNotice}>Fields marked with * are required</div>\n\n        <form onSubmit={handleSubmit(onSubmit)} className={styles.form}>\n          {displayGroups.map((g, i) => {\n            const visibleFields = g.fields.filter(isFieldVisible);\n            if (visibleFields.length === 0 && !httpHeadersField) {\n              return null;\n            }\n\n            const showHeaders =\n              httpHeadersField &&\n              (g.group.id === 'auth' ||\n                g.group.id === 'url-and-auth' ||\n                g.group.id === '_required' ||\n                g.group.fieldRefs.includes('httpHeaders'));\n\n            const sectionLabel = (\n              <span className={styles.sectionLabel}>\n                <span className={styles.sectionLabelText}>{g.group.title}</span>\n                {g.group.optional && <span className={styles.sectionBadge}>Optional</span>}\n              </span>\n            );\n\n            return (\n              <div\n                key={g.group.id}\n                ref={(el) => {\n                  if (el) {\n                    sectionRefs.current.set(i, el);\n                  }\n                }}\n                className={styles.section}\n              >\n                <Collapse\n                  label={sectionLabel}\n                  isOpen={expandedSections.has(i)}\n                  collapsible\n                  onToggle={() => {\n                    toggleSection(i);\n                    setActiveSection(i);\n                  }}\n                  className={styles.collapseHeader}\n                >\n                  <div className={styles.sectionBody}>\n                    {g.group.description && <div className={styles.sectionDescription}>{g.group.description}</div>}\n                    {visibleFields.map((field) => (\n                      <SchemaField\n                        key={formKey(field)}\n                        field={field}\n                        control={control}\n                        errors={errors}\n                        disabled={allDisabled || isFieldDisabled(field)}\n                        dsUid={dsUid}\n                        watchedValues={watchedValues}\n                        fieldById={fieldById}\n                        celContext={celContext}\n                        setValue={setValue}\n                      />\n                    ))}\n\n                    {showHeaders && (\n                      <AuthorizationHeaderField\n                        headersFieldKey={formKey(httpHeadersField!)}\n                        control={control}\n                        disabled={allDisabled}\n                        watchedValues={watchedValues}\n                      />\n                    )}\n                  </div>\n                </Collapse>\n              </div>\n            );\n          })}\n\n          {submitError && (\n            <Alert severity=\"error\" title=\"Error\">\n              {submitError}\n            </Alert>\n          )}\n\n          <div className={styles.formButtons}>\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} type=\"submit\">\n                {submitting ? 'Saving…' : 'Save & Test'}\n              </Button>\n            )}\n            {healthError && renderActions?.({ dsUid, dsName, dsType: schema.pluginType, healthError })}\n          </div>\n        </form>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,75 +0,0 @@
-import { evaluate, parse } from '@marcbachmann/cel-js';
-
-const exprCache = /* @__PURE__ */ new Map();
-function getCompiled(expr) {
-  if (exprCache.has(expr)) {
-    return exprCache.get(expr);
-  }
-  try {
-    const compiled = parse(expr);
-    exprCache.set(expr, compiled);
-    return compiled;
-  } catch (e) {
-    exprCache.set(expr, null);
-    return null;
-  }
-}
-function buildCelContext(values) {
-  const ctx = {};
-  for (const [key, value] of Object.entries(values)) {
-    setNestedValue(ctx, key, value);
-  }
-  return ctx;
-}
-function setNestedValue(obj, path, value) {
-  const parts = path.split(".");
-  let current = obj;
-  for (let i = 0; i < parts.length - 1; i++) {
-    const part = parts[i];
-    if (!(part in current) || typeof current[part] !== "object" || current[part] === null) {
-      current[part] = {};
-    }
-    current = current[part];
-  }
-  current[parts[parts.length - 1]] = value;
-}
-function evaluateCelExpression(expr, context, defaultValue = false) {
-  if (!expr || !expr.trim()) {
-    return defaultValue;
-  }
-  const compiled = getCompiled(expr);
-  if (!compiled) {
-    return defaultValue;
-  }
-  try {
-    const result = compiled(context);
-    return !!result;
-  } catch (e) {
-    return defaultValue;
-  }
-}
-function evaluateCelDirect(expr, context) {
-  return evaluate(expr, context);
-}
-function isValidCelExpression(expr) {
-  try {
-    parse(expr);
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-function extractFieldRefs(expr) {
-  const matches = expr.matchAll(/([\w.]+)\s*(?:==|!=)/g);
-  const refs = /* @__PURE__ */ new Set();
-  for (const m of matches) {
-    refs.add(m[1]);
-  }
-  return [...refs];
-}
-function clearExpressionCache() {
-  exprCache.clear();
-}
-
-export { buildCelContext, clearExpressionCache, evaluateCelDirect, evaluateCelExpression, extractFieldRefs, isValidCelExpression };
-//# sourceMappingURL=cel.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"cel.js","sources":["../../../../../src/components/ConfigEditor/DatasourceConfigWizard/cel.ts"],"sourcesContent":["/**\n * CEL (Common Expression Language) expression evaluator for schema conditions.\n *\n * Used by `dependsOn`, `requiredWhen`, `disabledWhen`, and `overrides[].when`.\n * Wraps @marcbachmann/cel-js with field-ID-aware context building.\n *\n * Go equivalent: github.com/google/cel-go\n */\n\nimport { evaluate as celEvaluate, parse as celParse } from '@marcbachmann/cel-js';\n\n// ============================================================\n// Expression cache — parse once, evaluate many times\n// ============================================================\n\ntype CompiledExpr = (ctx: Record<string, unknown>) => unknown;\nconst exprCache = new Map<string, CompiledExpr | null>();\n\nfunction getCompiled(expr: string): CompiledExpr | null {\n  if (exprCache.has(expr)) {\n    return exprCache.get(expr)!;\n  }\n  try {\n    const compiled = celParse(expr);\n    exprCache.set(expr, compiled);\n    return compiled;\n  } catch {\n    exprCache.set(expr, null);\n    return null;\n  }\n}\n\n// ============================================================\n// Context builder — flat field values → nested object for CEL\n// ============================================================\n\n/**\n * Build a nested context object from flat form values keyed by field IDs.\n *\n * CEL interprets dots as property access, so `jsonData.auth_method == 'oauth2'`\n * requires `{ jsonData: { auth_method: 'oauth2' } }`.\n *\n * This function takes flat key-value pairs (from react-hook-form `watch()`)\n * and builds the nested structure CEL expects.\n *\n * @param values - Flat map of form keys to values (e.g. `{ \"auth_method\": \"oauth2\", \"oauth2.oauth2_type\": \"jwt\" }`)\n * @param fieldIdToFormKey - Optional map from field ID to form key for translation\n */\nexport function buildCelContext(values: Record<string, unknown>): Record<string, unknown> {\n  const ctx: Record<string, unknown> = {};\n\n  for (const [key, value] of Object.entries(values)) {\n    setNestedValue(ctx, key, value);\n  }\n\n  return ctx;\n}\n\nfunction setNestedValue(obj: Record<string, unknown>, path: string, value: unknown): void {\n  const parts = path.split('.');\n  let current = obj;\n  for (let i = 0; i < parts.length - 1; i++) {\n    const part = parts[i];\n    if (!(part in current) || typeof current[part] !== 'object' || current[part] === null) {\n      current[part] = {};\n    }\n    current = current[part] as Record<string, unknown>;\n  }\n  current[parts[parts.length - 1]] = value;\n}\n\n// ============================================================\n// Public API\n// ============================================================\n\n/**\n * Evaluate a CEL expression against a context of field values.\n * Returns the boolean result, or `defaultValue` if the expression is invalid.\n *\n * @example\n * ```ts\n * evaluateCelExpression(\"jsonData.auth_method == 'oauth2'\", { jsonData: { auth_method: 'oauth2' } })\n * // => true\n *\n * evaluateCelExpression(\"auth_method == 'oauth2' && oauth2_type == 'jwt'\", { auth_method: 'oauth2', oauth2_type: 'jwt' })\n * // => true\n * ```\n */\nexport function evaluateCelExpression(expr: string, context: Record<string, unknown>, defaultValue = false): boolean {\n  if (!expr || !expr.trim()) {\n    return defaultValue;\n  }\n\n  const compiled = getCompiled(expr);\n  if (!compiled) {\n    return defaultValue;\n  }\n\n  try {\n    const result = compiled(context);\n    return !!result;\n  } catch {\n    return defaultValue;\n  }\n}\n\n/**\n * Evaluate a CEL expression directly using `evaluate` (no caching).\n * Useful for one-off evaluations or testing.\n */\nexport function evaluateCelDirect(expr: string, context: Record<string, unknown>): unknown {\n  return celEvaluate(expr, context);\n}\n\n/**\n * Validate that a CEL expression can be parsed without errors.\n * Returns true if valid, false otherwise.\n */\nexport function isValidCelExpression(expr: string): boolean {\n  try {\n    celParse(expr);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Extract all field ID references from a simple expression.\n * Used by `resolveRequiredFieldsGroup` to find dependency relationships.\n *\n * For simple expressions like `fieldA == 'x'`, returns `['fieldA']`.\n * For compound expressions like `fieldA == 'x' && fieldB == 'y'`, returns `['fieldA', 'fieldB']`.\n *\n * This uses regex extraction (not AST walking) for simplicity and speed.\n */\nexport function extractFieldRefs(expr: string): string[] {\n  // Match identifiers (possibly dotted) that precede == or !=\n  const matches = expr.matchAll(/([\\w.]+)\\s*(?:==|!=)/g);\n  const refs = new Set<string>();\n  for (const m of matches) {\n    refs.add(m[1]);\n  }\n  return [...refs];\n}\n\n/**\n * Clear the expression cache. Useful for testing.\n */\nexport function clearExpressionCache(): void {\n  exprCache.clear();\n}\n"],"names":["celParse","celEvaluate"],"mappings":"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"}