@grafana/plugin-ui 0.14.1-dsconfig.b962e11 → 0.14.1-dsconfig.ced809d

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

@@ -1 +1 @@
-{"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":"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"}
+{"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, getWatchedValue } from '../../../datasource/schema/config';\nimport { SECURE_FIELD_CONFIGURED } from '../../../datasource/schema/datasource';\nimport { isFieldRequired } from './fieldUtils';\nimport { SchemaField } from './SchemaField';\nimport { AuthorizationHeaderField } from './inputs/AuthorizationHeaderField';\nimport { TabLayout } from './TabLayout';\nimport { getWizardStyles } from './wizardStyles';\nimport { useDatasourceConfigForm } from './hooks/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    celContext,\n    initializing,\n    fetchError,\n    submitting,\n    submitError,\n    readOnly,\n    isFieldVisible,\n    isFieldDisabled,\n    onSubmit,\n    setValue,\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, celContext)) {\n        const val = getWatchedValue(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, celContext]);\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 || isFieldDisabled(field)}\n              dsUid={dsUid}\n              watchedValues={watchedValues}\n              fieldById={fieldById}\n              celContext={celContext}\n              setValue={setValue}\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":"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"}

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

@@ -0,0 +1,27 @@
+import React, { Component } from 'react';
+import { Alert } from '@grafana/ui';
+
+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 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.createElement(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;
+  }
+}
+
+export { DatasourceErrorBoundary };
+//# sourceMappingURL=DatasourceErrorBoundary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatasourceErrorBoundary.js","sources":["../../../../../src/components/ConfigEditor/DatasourceConfigWizard/DatasourceErrorBoundary.tsx"],"sourcesContent":["import React, { Component, type ReactNode, type ErrorInfo } from 'react';\nimport { Alert } from '@grafana/ui';\n\n/** Lightweight error boundary scoped to datasource config widgets — won't crash the host UI. */\nexport class DatasourceErrorBoundary extends Component<\n  { children: ReactNode; dsName?: string },\n  { error: Error | null }\n> {\n  state: { error: Error | null } = { error: null };\n\n  static getDerivedStateFromError(error: Error) {\n    return { error };\n  }\n\n  componentDidCatch(error: Error, info: ErrorInfo) {\n    console.error('[DatasourceConfigWizard] Caught error:', error, info.componentStack);\n  }\n\n  render() {\n    if (this.state.error) {\n      return (\n        <Alert severity=\"warning\" title=\"Configuration wizard unavailable\">\n          Could not load the configuration wizard\n          {this.props.dsName ? ` for ${this.props.dsName}` : ''}. Use the Settings link to configure this datasource\n          manually.\n        </Alert>\n      );\n    }\n    return this.props.children;\n  }\n}\n"],"names":["__publicField"],"mappings":";;;;;;AAIO,MAAM,gCAAgC,SAAA,CAG3C;AAAA,EAHK,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAA,SAAA,CAAA;AAIL,IAAAA,eAAA,CAAA,IAAA,EAAA,OAAA,EAAiC,EAAE,OAAO,IAAA,EAAK,CAAA;AAAA,EAAA;AAAA,EAE/C,OAAO,yBAAyB,KAAA,EAAc;AAC5C,IAAA,OAAO,EAAE,KAAA,EAAM;AAAA,EACjB;AAAA,EAEA,iBAAA,CAAkB,OAAc,IAAA,EAAiB;AAC/C,IAAA,OAAA,CAAQ,KAAA,CAAM,wCAAA,EAA0C,KAAA,EAAO,IAAA,CAAK,cAAc,CAAA;AAAA,EACpF;AAAA,EAEA,MAAA,GAAS;AACP,IAAA,IAAI,IAAA,CAAK,MAAM,KAAA,EAAO;AACpB,MAAA,2CACG,KAAA,EAAA,EAAM,QAAA,EAAS,SAAA,EAAU,KAAA,EAAM,sCAAmC,yCAAA,EAEhE,IAAA,CAAK,KAAA,CAAM,MAAA,GAAS,QAAQ,IAAA,CAAK,KAAA,CAAM,MAAM,CAAA,CAAA,GAAK,IAAG,gEAExD,CAAA;AAAA,IAEJ;AACA,IAAA,OAAO,KAAK,KAAA,CAAM,QAAA;AAAA,EACpB;AACF;;;;"}

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

@@ -2,12 +2,22 @@ import React from 'react';
 import { Controller } from 'react-hook-form';
 import { useStyles2, Tooltip, Icon } from '@grafana/ui';
 import { resolveActiveOverride, formKey } from '../../../datasource/schema/config.js';
-import { isFieldRequired, buildValidationRules } from './fieldUtils.js';
-import { PdcFieldNote } from './PdcFieldNote.js';
+import { isFieldRequired, buildValidationRules, parseItemErrors } from './fieldUtils.js';
+import { PdcFieldNote } from './inputs/PdcFieldNote.js';
 import { renderFieldInput } from './renderFieldInput.js';
 import { getWizardStyles } from './wizardStyles.js';
 
-function SchemaField({ field, control, errors, disabled, dsUid, watchedValues, fieldById }) {
+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);
@@ -28,7 +38,7 @@ function SchemaField({ field, control, errors, disabled, dsUid, watchedValues, f
       }
     );
   }
-  const required = isFieldRequired(field, watchedValues, fieldById);
+  const required = isFieldRequired(field, watchedValues, fieldById, celContext);
   const validationRules = buildValidationRules(field, required);
   return /* @__PURE__ */ React.createElement(
     Controller,
@@ -43,6 +53,7 @@ function SchemaField({ field, control, errors, disabled, dsUid, watchedValues, f
         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
@@ -50,7 +61,7 @@ function SchemaField({ field, control, errors, disabled, dsUid, watchedValues, f
         } : 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 && /* @__PURE__ */ React.createElement("span", { className: styles.fieldError }, errorMessage)));
+        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)));
       }
     }
   );

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

@@ -1 +1 @@
-{"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 '../../../datasource/schema/schema';\nimport { resolveActiveOverride, formKey } from '../../../datasource/schema/config';\nimport type { FormValues } from '../../../datasource/schema/types';\nimport { isFieldRequired, buildValidationRules } from './fieldUtils';\nimport { PdcFieldNote } from './PdcFieldNote';\nimport { renderFieldInput } from './renderFieldInput';\nimport { getWizardStyles } from './wizardStyles';\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};\n\nexport function SchemaField({ field, control, errors, disabled, dsUid, watchedValues, fieldById }: 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);\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)}\n              {errorMessage && <span className={styles.fieldError}>{errorMessage}</span>}\n            </div>\n          </div>\n        );\n      }}\n    />\n  );\n}\n"],"names":[],"mappings":"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"}
+{"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 '../../../datasource/schema/schema';\nimport { resolveActiveOverride, formKey } from '../../../datasource/schema/config';\nimport type { FormValues } from '../../../datasource/schema/types';\nimport { isFieldRequired, buildValidationRules, parseItemErrors } from './fieldUtils';\nimport { PdcFieldNote } from './inputs/PdcFieldNote';\nimport { renderFieldInput } from './renderFieldInput';\nimport { getWizardStyles } from './wizardStyles';\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":"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"}

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

@@ -1 +1 @@
-{"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 './useDatasourceConfigForm';\nimport { getTabStyles } from './tabStyles';\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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"}
+{"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 './tabStyles';\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

@@ -2,7 +2,7 @@ import React, { useRef, useMemo, useState, useCallback } from 'react';
 import { useStyles2, Spinner, Alert, LinkButton, Icon, Collapse, Button } from '@grafana/ui';
 import { formKey } from '../../../datasource/schema/config.js';
 import { SchemaField } from './SchemaField.js';
-import { AuthorizationHeaderField } from './AuthorizationHeaderField.js';
+import { AuthorizationHeaderField } from './inputs/AuthorizationHeaderField.js';
 import { SidebarNav } from './SidebarNav.js';
 import { getTabStyles } from './tabStyles.js';
 
@@ -17,15 +17,18 @@ function TabLayout({ form, schema, dsUid, dsName, onRetest, healthError, renderA
     handleSubmit,
     errors,
     watchedValues,
+    celContext,
     initializing,
     fetchError,
     submitting,
     submitError,
     readOnly,
     isFieldVisible,
+    isFieldDisabled,
     isGroupValid,
     groupHasData,
-    onSubmit
+    onSubmit,
+    setValue
   } = form;
   const displayGroups = useMemo(() => resolvedGroups.filter((g) => g.group.id !== "_required"), [resolvedGroups]);
   const [expandedSections, setExpandedSections] = useState(() => {
@@ -153,10 +156,12 @@ function TabLayout({ form, schema, dsUid, dsName, onRetest, healthError, renderA
             field,
             control,
             errors,
-            disabled: allDisabled,
+            disabled: allDisabled || isFieldDisabled(field),
             dsUid,
             watchedValues,
-            fieldById
+            fieldById,
+            celContext,
+            setValue
           }
         )), showHeaders && /* @__PURE__ */ React.createElement(
           AuthorizationHeaderField,

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

@@ -1 +1 @@
-{"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 '../../../datasource/schema/schema';\nimport { formKey } from '../../../datasource/schema/config';\nimport type { useDatasourceConfigForm } from './useDatasourceConfigForm';\nimport { SchemaField } from './SchemaField';\nimport { AuthorizationHeaderField } from './AuthorizationHeaderField';\nimport { SidebarNav, type SectionState } from './SidebarNav';\nimport { getTabStyles } from './tabStyles';\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    initializing,\n    fetchError,\n    submitting,\n    submitError,\n    readOnly,\n    isFieldVisible,\n    isGroupValid,\n    groupHasData,\n    onSubmit,\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}\n                        dsUid={dsUid}\n                        watchedValues={watchedValues}\n                        fieldById={fieldById}\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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"}
+{"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 '../../../datasource/schema/schema';\nimport { formKey } from '../../../datasource/schema/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 './tabStyles';\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/fieldUtils.js

@@ -1,4 +1,5 @@
-import { parseDependsOn, formKey } from '../../../datasource/schema/config.js';
+import { parseDependsOn, formKey, evaluateDependsOn, getWatchedValue } from '../../../datasource/schema/config.js';
+import { evaluateCelExpression } from '../../../datasource/schema/cel.js';
 import { SECURE_FIELD_CONFIGURED } from '../../../datasource/schema/datasource.js';
 
 function evaluateEffectCondition(when, fieldValue) {
@@ -19,23 +20,25 @@ function evaluateEffectCondition(when, fieldValue) {
   const eq = String(fieldValue) === String(target);
   return op === "==" ? eq : !eq;
 }
-function isFieldRequired(field, watchedValues, fieldById) {
-  var _a;
+function isFieldRequired(field, watchedValues, fieldById, celContext) {
   if (field.required) {
     return true;
   }
   if (field.requiredWhen) {
+    if (celContext) {
+      return evaluateCelExpression(field.requiredWhen, celContext);
+    }
     const parsed = parseDependsOn(field.requiredWhen);
     if (parsed) {
       const depField = fieldById.get(parsed.field);
       const depKey = depField ? formKey(depField) : parsed.field;
-      return String((_a = watchedValues[depKey]) != null ? _a : "") === parsed.value;
+      return evaluateDependsOn(parsed, getWatchedValue(watchedValues, depKey));
     }
   }
   return false;
 }
 function buildValidationRules(field, required) {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const rules = {};
   const label = (_a = field.label) != null ? _a : field.key;
   if (required) {
@@ -53,29 +56,65 @@ function buildValidationRules(field, required) {
       rules.required = `${label} is required`;
     }
   }
+  if (field.valueType === "array" && ((_b = field.item) == null ? void 0 : _b.valueType) === "object" && ((_c = field.item.fields) == null ? void 0 : _c.length)) {
+    const requiredItemFields = field.item.fields.filter((f) => f.required);
+    if (requiredItemFields.length > 0) {
+      const existingValidate = rules.validate;
+      rules.validate = (value) => {
+        var _a2;
+        if (existingValidate) {
+          const r = existingValidate(value);
+          if (r !== true) {
+            return r;
+          }
+        }
+        if (!Array.isArray(value)) {
+          return true;
+        }
+        const itemErrors = {};
+        for (let i = 0; i < value.length; i++) {
+          const item = value[i];
+          const missing = [];
+          for (const rf of requiredItemFields) {
+            const v = item[rf.key];
+            if (v === void 0 || v === null || v === "") {
+              missing.push((_a2 = rf.label) != null ? _a2 : rf.key);
+            }
+          }
+          if (missing.length > 0) {
+            itemErrors[i] = `${missing.join(", ")} required`;
+          }
+        }
+        if (Object.keys(itemErrors).length === 0) {
+          return true;
+        }
+        return `__ITEM_ERRORS__${JSON.stringify(itemErrors)}`;
+      };
+    }
+  }
   if (field.validations) {
     for (const v of field.validations) {
       switch (v.type) {
         case "pattern":
           rules.pattern = {
             value: new RegExp(v.pattern),
-            message: (_b = v.message) != null ? _b : `Invalid ${label}`
+            message: (_d = v.message) != null ? _d : `Invalid ${label}`
           };
           break;
         case "range":
           if (v.min !== void 0) {
-            rules.min = { value: v.min, message: (_c = v.message) != null ? _c : `Minimum value is ${v.min}` };
+            rules.min = { value: v.min, message: (_e = v.message) != null ? _e : `Minimum value is ${v.min}` };
           }
           if (v.max !== void 0) {
-            rules.max = { value: v.max, message: (_d = v.message) != null ? _d : `Maximum value is ${v.max}` };
+            rules.max = { value: v.max, message: (_f = v.message) != null ? _f : `Maximum value is ${v.max}` };
           }
           break;
         case "length":
           if (v.min !== void 0) {
-            rules.minLength = { value: v.min, message: (_e = v.message) != null ? _e : `Minimum length is ${v.min}` };
+            rules.minLength = { value: v.min, message: (_g = v.message) != null ? _g : `Minimum length is ${v.min}` };
           }
           if (v.max !== void 0) {
-            rules.maxLength = { value: v.max, message: (_f = v.message) != null ? _f : `Maximum length is ${v.max}` };
+            rules.maxLength = { value: v.max, message: (_h = v.message) != null ? _h : `Maximum length is ${v.max}` };
           }
           break;
       }
@@ -83,6 +122,17 @@ function buildValidationRules(field, required) {
   }
   return rules;
 }
+const ITEM_ERRORS_PREFIX = "__ITEM_ERRORS__";
+function parseItemErrors(errorMessage) {
+  if (!errorMessage || !errorMessage.startsWith(ITEM_ERRORS_PREFIX)) {
+    return null;
+  }
+  try {
+    return JSON.parse(errorMessage.slice(ITEM_ERRORS_PREFIX.length));
+  } catch (e) {
+    return null;
+  }
+}
 
-export { buildValidationRules, evaluateEffectCondition, isFieldRequired };
+export { buildValidationRules, evaluateEffectCondition, isFieldRequired, parseItemErrors };
 //# sourceMappingURL=fieldUtils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"fieldUtils.js","sources":["../../../../../src/components/ConfigEditor/DatasourceConfigWizard/fieldUtils.ts"],"sourcesContent":["import type { ConfigField } from '../../../datasource/schema/schema';\nimport { parseDependsOn, formKey } from '../../../datasource/schema/config';\nimport { SECURE_FIELD_CONFIGURED } from '../../../datasource/schema/datasource';\n\n/**\n * Evaluate an effect's `when` condition against a field value.\n * Supports: \"value == 'literal'\", \"value == true\", \"value != 'literal'\"\n * The keyword `value` refers to the current value of the source field.\n */\nexport function evaluateEffectCondition(when: string, fieldValue: unknown): boolean {\n  const m = when.match(/^value\\s*(==|!=)\\s*(?:'([^']*)'|\"([^\"]*)\"|(.+))$/);\n  if (!m) {\n    return false;\n  }\n  const op = m[1];\n  let target: unknown = m[2] ?? m[3] ?? m[4];\n  if (target === 'true') {\n    target = true;\n  } else if (target === 'false') {\n    target = false;\n  } else if (typeof target === 'string' && /^-?\\d+(\\.\\d+)?$/.test(target)) {\n    target = Number(target);\n  }\n\n  const eq = String(fieldValue) === String(target);\n  return op === '==' ? eq : !eq;\n}\n\n/**\n * Evaluate whether a field is currently required, considering both the static\n * `required` flag and the conditional `requiredWhen` expression.\n */\nexport function isFieldRequired(\n  field: ConfigField,\n  watchedValues: Record<string, unknown>,\n  fieldById: Map<string, ConfigField>\n): boolean {\n  if (field.required) {\n    return true;\n  }\n  if (field.requiredWhen) {\n    const parsed = parseDependsOn(field.requiredWhen);\n    if (parsed) {\n      const depField = fieldById.get(parsed.field);\n      const depKey = depField ? formKey(depField) : parsed.field;\n      return String(watchedValues[depKey] ?? '') === parsed.value;\n    }\n  }\n  return false;\n}\n\nexport function buildValidationRules(field: ConfigField, required: boolean) {\n  const rules: Record<string, unknown> = {};\n  const label = field.label ?? field.key;\n\n  if (required) {\n    if (field.target === 'secureJsonData') {\n      rules.validate = (value: unknown) => {\n        if (value === SECURE_FIELD_CONFIGURED) {\n          return true;\n        }\n        if (!value || value === '') {\n          return `${label} is required`;\n        }\n        return true;\n      };\n    } else {\n      rules.required = `${label} is required`;\n    }\n  }\n\n  if (field.validations) {\n    for (const v of field.validations) {\n      switch (v.type) {\n        case 'pattern':\n          rules.pattern = {\n            value: new RegExp(v.pattern),\n            message: v.message ?? `Invalid ${label}`,\n          };\n          break;\n        case 'range':\n          if (v.min !== undefined) {\n            rules.min = { value: v.min, message: v.message ?? `Minimum value is ${v.min}` };\n          }\n          if (v.max !== undefined) {\n            rules.max = { value: v.max, message: v.message ?? `Maximum value is ${v.max}` };\n          }\n          break;\n        case 'length':\n          if (v.min !== undefined) {\n            rules.minLength = { value: v.min, message: v.message ?? `Minimum length is ${v.min}` };\n          }\n          if (v.max !== undefined) {\n            rules.maxLength = { value: v.max, message: v.message ?? `Maximum length is ${v.max}` };\n          }\n          break;\n      }\n    }\n  }\n\n  return rules;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"fieldUtils.js","sources":["../../../../../src/components/ConfigEditor/DatasourceConfigWizard/fieldUtils.ts"],"sourcesContent":["import type { ConfigField } from '../../../datasource/schema/schema';\nimport { parseDependsOn, evaluateDependsOn, formKey, getWatchedValue } from '../../../datasource/schema/config';\nimport { evaluateCelExpression } from '../../../datasource/schema/cel';\nimport { SECURE_FIELD_CONFIGURED } from '../../../datasource/schema/datasource';\n\n/**\n * Evaluate an effect's `when` condition against a field value.\n * Supports: \"value == 'literal'\", \"value == true\", \"value != 'literal'\"\n * The keyword `value` refers to the current value of the source field.\n */\nexport function evaluateEffectCondition(when: string, fieldValue: unknown): boolean {\n  const m = when.match(/^value\\s*(==|!=)\\s*(?:'([^']*)'|\"([^\"]*)\"|(.+))$/);\n  if (!m) {\n    return false;\n  }\n  const op = m[1];\n  let target: unknown = m[2] ?? m[3] ?? m[4];\n  if (target === 'true') {\n    target = true;\n  } else if (target === 'false') {\n    target = false;\n  } else if (typeof target === 'string' && /^-?\\d+(\\.\\d+)?$/.test(target)) {\n    target = Number(target);\n  }\n\n  const eq = String(fieldValue) === String(target);\n  return op === '==' ? eq : !eq;\n}\n\n/**\n * Evaluate whether a field is currently required, considering both the static\n * `required` flag and the conditional `requiredWhen` expression.\n */\nexport function isFieldRequired(\n  field: ConfigField,\n  watchedValues: Record<string, unknown>,\n  fieldById: Map<string, ConfigField>,\n  celContext?: Record<string, unknown>\n): boolean {\n  if (field.required) {\n    return true;\n  }\n  if (field.requiredWhen) {\n    // Use CEL evaluation if context is available (supports compound expressions)\n    if (celContext) {\n      return evaluateCelExpression(field.requiredWhen, celContext);\n    }\n    // Fallback to simple parser for backward compatibility\n    const parsed = parseDependsOn(field.requiredWhen);\n    if (parsed) {\n      const depField = fieldById.get(parsed.field);\n      const depKey = depField ? formKey(depField) : parsed.field;\n      return evaluateDependsOn(parsed, getWatchedValue(watchedValues, depKey));\n    }\n  }\n  return false;\n}\n\nexport function buildValidationRules(field: ConfigField, required: boolean) {\n  const rules: Record<string, unknown> = {};\n  const label = field.label ?? field.key;\n\n  if (required) {\n    if (field.target === 'secureJsonData') {\n      rules.validate = (value: unknown) => {\n        if (value === SECURE_FIELD_CONFIGURED) {\n          return true;\n        }\n        if (!value || value === '') {\n          return `${label} is required`;\n        }\n        return true;\n      };\n    } else {\n      rules.required = `${label} is required`;\n    }\n  }\n\n  // Validate required item fields inside object arrays.\n  // Returns a JSON-encoded map of {itemIndex: \"message\"} so ObjectArrayEditor\n  // can render errors inline per item. react-hook-form treats any non-true\n  // string as an error message.\n  if (field.valueType === 'array' && field.item?.valueType === 'object' && field.item.fields?.length) {\n    const requiredItemFields = field.item.fields.filter((f) => f.required);\n    if (requiredItemFields.length > 0) {\n      const existingValidate = rules.validate as ((v: unknown) => true | string) | undefined;\n      rules.validate = (value: unknown) => {\n        if (existingValidate) {\n          const r = existingValidate(value);\n          if (r !== true) {\n            return r;\n          }\n        }\n        if (!Array.isArray(value)) {\n          return true;\n        }\n        const itemErrors: Record<number, string> = {};\n        for (let i = 0; i < value.length; i++) {\n          const item = value[i] as Record<string, unknown>;\n          const missing: string[] = [];\n          for (const rf of requiredItemFields) {\n            const v = item[rf.key];\n            if (v === undefined || v === null || v === '') {\n              missing.push(rf.label ?? rf.key);\n            }\n          }\n          if (missing.length > 0) {\n            itemErrors[i] = `${missing.join(', ')} required`;\n          }\n        }\n        if (Object.keys(itemErrors).length === 0) {\n          return true;\n        }\n        // Encode as JSON so ObjectArrayEditor can parse and show per-item\n        return `__ITEM_ERRORS__${JSON.stringify(itemErrors)}`;\n      };\n    }\n  }\n\n  if (field.validations) {\n    for (const v of field.validations) {\n      switch (v.type) {\n        case 'pattern':\n          rules.pattern = {\n            value: new RegExp(v.pattern),\n            message: v.message ?? `Invalid ${label}`,\n          };\n          break;\n        case 'range':\n          if (v.min !== undefined) {\n            rules.min = { value: v.min, message: v.message ?? `Minimum value is ${v.min}` };\n          }\n          if (v.max !== undefined) {\n            rules.max = { value: v.max, message: v.message ?? `Maximum value is ${v.max}` };\n          }\n          break;\n        case 'length':\n          if (v.min !== undefined) {\n            rules.minLength = { value: v.min, message: v.message ?? `Minimum length is ${v.min}` };\n          }\n          if (v.max !== undefined) {\n            rules.maxLength = { value: v.max, message: v.message ?? `Maximum length is ${v.max}` };\n          }\n          break;\n      }\n    }\n  }\n\n  return rules;\n}\nconst ITEM_ERRORS_PREFIX = '__ITEM_ERRORS__';\n\n/**\n * Parse a per-item error message encoded by buildValidationRules.\n * Returns a map of item index → error message, or null if not an item error.\n */\nexport function parseItemErrors(errorMessage: string | undefined): Record<number, string> | null {\n  if (!errorMessage || !errorMessage.startsWith(ITEM_ERRORS_PREFIX)) {\n    return null;\n  }\n  try {\n    return JSON.parse(errorMessage.slice(ITEM_ERRORS_PREFIX.length));\n  } catch {\n    return null;\n  }\n}\n"],"names":["_a"],"mappings":"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"}