@grafana/plugin-ui 0.16.0-dsconfig.d7f2506 → 0.16.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (220) hide show
  1. package/dist/cjs/index.cjs +15500 -11375
  2. package/dist/cjs/index.cjs.map +1 -1
  3. package/dist/cjs/index.d.cts +599 -930
  4. package/dist/esm/components/ConfigEditor/Auth/tls/TLSClientAuth.js +8 -5
  5. package/dist/esm/components/ConfigEditor/Auth/tls/TLSClientAuth.js.map +1 -1
  6. package/dist/esm/index.d.ts +599 -930
  7. package/dist/esm/index.js +2 -11
  8. package/dist/esm/index.js.map +1 -1
  9. package/dist/esm/node_modules/semver/classes/range.js +4 -24
  10. package/dist/esm/node_modules/semver/classes/range.js.map +1 -1
  11. package/dist/esm/node_modules/semver/classes/semver.js +2 -19
  12. package/dist/esm/node_modules/semver/classes/semver.js.map +1 -1
  13. package/dist/esm/node_modules/semver/functions/diff.js +1 -1
  14. package/dist/esm/node_modules/semver/functions/diff.js.map +1 -1
  15. package/dist/esm/node_modules/semver/index.js +0 -3
  16. package/dist/esm/node_modules/semver/index.js.map +1 -1
  17. package/dist/esm/node_modules/semver/internal/re.js +3 -3
  18. package/dist/esm/node_modules/semver/internal/re.js.map +1 -1
  19. package/dist/esm/node_modules/semver/ranges/subset.js +3 -3
  20. package/dist/esm/node_modules/semver/ranges/subset.js.map +1 -1
  21. package/dist/esm/node_modules/tslib/tslib.es6.js.map +1 -1
  22. package/dist/esm/schema/registry/alertmanager.schema.json.js +77 -0
  23. package/dist/esm/schema/registry/alertmanager.schema.json.js.map +1 -0
  24. package/dist/esm/schema/registry/cloudwatch.schema.json.js +384 -0
  25. package/dist/esm/schema/registry/cloudwatch.schema.json.js.map +1 -0
  26. package/dist/esm/schema/registry/elasticsearch.schema.json.js +287 -0
  27. package/dist/esm/schema/registry/elasticsearch.schema.json.js.map +1 -0
  28. package/dist/esm/schema/registry/grafana-amazonprometheus-datasource.schema.json.js +166 -0
  29. package/dist/esm/schema/registry/grafana-amazonprometheus-datasource.schema.json.js.map +1 -0
  30. package/dist/esm/schema/registry/grafana-appdynamics-datasource.schema.json.js +145 -0
  31. package/dist/esm/schema/registry/grafana-appdynamics-datasource.schema.json.js.map +1 -0
  32. package/dist/esm/schema/registry/grafana-astradb-datasource.schema.json.js +123 -0
  33. package/dist/esm/schema/registry/grafana-astradb-datasource.schema.json.js.map +1 -0
  34. package/dist/esm/schema/registry/grafana-athena-datasource.schema.json.js +158 -0
  35. package/dist/esm/schema/registry/grafana-athena-datasource.schema.json.js.map +1 -0
  36. package/dist/esm/schema/registry/grafana-azure-data-explorer-datasource.schema.json.js +204 -0
  37. package/dist/esm/schema/registry/grafana-azure-data-explorer-datasource.schema.json.js.map +1 -0
  38. package/dist/esm/schema/registry/grafana-azure-monitor-datasource.schema.json.js +294 -0
  39. package/dist/esm/schema/registry/grafana-azure-monitor-datasource.schema.json.js.map +1 -0
  40. package/dist/esm/schema/registry/grafana-azuredevops-datasource.schema.json.js +101 -0
  41. package/dist/esm/schema/registry/grafana-azuredevops-datasource.schema.json.js.map +1 -0
  42. package/dist/esm/schema/registry/grafana-azureprometheus-datasource.schema.json.js +125 -0
  43. package/dist/esm/schema/registry/grafana-azureprometheus-datasource.schema.json.js.map +1 -0
  44. package/dist/esm/schema/registry/grafana-bigquery-datasource.schema.json.js +508 -0
  45. package/dist/esm/schema/registry/grafana-bigquery-datasource.schema.json.js.map +1 -0
  46. package/dist/esm/schema/registry/grafana-clickhouse-datasource.schema.json.js +1400 -0
  47. package/dist/esm/schema/registry/grafana-clickhouse-datasource.schema.json.js.map +1 -0
  48. package/dist/esm/schema/registry/grafana-cockroachdb-datasource.schema.json.js +302 -0
  49. package/dist/esm/schema/registry/grafana-cockroachdb-datasource.schema.json.js.map +1 -0
  50. package/dist/esm/schema/registry/grafana-databricks-datasource.schema.json.js +291 -0
  51. package/dist/esm/schema/registry/grafana-databricks-datasource.schema.json.js.map +1 -0
  52. package/dist/esm/schema/registry/grafana-datadog-datasource.schema.json.js +155 -0
  53. package/dist/esm/schema/registry/grafana-datadog-datasource.schema.json.js.map +1 -0
  54. package/dist/esm/schema/registry/grafana-dynatrace-datasource.schema.json.js +179 -0
  55. package/dist/esm/schema/registry/grafana-dynatrace-datasource.schema.json.js.map +1 -0
  56. package/dist/esm/schema/registry/grafana-falconlogscale-datasource.schema.json.js +134 -0
  57. package/dist/esm/schema/registry/grafana-falconlogscale-datasource.schema.json.js.map +1 -0
  58. package/dist/esm/schema/registry/grafana-github-datasource.schema.json.js +156 -0
  59. package/dist/esm/schema/registry/grafana-github-datasource.schema.json.js.map +1 -0
  60. package/dist/esm/schema/registry/grafana-gitlab-datasource.schema.json.js +84 -0
  61. package/dist/esm/schema/registry/grafana-gitlab-datasource.schema.json.js.map +1 -0
  62. package/dist/esm/schema/registry/grafana-googlesheets-datasource.schema.json.js +231 -0
  63. package/dist/esm/schema/registry/grafana-googlesheets-datasource.schema.json.js.map +1 -0
  64. package/dist/esm/schema/registry/grafana-honeycomb-datasource.schema.json.js +87 -0
  65. package/dist/esm/schema/registry/grafana-honeycomb-datasource.schema.json.js.map +1 -0
  66. package/dist/esm/schema/registry/grafana-iot-sitewise-datasource.schema.json.js +159 -0
  67. package/dist/esm/schema/registry/grafana-iot-sitewise-datasource.schema.json.js.map +1 -0
  68. package/dist/esm/schema/registry/grafana-jira-datasource.schema.json.js +188 -0
  69. package/dist/esm/schema/registry/grafana-jira-datasource.schema.json.js.map +1 -0
  70. package/dist/esm/schema/registry/grafana-looker-datasource.schema.json.js +82 -0
  71. package/dist/esm/schema/registry/grafana-looker-datasource.schema.json.js.map +1 -0
  72. package/dist/esm/schema/registry/grafana-mongodb-datasource.schema.json.js +278 -0
  73. package/dist/esm/schema/registry/grafana-mongodb-datasource.schema.json.js.map +1 -0
  74. package/dist/esm/schema/registry/grafana-mqtt-datasource.schema.json.js +168 -0
  75. package/dist/esm/schema/registry/grafana-mqtt-datasource.schema.json.js.map +1 -0
  76. package/dist/esm/schema/registry/grafana-newrelic-datasource.schema.json.js +129 -0
  77. package/dist/esm/schema/registry/grafana-newrelic-datasource.schema.json.js.map +1 -0
  78. package/dist/esm/schema/registry/grafana-odbc-datasource.schema.json.js +56 -0
  79. package/dist/esm/schema/registry/grafana-odbc-datasource.schema.json.js.map +1 -0
  80. package/dist/esm/schema/registry/grafana-opensearch-datasource.schema.json.js +212 -0
  81. package/dist/esm/schema/registry/grafana-opensearch-datasource.schema.json.js.map +1 -0
  82. package/dist/esm/schema/registry/grafana-oracle-datasource.schema.json.js +186 -0
  83. package/dist/esm/schema/registry/grafana-oracle-datasource.schema.json.js.map +1 -0
  84. package/dist/esm/schema/registry/grafana-pagerduty-datasource.schema.json.js +85 -0
  85. package/dist/esm/schema/registry/grafana-pagerduty-datasource.schema.json.js.map +1 -0
  86. package/dist/esm/schema/registry/grafana-postgresql-datasource.schema.json.js +411 -0
  87. package/dist/esm/schema/registry/grafana-postgresql-datasource.schema.json.js.map +1 -0
  88. package/dist/esm/schema/registry/grafana-pyroscope-datasource.schema.json.js +41 -0
  89. package/dist/esm/schema/registry/grafana-pyroscope-datasource.schema.json.js.map +1 -0
  90. package/dist/esm/schema/registry/grafana-redshift-datasource.schema.json.js +201 -0
  91. package/dist/esm/schema/registry/grafana-redshift-datasource.schema.json.js.map +1 -0
  92. package/dist/esm/schema/registry/grafana-salesforce-datasource.schema.json.js +201 -0
  93. package/dist/esm/schema/registry/grafana-salesforce-datasource.schema.json.js.map +1 -0
  94. package/dist/esm/schema/registry/grafana-saphana-datasource.schema.json.js +208 -0
  95. package/dist/esm/schema/registry/grafana-saphana-datasource.schema.json.js.map +1 -0
  96. package/dist/esm/schema/registry/grafana-sentry-datasource.schema.json.js +94 -0
  97. package/dist/esm/schema/registry/grafana-sentry-datasource.schema.json.js.map +1 -0
  98. package/dist/esm/schema/registry/grafana-servicenow-datasource.schema.json.js +179 -0
  99. package/dist/esm/schema/registry/grafana-servicenow-datasource.schema.json.js.map +1 -0
  100. package/dist/esm/schema/registry/grafana-snowflake-datasource.schema.json.js +304 -0
  101. package/dist/esm/schema/registry/grafana-snowflake-datasource.schema.json.js.map +1 -0
  102. package/dist/esm/schema/registry/grafana-splunk-datasource.schema.json.js +319 -0
  103. package/dist/esm/schema/registry/grafana-splunk-datasource.schema.json.js.map +1 -0
  104. package/dist/esm/schema/registry/grafana-splunkobservability-datasource.schema.json.js +90 -0
  105. package/dist/esm/schema/registry/grafana-splunkobservability-datasource.schema.json.js.map +1 -0
  106. package/dist/esm/schema/registry/grafana-strava-datasource.schema.json.js +74 -0
  107. package/dist/esm/schema/registry/grafana-strava-datasource.schema.json.js.map +1 -0
  108. package/dist/esm/schema/registry/grafana-sumologic-datasource.schema.json.js +102 -0
  109. package/dist/esm/schema/registry/grafana-sumologic-datasource.schema.json.js.map +1 -0
  110. package/dist/esm/schema/registry/grafana-surrealdb-datasource.schema.json.js +92 -0
  111. package/dist/esm/schema/registry/grafana-surrealdb-datasource.schema.json.js.map +1 -0
  112. package/dist/esm/schema/registry/grafana-timestream-datasource.schema.json.js +145 -0
  113. package/dist/esm/schema/registry/grafana-timestream-datasource.schema.json.js.map +1 -0
  114. package/dist/esm/schema/registry/grafana-wavefront-datasource.schema.json.js +80 -0
  115. package/dist/esm/schema/registry/grafana-wavefront-datasource.schema.json.js.map +1 -0
  116. package/dist/esm/schema/registry/grafana-x-ray-datasource.schema.json.js +112 -0
  117. package/dist/esm/schema/registry/grafana-x-ray-datasource.schema.json.js.map +1 -0
  118. package/dist/esm/schema/registry/grafana-yugabyte-datasource.schema.json.js +114 -0
  119. package/dist/esm/schema/registry/grafana-yugabyte-datasource.schema.json.js.map +1 -0
  120. package/dist/esm/schema/registry/graphite.schema.json.js +104 -0
  121. package/dist/esm/schema/registry/graphite.schema.json.js.map +1 -0
  122. package/dist/esm/schema/registry/index.js +27 -0
  123. package/dist/esm/schema/registry/index.js.map +1 -0
  124. package/dist/esm/schema/registry/influxdb.schema.json.js +717 -0
  125. package/dist/esm/schema/registry/influxdb.schema.json.js.map +1 -0
  126. package/dist/esm/schema/registry/jaeger.schema.json.js +59 -0
  127. package/dist/esm/schema/registry/jaeger.schema.json.js.map +1 -0
  128. package/dist/esm/schema/registry/loki.schema.json.js +545 -0
  129. package/dist/esm/schema/registry/loki.schema.json.js.map +1 -0
  130. package/dist/esm/schema/registry/marcusolsson-csv-datasource.schema.json.js +45 -0
  131. package/dist/esm/schema/registry/marcusolsson-csv-datasource.schema.json.js.map +1 -0
  132. package/dist/esm/schema/registry/marcusolsson-json-datasource.schema.json.js +36 -0
  133. package/dist/esm/schema/registry/marcusolsson-json-datasource.schema.json.js.map +1 -0
  134. package/dist/esm/schema/registry/mssql.schema.json.js +292 -0
  135. package/dist/esm/schema/registry/mssql.schema.json.js.map +1 -0
  136. package/dist/esm/schema/registry/mysql.schema.json.js +304 -0
  137. package/dist/esm/schema/registry/mysql.schema.json.js.map +1 -0
  138. package/dist/esm/schema/registry/opentsdb.schema.json.js +113 -0
  139. package/dist/esm/schema/registry/opentsdb.schema.json.js.map +1 -0
  140. package/dist/esm/schema/registry/prometheus.schema.json.js +783 -0
  141. package/dist/esm/schema/registry/prometheus.schema.json.js.map +1 -0
  142. package/dist/esm/schema/registry/stackdriver.schema.json.js +224 -0
  143. package/dist/esm/schema/registry/stackdriver.schema.json.js.map +1 -0
  144. package/dist/esm/schema/registry/staticRegistry.js +135 -0
  145. package/dist/esm/schema/registry/staticRegistry.js.map +1 -0
  146. package/dist/esm/schema/registry/tempo.schema.json.js +664 -0
  147. package/dist/esm/schema/registry/tempo.schema.json.js.map +1 -0
  148. package/dist/esm/schema/registry/zipkin.schema.json.js +40 -0
  149. package/dist/esm/schema/registry/zipkin.schema.json.js.map +1 -0
  150. package/package.json +2 -3
  151. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/DatasourceConfigWizard.js +0 -217
  152. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/DatasourceConfigWizard.js.map +0 -1
  153. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/DatasourceErrorBoundary.js +0 -27
  154. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/DatasourceErrorBoundary.js.map +0 -1
  155. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/FieldInput.js +0 -135
  156. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/FieldInput.js.map +0 -1
  157. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/SchemaField.js +0 -80
  158. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/SchemaField.js.map +0 -1
  159. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/SidebarNav.js +0 -54
  160. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/SidebarNav.js.map +0 -1
  161. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/TabLayout.js +0 -155
  162. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/TabLayout.js.map +0 -1
  163. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/cel.js +0 -75
  164. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/cel.js.map +0 -1
  165. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/config.js +0 -262
  166. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/config.js.map +0 -1
  167. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/datasource.js +0 -354
  168. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/datasource.js.map +0 -1
  169. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/fieldUtils.js +0 -138
  170. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/fieldUtils.js.map +0 -1
  171. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/hooks/formInterpreter.js +0 -93
  172. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/hooks/formInterpreter.js.map +0 -1
  173. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/hooks/useDatasourceConfigForm.js +0 -253
  174. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/hooks/useDatasourceConfigForm.js.map +0 -1
  175. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/hooks/useHealthChecks.js +0 -106
  176. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/hooks/useHealthChecks.js.map +0 -1
  177. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/inputs/AuthorizationHeaderField.js +0 -52
  178. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/inputs/AuthorizationHeaderField.js.map +0 -1
  179. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/inputs/ComplexFieldNote.js +0 -26
  180. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/inputs/ComplexFieldNote.js.map +0 -1
  181. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/inputs/FileUploadField.js +0 -106
  182. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/inputs/FileUploadField.js.map +0 -1
  183. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/inputs/IndexedPairEditor.js +0 -124
  184. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/inputs/IndexedPairEditor.js.map +0 -1
  185. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/inputs/ObjectArrayEditor.js +0 -190
  186. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/inputs/ObjectArrayEditor.js.map +0 -1
  187. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/inputs/PdcFieldNote.js +0 -31
  188. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/inputs/PdcFieldNote.js.map +0 -1
  189. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/inputs/PrimitiveInputs.js +0 -103
  190. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/inputs/PrimitiveInputs.js.map +0 -1
  191. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/inputs/SecureFieldInput.js +0 -59
  192. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/inputs/SecureFieldInput.js.map +0 -1
  193. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/inputs/StringArrayInput.js +0 -80
  194. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/inputs/StringArrayInput.js.map +0 -1
  195. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/layoutParts.js +0 -82
  196. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/layoutParts.js.map +0 -1
  197. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/resolvePluginName.js +0 -30
  198. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/resolvePluginName.js.map +0 -1
  199. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/styles.js +0 -340
  200. package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/styles.js.map +0 -1
  201. package/dist/esm/node_modules/js-yaml/dist/js-yaml.js +0 -3043
  202. package/dist/esm/node_modules/js-yaml/dist/js-yaml.js.map +0 -1
  203. package/dist/esm/node_modules/react-hook-form/dist/index.esm.js +0 -2766
  204. package/dist/esm/node_modules/react-hook-form/dist/index.esm.js.map +0 -1
  205. package/dist/esm/node_modules/semver/functions/truncate.js +0 -62
  206. package/dist/esm/node_modules/semver/functions/truncate.js.map +0 -1
  207. package/dist/esm/schema/utils/constants.js +0 -5
  208. package/dist/esm/schema/utils/constants.js.map +0 -1
  209. package/dist/esm/schema/utils/dsconfig.js +0 -97
  210. package/dist/esm/schema/utils/dsconfig.js.map +0 -1
  211. package/dist/esm/schema/utils/llm.js +0 -54
  212. package/dist/esm/schema/utils/llm.js.map +0 -1
  213. package/dist/esm/schema/utils/packs.js +0 -113
  214. package/dist/esm/schema/utils/packs.js.map +0 -1
  215. package/dist/esm/schema/utils/provisioning.js +0 -434
  216. package/dist/esm/schema/utils/provisioning.js.map +0 -1
  217. package/dist/esm/schema/utils/registry.js +0 -32
  218. package/dist/esm/schema/utils/registry.js.map +0 -1
  219. package/dist/esm/schema/utils/useDatasourceSchema.js +0 -39
  220. package/dist/esm/schema/utils/useDatasourceSchema.js.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"file":"PrimitiveInputs.js","sources":["../../../../../../src/components/ConfigEditor/DatasourceConfigWizard/inputs/PrimitiveInputs.tsx"],"sourcesContent":["import React from 'react';\nimport { Input, Select, RadioButtonGroup, Switch, TextArea } from '@grafana/ui';\nimport type { FieldInputProps } from './types';\n\n/** Plain text input — the default when no other kind matches. */\nexport function TextInput({ field, formField, disabled }: FieldInputProps) {\n return (\n <Input\n {...formField}\n value={String(formField.value ?? '')}\n placeholder={field.ui?.placeholder}\n disabled={disabled}\n />\n );\n}\n\n/** Numeric input that preserves `undefined` for empty/NaN values. */\nexport function NumberInput({ field, formField, disabled }: FieldInputProps) {\n const value = formField.value;\n return (\n <Input\n {...formField}\n value={value !== undefined && value !== null ? Number(value) : ''}\n type=\"number\"\n placeholder={field.ui?.placeholder}\n disabled={disabled}\n onChange={(e) => {\n const n = e.currentTarget.valueAsNumber;\n formField.onChange(Number.isNaN(n) ? undefined : n);\n }}\n />\n );\n}\n\n/** Boolean toggle. */\nexport function BooleanInput({ formField, disabled }: FieldInputProps) {\n return (\n <Switch\n value={!!formField.value}\n onChange={(e) => formField.onChange(e.currentTarget.checked)}\n disabled={disabled}\n />\n );\n}\n\n/** Multi-line text input. */\nexport function TextAreaInput({ field, formField, disabled }: FieldInputProps) {\n return (\n <TextArea\n {...formField}\n value={String(formField.value ?? '')}\n placeholder={field.ui?.placeholder}\n disabled={disabled}\n rows={field.ui?.rows ?? 3}\n />\n );\n}\n\n/** Dropdown select. Values are compared as strings to match the option list. */\nexport function SelectInput({ field, formField, disabled }: FieldInputProps) {\n const options = (field.ui?.options ?? []).map((opt) => ({\n label: opt.label,\n value: String(opt.value),\n description: opt.description,\n }));\n return (\n <Select\n options={options}\n value={options.find((o) => o.value === String(formField.value ?? ''))}\n onChange={(v) => formField.onChange(v?.value)}\n disabled={disabled}\n />\n );\n}\n\n/** Radio button group. Preserves the field's native number type on change. */\nexport function RadioInput({ field, formField, disabled }: FieldInputProps) {\n const options = (field.ui?.options ?? []).map((opt) => ({\n label: opt.label,\n value: String(opt.value),\n description: opt.description,\n }));\n return (\n <div style={{ display: 'flex' }}>\n <RadioButtonGroup\n options={options}\n value={String(formField.value ?? '')}\n onChange={(v) => {\n // Preserve the field's native type when the radio value is selected.\n if (field.valueType === 'number') {\n const n = Number(v);\n formField.onChange(Number.isNaN(n) ? v : n);\n } else {\n formField.onChange(v);\n }\n }}\n disabled={disabled}\n />\n </div>\n );\n}\n"],"names":["_a"],"mappings":"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"}
@@ -1,59 +0,0 @@
1
- import React, { useState } from 'react';
2
- import { css } from '@emotion/css';
3
- import { useStyles2, Icon, Button, Input } from '@grafana/ui';
4
- import { SECURE_FIELD_CONFIGURED } from '../datasource.js';
5
-
6
- function SecureFieldInput(props) {
7
- var _a;
8
- const { formField, placeholder, disabled } = props;
9
- const isConfigured = formField.value === SECURE_FIELD_CONFIGURED;
10
- const [revealed, setRevealed] = useState(false);
11
- const styles = useStyles2(getSecureFieldStyles);
12
- if (isConfigured) {
13
- return /* @__PURE__ */ React.createElement("div", { className: styles.configuredRow }, /* @__PURE__ */ React.createElement("span", { className: styles.configuredBadge }, /* @__PURE__ */ React.createElement(Icon, { name: "lock", size: "xs" }), "Configured"), !disabled && /* @__PURE__ */ React.createElement(Button, { variant: "secondary", fill: "text", size: "sm", onClick: () => formField.onChange(""), type: "button" }, "Reset"));
14
- }
15
- return /* @__PURE__ */ React.createElement(
16
- Input,
17
- {
18
- ...formField,
19
- value: String((_a = formField.value) != null ? _a : ""),
20
- type: revealed ? "text" : "password",
21
- placeholder,
22
- disabled,
23
- suffix: /* @__PURE__ */ React.createElement(
24
- Button,
25
- {
26
- variant: "secondary",
27
- fill: "text",
28
- size: "sm",
29
- icon: revealed ? "eye-slash" : "eye",
30
- "aria-label": revealed ? "Hide" : "Reveal",
31
- onClick: () => setRevealed((r) => !r),
32
- type: "button"
33
- }
34
- )
35
- }
36
- );
37
- }
38
- const getSecureFieldStyles = (theme) => ({
39
- configuredRow: css({
40
- display: "flex",
41
- alignItems: "center",
42
- gap: theme.spacing(1),
43
- whiteSpace: "nowrap"
44
- }),
45
- configuredBadge: css({
46
- display: "inline-flex",
47
- alignItems: "center",
48
- gap: theme.spacing(0.5),
49
- padding: `${theme.spacing(0.25)} ${theme.spacing(0.75)}`,
50
- borderRadius: theme.shape.radius.pill,
51
- backgroundColor: theme.colors.success.transparent,
52
- color: theme.colors.success.text,
53
- fontSize: theme.typography.bodySmall.fontSize,
54
- whiteSpace: "nowrap"
55
- })
56
- });
57
-
58
- export { SecureFieldInput, getSecureFieldStyles };
59
- //# sourceMappingURL=SecureFieldInput.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SecureFieldInput.js","sources":["../../../../../../src/components/ConfigEditor/DatasourceConfigWizard/inputs/SecureFieldInput.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { css } from '@emotion/css';\nimport type { GrafanaTheme2 } from '@grafana/data';\nimport { useStyles2, Button, Input, Icon } from '@grafana/ui';\nimport { SECURE_FIELD_CONFIGURED } from '../datasource';\nimport type { FormFieldRef } from './types';\n\ntype Props = {\n formField: FormFieldRef;\n placeholder?: string;\n disabled?: boolean;\n label: string;\n};\n\nexport function SecureFieldInput(props: Props) {\n const { formField, placeholder, disabled } = props;\n const isConfigured = formField.value === SECURE_FIELD_CONFIGURED;\n const [revealed, setRevealed] = useState(false);\n const styles = useStyles2(getSecureFieldStyles);\n\n if (isConfigured) {\n return (\n <div className={styles.configuredRow}>\n <span className={styles.configuredBadge}>\n <Icon name=\"lock\" size=\"xs\" />\n Configured\n </span>\n {!disabled && (\n <Button variant=\"secondary\" fill=\"text\" size=\"sm\" onClick={() => formField.onChange('')} type=\"button\">\n Reset\n </Button>\n )}\n </div>\n );\n }\n\n return (\n <Input\n {...formField}\n value={String(formField.value ?? '')}\n type={revealed ? 'text' : 'password'}\n placeholder={placeholder}\n disabled={disabled}\n suffix={\n <Button\n variant=\"secondary\"\n fill=\"text\"\n size=\"sm\"\n icon={revealed ? 'eye-slash' : 'eye'}\n aria-label={revealed ? 'Hide' : 'Reveal'}\n onClick={() => setRevealed((r) => !r)}\n type=\"button\"\n />\n }\n />\n );\n}\n\nexport const getSecureFieldStyles = (theme: GrafanaTheme2) => ({\n configuredRow: css({\n display: 'flex',\n alignItems: 'center',\n gap: theme.spacing(1),\n whiteSpace: 'nowrap',\n }),\n configuredBadge: css({\n display: 'inline-flex',\n alignItems: 'center',\n gap: theme.spacing(0.5),\n padding: `${theme.spacing(0.25)} ${theme.spacing(0.75)}`,\n borderRadius: theme.shape.radius.pill,\n backgroundColor: theme.colors.success.transparent,\n color: theme.colors.success.text,\n fontSize: theme.typography.bodySmall.fontSize,\n whiteSpace: 'nowrap',\n }),\n});\n"],"names":[],"mappings":";;;;;AAcO,SAAS,iBAAiB,KAAc,EAAA;AAd/C,EAAA,IAAA,EAAA;AAeE,EAAA,MAAM,EAAE,SAAA,EAAW,WAAa,EAAA,QAAA,EAAa,GAAA,KAAA;AAC7C,EAAM,MAAA,YAAA,GAAe,UAAU,KAAU,KAAA,uBAAA;AACzC,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA;AAC9C,EAAM,MAAA,MAAA,GAAS,WAAW,oBAAoB,CAAA;AAE9C,EAAA,IAAI,YAAc,EAAA;AAChB,IAAA,2CACG,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,aAAA,EAAA,sCACpB,MAAK,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,eAAA,EAAA,sCACrB,IAAK,EAAA,EAAA,IAAA,EAAK,QAAO,IAAK,EAAA,IAAA,EAAK,GAAE,YAEhC,CAAA,EACC,CAAC,QAAA,wCACC,MAAO,EAAA,EAAA,OAAA,EAAQ,WAAY,EAAA,IAAA,EAAK,QAAO,IAAK,EAAA,IAAA,EAAK,OAAS,EAAA,MAAM,UAAU,QAAS,CAAA,EAAE,GAAG,IAAK,EAAA,QAAA,EAAA,EAAS,OAEvG,CAEJ,CAAA;AAAA;AAIJ,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACJ,KAAO,EAAA,MAAA,CAAA,CAAO,EAAU,GAAA,SAAA,CAAA,KAAA,KAAV,YAAmB,EAAE,CAAA;AAAA,MACnC,IAAA,EAAM,WAAW,MAAS,GAAA,UAAA;AAAA,MAC1B,WAAA;AAAA,MACA,QAAA;AAAA,MACA,MACE,kBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,WAAA;AAAA,UACR,IAAK,EAAA,MAAA;AAAA,UACL,IAAK,EAAA,IAAA;AAAA,UACL,IAAA,EAAM,WAAW,WAAc,GAAA,KAAA;AAAA,UAC/B,YAAA,EAAY,WAAW,MAAS,GAAA,QAAA;AAAA,UAChC,SAAS,MAAM,WAAA,CAAY,CAAC,CAAA,KAAM,CAAC,CAAC,CAAA;AAAA,UACpC,IAAK,EAAA;AAAA;AAAA;AACP;AAAA,GAEJ;AAEJ;AAEa,MAAA,oBAAA,GAAuB,CAAC,KAA0B,MAAA;AAAA,EAC7D,eAAe,GAAI,CAAA;AAAA,IACjB,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IACpB,UAAY,EAAA;AAAA,GACb,CAAA;AAAA,EACD,iBAAiB,GAAI,CAAA;AAAA,IACnB,OAAS,EAAA,aAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,IACtB,OAAA,EAAS,CAAG,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAI,CAAC,CAAI,CAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAI,CAAC,CAAA,CAAA;AAAA,IACtD,YAAA,EAAc,KAAM,CAAA,KAAA,CAAM,MAAO,CAAA,IAAA;AAAA,IACjC,eAAA,EAAiB,KAAM,CAAA,MAAA,CAAO,OAAQ,CAAA,WAAA;AAAA,IACtC,KAAA,EAAO,KAAM,CAAA,MAAA,CAAO,OAAQ,CAAA,IAAA;AAAA,IAC5B,QAAA,EAAU,KAAM,CAAA,UAAA,CAAW,SAAU,CAAA,QAAA;AAAA,IACrC,UAAY,EAAA;AAAA,GACb;AACH,CAAA;;;;"}
@@ -1,80 +0,0 @@
1
- import React, { useRef, useEffect } from 'react';
2
- import { css } from '@emotion/css';
3
- import { useStyles2, Stack, Input, Tooltip, Button } from '@grafana/ui';
4
-
5
- const StringArrayInput = (props) => {
6
- const { value, onChange, placeholder, disabled, itemLabel = "item" } = props;
7
- const styles = useStyles2(getStyles);
8
- const items = Array.isArray(value) ? value : [];
9
- const lastInputRef = useRef(null);
10
- const shouldFocusLastRef = useRef(false);
11
- useEffect(() => {
12
- if (shouldFocusLastRef.current && lastInputRef.current) {
13
- lastInputRef.current.focus();
14
- shouldFocusLastRef.current = false;
15
- }
16
- }, [items.length]);
17
- const addItem = () => {
18
- shouldFocusLastRef.current = true;
19
- onChange([...items, ""]);
20
- };
21
- const removeItem = (index) => {
22
- onChange(items.filter((_, i) => i !== index));
23
- };
24
- const updateItem = (index, val) => {
25
- onChange(items.map((item, i) => i === index ? val : item));
26
- };
27
- const isItemValid = (index, val) => {
28
- const trimmed = val.trim();
29
- if (trimmed === "") {
30
- return false;
31
- }
32
- return !items.some((item, i) => i !== index && item.trim() === trimmed);
33
- };
34
- const handleEnter = (index, currentValue) => {
35
- if (!isItemValid(index, currentValue)) {
36
- return;
37
- }
38
- if (index === items.length - 1) {
39
- shouldFocusLastRef.current = true;
40
- onChange([...items, ""]);
41
- }
42
- };
43
- return /* @__PURE__ */ React.createElement(Stack, { direction: "column", gap: 0.5 }, items.map((item, i) => /* @__PURE__ */ React.createElement(Stack, { direction: "row", gap: 1, key: i }, /* @__PURE__ */ React.createElement("div", { className: styles.inputCell }, /* @__PURE__ */ React.createElement(
44
- Input,
45
- {
46
- ref: i === items.length - 1 ? lastInputRef : undefined,
47
- value: item,
48
- placeholder: placeholder != null ? placeholder : itemLabel,
49
- disabled,
50
- onChange: (e) => updateItem(i, e.currentTarget.value),
51
- onKeyDown: (e) => {
52
- if (e.key === "Enter") {
53
- e.preventDefault();
54
- handleEnter(i, e.currentTarget.value);
55
- }
56
- }
57
- }
58
- )), !disabled && /* @__PURE__ */ React.createElement(Tooltip, { content: `Remove ${itemLabel}` }, /* @__PURE__ */ React.createElement(
59
- Button,
60
- {
61
- variant: "secondary",
62
- fill: "text",
63
- size: "sm",
64
- icon: "trash-alt",
65
- "aria-label": `Remove ${itemLabel}`,
66
- onClick: () => removeItem(i),
67
- type: "button"
68
- }
69
- )))), !disabled && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Button, { variant: "secondary", size: "sm", icon: "plus", onClick: addItem, type: "button" }, "Add")));
70
- };
71
- const getStyles = (theme) => ({
72
- inputCell: css({
73
- flex: "1 1 0",
74
- minWidth: 0,
75
- overflow: "hidden"
76
- })
77
- });
78
-
79
- export { StringArrayInput };
80
- //# sourceMappingURL=StringArrayInput.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"StringArrayInput.js","sources":["../../../../../../src/components/ConfigEditor/DatasourceConfigWizard/inputs/StringArrayInput.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { css } from '@emotion/css';\nimport { useStyles2, Button, Input, Stack, Tooltip } from '@grafana/ui';\nimport type { GrafanaTheme2 } from '@grafana/data';\n\ntype Props = {\n value: string[];\n onChange: (v: string[]) => void;\n placeholder?: string;\n disabled?: boolean;\n itemLabel?: string;\n};\n\nexport const StringArrayInput = (props: Props) => {\n const { value, onChange, placeholder, disabled, itemLabel = 'item' } = props;\n const styles = useStyles2(getStyles);\n const items = Array.isArray(value) ? value : [];\n\n const lastInputRef = useRef<HTMLInputElement | null>(null);\n const shouldFocusLastRef = useRef(false);\n\n useEffect(() => {\n if (shouldFocusLastRef.current && lastInputRef.current) {\n lastInputRef.current.focus();\n shouldFocusLastRef.current = false;\n }\n }, [items.length]);\n\n const addItem = () => {\n shouldFocusLastRef.current = true;\n onChange([...items, '']);\n };\n\n const removeItem = (index: number) => {\n onChange(items.filter((_, i) => i !== index));\n };\n\n const updateItem = (index: number, val: string) => {\n onChange(items.map((item, i) => (i === index ? val : item)));\n };\n\n const isItemValid = (index: number, val: string): boolean => {\n const trimmed = val.trim();\n if (trimmed === '') {\n return false;\n }\n return !items.some((item, i) => i !== index && item.trim() === trimmed);\n };\n\n const handleEnter = (index: number, currentValue: string) => {\n if (!isItemValid(index, currentValue)) {\n return;\n }\n if (index === items.length - 1) {\n shouldFocusLastRef.current = true;\n onChange([...items, '']);\n }\n };\n\n return (\n <Stack direction=\"column\" gap={0.5}>\n {items.map((item, i) => (\n <Stack direction=\"row\" gap={1} key={i}>\n <div className={styles.inputCell}>\n <Input\n ref={i === items.length - 1 ? lastInputRef : undefined}\n value={item}\n placeholder={placeholder ?? itemLabel}\n disabled={disabled}\n onChange={(e) => updateItem(i, e.currentTarget.value)}\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n handleEnter(i, e.currentTarget.value);\n }\n }}\n />\n </div>\n {!disabled && (\n <Tooltip content={`Remove ${itemLabel}`}>\n <Button\n variant=\"secondary\"\n fill=\"text\"\n size=\"sm\"\n icon=\"trash-alt\"\n aria-label={`Remove ${itemLabel}`}\n onClick={() => removeItem(i)}\n type=\"button\"\n />\n </Tooltip>\n )}\n </Stack>\n ))}\n {!disabled && (\n <div>\n <Button variant=\"secondary\" size=\"sm\" icon=\"plus\" onClick={addItem} type=\"button\">\n Add\n </Button>\n </div>\n )}\n </Stack>\n );\n};\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n inputCell: css({\n flex: '1 1 0',\n minWidth: 0,\n overflow: 'hidden',\n }),\n});\n"],"names":[],"mappings":"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"}
@@ -1,82 +0,0 @@
1
- import React from 'react';
2
- import { Alert, Button, LinkButton } from '@grafana/ui';
3
- import { formKey } from './config.js';
4
- import { SchemaField } from './SchemaField.js';
5
- import { AuthorizationHeaderField } from './inputs/AuthorizationHeaderField.js';
6
-
7
- function GroupFields({
8
- group,
9
- form,
10
- dsUid,
11
- showAuthHeaders
12
- }) {
13
- const {
14
- control,
15
- errors,
16
- watchedValues,
17
- fieldById,
18
- celContext,
19
- setValue,
20
- isFieldVisible,
21
- isFieldDisabled,
22
- httpHeadersField,
23
- submitting,
24
- readOnly
25
- } = form;
26
- const allDisabled = submitting || readOnly;
27
- return /* @__PURE__ */ React.createElement(React.Fragment, null, group.fields.filter(isFieldVisible).map((field) => /* @__PURE__ */ React.createElement(
28
- SchemaField,
29
- {
30
- key: formKey(field),
31
- field,
32
- control,
33
- errors,
34
- disabled: allDisabled || isFieldDisabled(field),
35
- dsUid,
36
- watchedValues,
37
- fieldById,
38
- celContext,
39
- setValue
40
- }
41
- )), showAuthHeaders && httpHeadersField && /* @__PURE__ */ React.createElement(
42
- AuthorizationHeaderField,
43
- {
44
- headersFieldKey: formKey(httpHeadersField),
45
- control,
46
- disabled: allDisabled
47
- }
48
- ));
49
- }
50
- function FormFooter({
51
- form,
52
- schema,
53
- dsUid,
54
- dsName,
55
- onRetest,
56
- healthError,
57
- renderActions,
58
- saveDisabled,
59
- className
60
- }) {
61
- const { readOnly, submitting, submitError } = form;
62
- return /* @__PURE__ */ React.createElement(React.Fragment, null, submitError && /* @__PURE__ */ React.createElement(Alert, { severity: "error", title: "Error" }, submitError), /* @__PURE__ */ React.createElement("div", { className }, 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: saveDisabled, type: "submit" }, submitting ? "Saving\u2026" : "Save & Test"), healthError && (renderActions == null ? undefined : renderActions({ dsUid, dsName, dsType: schema.pluginType, healthError }))));
63
- }
64
- function FetchErrorState({
65
- error,
66
- dsUid,
67
- buttonClassName
68
- }) {
69
- return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Alert, { severity: "error", title: "Failed to load configuration" }, error), /* @__PURE__ */ React.createElement("div", { className: buttonClassName }, /* @__PURE__ */ React.createElement(
70
- LinkButton,
71
- {
72
- variant: "secondary",
73
- size: "sm",
74
- icon: "external-link-alt",
75
- href: `/connections/datasources/edit/${dsUid}`
76
- },
77
- "Open datasource settings"
78
- )));
79
- }
80
-
81
- export { FetchErrorState, FormFooter, GroupFields };
82
- //# sourceMappingURL=layoutParts.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"layoutParts.js","sources":["../../../../../src/components/ConfigEditor/DatasourceConfigWizard/layoutParts.tsx"],"sourcesContent":["import React, { type ReactNode } from 'react';\nimport { Alert, Button, LinkButton } from '@grafana/ui';\nimport type { DatasourceConfigSchema } from '../../../schema/schema';\nimport { formKey, type ResolvedGroup } from './config';\nimport type { useDatasourceConfigForm } from './hooks/useDatasourceConfigForm';\nimport { SchemaField } from './SchemaField';\nimport { AuthorizationHeaderField } from './inputs/AuthorizationHeaderField';\n\ntype ConfigForm = ReturnType<typeof useDatasourceConfigForm>;\n\ntype RenderActions = (props: { dsUid: string; dsName: string; dsType: string; healthError?: string }) => ReactNode;\n\n/**\n * Renders the visible fields of a single group plus the optional Authorization\n * header editor. Shared by both the tab and wizard layouts so the field-render\n * contract lives in exactly one place.\n *\n * `showAuthHeaders` is passed in (rather than derived here) because the two\n * layouts intentionally use different predicates for when to show it.\n */\nexport function GroupFields({\n group,\n form,\n dsUid,\n showAuthHeaders,\n}: {\n group: ResolvedGroup;\n form: ConfigForm;\n dsUid: string;\n showAuthHeaders: boolean;\n}) {\n const {\n control,\n errors,\n watchedValues,\n fieldById,\n celContext,\n setValue,\n isFieldVisible,\n isFieldDisabled,\n httpHeadersField,\n submitting,\n readOnly,\n } = form;\n const allDisabled = submitting || readOnly;\n\n return (\n <>\n {group.fields.filter(isFieldVisible).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 {showAuthHeaders && httpHeadersField && (\n <AuthorizationHeaderField\n headersFieldKey={formKey(httpHeadersField)}\n control={control}\n disabled={allDisabled}\n />\n )}\n </>\n );\n}\n\n/**\n * Submit-error alert plus the Save/Test action row. `saveDisabled` and\n * `className` differ per layout (the wizard also gates on step validity and\n * uses its own button container).\n */\nexport function FormFooter({\n form,\n schema,\n dsUid,\n dsName,\n onRetest,\n healthError,\n renderActions,\n saveDisabled,\n className,\n}: {\n form: ConfigForm;\n schema: DatasourceConfigSchema;\n dsUid: string;\n dsName: string;\n onRetest?: () => void;\n healthError?: string;\n renderActions?: RenderActions;\n saveDisabled: boolean;\n className: string;\n}) {\n const { readOnly, submitting, submitError } = form;\n\n return (\n <>\n {submitError && (\n <Alert severity=\"error\" title=\"Error\">\n {submitError}\n </Alert>\n )}\n\n <div className={className}>\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={saveDisabled} type=\"submit\">\n {submitting ? 'Saving…' : 'Save & Test'}\n </Button>\n )}\n {healthError && renderActions?.({ dsUid, dsName, dsType: schema.pluginType, healthError })}\n </div>\n </>\n );\n}\n\n/**\n * \"Failed to load configuration\" state with a link to the native datasource\n * settings page. The outer container class differs per layout, so callers wrap\n * this; `buttonClassName` styles the link row.\n */\nexport function FetchErrorState({\n error,\n dsUid,\n buttonClassName,\n}: {\n error: string;\n dsUid: string;\n buttonClassName: string;\n}) {\n return (\n <>\n <Alert severity=\"error\" title=\"Failed to load configuration\">\n {error}\n </Alert>\n <div className={buttonClassName}>\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 </>\n );\n}\n"],"names":[],"mappings":"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"}
@@ -1,30 +0,0 @@
1
- import { getDataSourceSrv } from '@grafana/runtime';
2
-
3
- let pluginNameCache = null;
4
- function buildPluginNameCache() {
5
- var _a;
6
- if (pluginNameCache) {
7
- return pluginNameCache;
8
- }
9
- const map = /* @__PURE__ */ new Map();
10
- try {
11
- const list = getDataSourceSrv().getList();
12
- for (const ds of list) {
13
- if (((_a = ds.meta) == null ? void 0 : _a.name) && ds.type && !map.has(ds.type)) {
14
- map.set(ds.type, ds.meta.name);
15
- }
16
- }
17
- } catch (ex) {
18
- console.error(ex);
19
- }
20
- pluginNameCache = map;
21
- return map;
22
- }
23
- function resolvePluginName(pluginType) {
24
- var _a;
25
- const cache = buildPluginNameCache();
26
- return (_a = cache.get(pluginType)) != null ? _a : pluginType;
27
- }
28
-
29
- export { resolvePluginName };
30
- //# sourceMappingURL=resolvePluginName.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"resolvePluginName.js","sources":["../../../../../src/components/ConfigEditor/DatasourceConfigWizard/resolvePluginName.ts"],"sourcesContent":["import { getDataSourceSrv } from '@grafana/runtime';\n\nlet pluginNameCache: Map<string, string> | null = null;\n\nfunction buildPluginNameCache(): Map<string, string> {\n if (pluginNameCache) {\n return pluginNameCache;\n }\n const map = new Map<string, string>();\n try {\n const list = getDataSourceSrv().getList();\n for (const ds of list) {\n if (ds.meta?.name && ds.type && !map.has(ds.type)) {\n map.set(ds.type, ds.meta.name);\n }\n }\n } catch (ex) {\n console.error(ex);\n }\n pluginNameCache = map;\n return map;\n}\n\nexport function resolvePluginName(pluginType: string): string {\n const cache = buildPluginNameCache();\n return cache.get(pluginType) ?? pluginType;\n}\n"],"names":[],"mappings":";;AAEA,IAAI,eAA8C,GAAA,IAAA;AAElD,SAAS,oBAA4C,GAAA;AAJrD,EAAA,IAAA,EAAA;AAKE,EAAA,IAAI,eAAiB,EAAA;AACnB,IAAO,OAAA,eAAA;AAAA;AAET,EAAM,MAAA,GAAA,uBAAU,GAAoB,EAAA;AACpC,EAAI,IAAA;AACF,IAAM,MAAA,IAAA,GAAO,gBAAiB,EAAA,CAAE,OAAQ,EAAA;AACxC,IAAA,KAAA,MAAW,MAAM,IAAM,EAAA;AACrB,MAAI,IAAA,CAAA,CAAA,EAAA,GAAA,EAAA,CAAG,IAAH,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAS,IAAQ,KAAA,EAAA,CAAG,IAAQ,IAAA,CAAC,GAAI,CAAA,GAAA,CAAI,EAAG,CAAA,IAAI,CAAG,EAAA;AACjD,QAAA,GAAA,CAAI,GAAI,CAAA,EAAA,CAAG,IAAM,EAAA,EAAA,CAAG,KAAK,IAAI,CAAA;AAAA;AAC/B;AACF,WACO,EAAI,EAAA;AACX,IAAA,OAAA,CAAQ,MAAM,EAAE,CAAA;AAAA;AAElB,EAAkB,eAAA,GAAA,GAAA;AAClB,EAAO,OAAA,GAAA;AACT;AAEO,SAAS,kBAAkB,UAA4B,EAAA;AAvB9D,EAAA,IAAA,EAAA;AAwBE,EAAA,MAAM,QAAQ,oBAAqB,EAAA;AACnC,EAAA,OAAA,CAAO,EAAM,GAAA,KAAA,CAAA,GAAA,CAAI,UAAU,CAAA,KAApB,IAAyB,GAAA,EAAA,GAAA,UAAA;AAClC;;;;"}
@@ -1,340 +0,0 @@
1
- import { css } from '@emotion/css';
2
-
3
- const overlayStyle = (theme) => ({
4
- position: "absolute",
5
- inset: 0,
6
- display: "flex",
7
- alignItems: "center",
8
- justifyContent: "center",
9
- gap: theme.spacing(1),
10
- background: theme.colors.background.secondary,
11
- borderRadius: theme.shape.radius.default,
12
- zIndex: 1,
13
- fontSize: theme.typography.bodySmall.fontSize,
14
- color: theme.colors.text.primary,
15
- opacity: 0.95
16
- });
17
- const readOnlyBannerStyle = (theme) => ({
18
- display: "inline-flex",
19
- alignItems: "center",
20
- gap: theme.spacing(0.5),
21
- padding: `${theme.spacing(0.25)} ${theme.spacing(0.75)}`,
22
- fontSize: theme.typography.bodySmall.fontSize,
23
- color: theme.colors.text.secondary,
24
- backgroundColor: theme.colors.background.secondary,
25
- borderRadius: theme.shape.radius.default,
26
- border: `1px solid ${theme.colors.border.weak}`
27
- });
28
- const getTabStyles = (theme) => ({
29
- root: css({
30
- display: "flex",
31
- gap: theme.spacing(3),
32
- position: "relative",
33
- background: theme.colors.background.canvas,
34
- padding: theme.spacing(2)
35
- }),
36
- // Sidebar
37
- sidebar: css({
38
- width: 250,
39
- flexShrink: 0,
40
- position: "sticky",
41
- top: theme.spacing(2),
42
- alignSelf: "flex-start",
43
- [theme.breakpoints.down("sm")]: { display: "none" }
44
- }),
45
- sidebarTitle: css({
46
- fontSize: theme.typography.body.fontSize,
47
- fontWeight: theme.typography.fontWeightMedium,
48
- color: theme.colors.text.primary,
49
- padding: `${theme.spacing(1)} 0`,
50
- marginBottom: theme.spacing(1)
51
- }),
52
- navList: css({
53
- listStyle: "none",
54
- margin: 0,
55
- padding: 0,
56
- position: "relative"
57
- }),
58
- navItem: css({
59
- display: "flex",
60
- alignItems: "flex-start",
61
- gap: theme.spacing(1.5),
62
- padding: `${theme.spacing(1)} 0`,
63
- cursor: "pointer",
64
- position: "relative"
65
- }),
66
- navItemActive: css({}),
67
- // Dot container: positions the dot and the connector line
68
- navDotWrap: css({
69
- position: "relative",
70
- display: "flex",
71
- alignItems: "center",
72
- justifyContent: "center",
73
- width: 12,
74
- flexShrink: 0,
75
- alignSelf: "flex-start",
76
- paddingTop: theme.spacing(0.5)
77
- }),
78
- navDot: css({
79
- width: 10,
80
- height: 10,
81
- borderRadius: "50%",
82
- border: `2px solid ${theme.colors.text.disabled}`,
83
- background: theme.colors.background.canvas,
84
- position: "relative",
85
- zIndex: 1
86
- }),
87
- navDotOptional: css({
88
- borderStyle: "dashed"
89
- }),
90
- navDotActive: css({
91
- background: theme.colors.primary.main,
92
- borderColor: theme.colors.primary.main,
93
- borderStyle: "solid"
94
- }),
95
- navDotValidated: css({
96
- background: theme.colors.success.main,
97
- borderColor: theme.colors.success.main,
98
- borderStyle: "solid"
99
- }),
100
- navDotError: css({
101
- background: theme.colors.error.main,
102
- borderColor: theme.colors.error.main,
103
- borderStyle: "solid"
104
- }),
105
- // Connector line running from dot center downward to next item
106
- navConnector: css({
107
- position: "absolute",
108
- left: 5,
109
- top: 16,
110
- bottom: -16,
111
- width: 2,
112
- background: theme.colors.border.medium,
113
- zIndex: 0
114
- }),
115
- navConnectorDashed: css({
116
- background: "none",
117
- borderLeft: `2px dashed ${theme.colors.border.weak}`,
118
- width: 0
119
- }),
120
- navLabel: css({
121
- fontSize: theme.typography.body.fontSize,
122
- color: theme.colors.text.secondary,
123
- lineHeight: 1.4
124
- }),
125
- navLabelActive: css({
126
- fontWeight: theme.typography.fontWeightMedium,
127
- color: theme.colors.text.primary
128
- }),
129
- // Main content
130
- main: css({
131
- flex: 1,
132
- minWidth: 0,
133
- width: 0,
134
- // forces flex child to respect flex-grow and fill remaining space
135
- display: "flex",
136
- flexDirection: "column",
137
- gap: theme.spacing(2)
138
- }),
139
- form: css({
140
- display: "flex",
141
- flexDirection: "column",
142
- gap: theme.spacing(2)
143
- }),
144
- requiredNotice: css({
145
- fontSize: theme.typography.bodySmall.fontSize,
146
- color: theme.colors.text.secondary,
147
- marginBottom: theme.spacing(0.5)
148
- }),
149
- // Section wrapper — card container around CollapsableSection
150
- section: css({
151
- border: `1px solid ${theme.colors.border.weak}`,
152
- borderRadius: theme.shape.radius.default,
153
- background: theme.colors.background.secondary,
154
- overflow: "hidden"
155
- }),
156
- // Override Collapse component styling
157
- collapseHeader: css({
158
- borderRadius: theme.shape.radius.default,
159
- background: "none",
160
- border: "none",
161
- marginBottom: 0,
162
- // Collapse header button: make label fill remaining space
163
- "& > button": {
164
- padding: `${theme.spacing(1.5)} ${theme.spacing(2)}`,
165
- width: "100%",
166
- justifyContent: "flex-start"
167
- },
168
- "& > button > div": {
169
- flex: 1,
170
- fontSize: theme.typography.h4.fontSize,
171
- fontWeight: theme.typography.fontWeightMedium,
172
- textAlign: "left"
173
- }
174
- }),
175
- sectionLabel: css({
176
- display: "flex",
177
- alignItems: "center",
178
- flex: 1
179
- }),
180
- sectionLabelText: css({
181
- flex: 1
182
- }),
183
- sectionHeader: css({
184
- display: "flex",
185
- alignItems: "center",
186
- gap: theme.spacing(1),
187
- padding: `${theme.spacing(1.5)} ${theme.spacing(2)}`,
188
- cursor: "pointer",
189
- userSelect: "none"
190
- }),
191
- sectionChevron: css({
192
- transition: "transform 0.2s ease"
193
- }),
194
- sectionChevronOpen: css({
195
- transform: "rotate(90deg)"
196
- }),
197
- sectionTitle: css({
198
- fontSize: theme.typography.h4.fontSize,
199
- fontWeight: theme.typography.fontWeightMedium,
200
- flex: 1,
201
- textAlign: "left"
202
- }),
203
- sectionBadge: css({
204
- fontSize: theme.typography.bodySmall.fontSize,
205
- fontWeight: theme.typography.fontWeightRegular,
206
- color: theme.colors.text.disabled,
207
- border: `1px solid ${theme.colors.border.weak}`,
208
- borderRadius: theme.shape.radius.pill,
209
- padding: `1px ${theme.spacing(0.75)}`,
210
- whiteSpace: "nowrap"
211
- }),
212
- sectionDescription: css({
213
- fontSize: theme.typography.bodySmall.fontSize,
214
- color: theme.colors.text.secondary,
215
- marginBottom: theme.spacing(1.5)
216
- }),
217
- sectionBody: css({
218
- padding: `0 ${theme.spacing(2)} ${theme.spacing(2)}`,
219
- display: "flex",
220
- flexDirection: "column",
221
- gap: theme.spacing(0.75)
222
- }),
223
- // Form bottom
224
- formButtons: css({
225
- display: "flex",
226
- gap: theme.spacing(1),
227
- paddingTop: theme.spacing(0.5)
228
- }),
229
- // Loading / error states
230
- loadingContainer: css({
231
- display: "flex",
232
- alignItems: "center",
233
- gap: theme.spacing(1),
234
- padding: theme.spacing(3),
235
- color: theme.colors.text.secondary
236
- }),
237
- overlay: css(overlayStyle(theme)),
238
- readOnlyBanner: css({ ...readOnlyBannerStyle(theme), marginBottom: theme.spacing(1) })
239
- });
240
- const getWizardStyles = (theme) => ({
241
- container: css({
242
- position: "relative",
243
- display: "flex",
244
- flexDirection: "column",
245
- gap: theme.spacing(1),
246
- padding: theme.spacing(1.5),
247
- backgroundColor: theme.colors.background.secondary,
248
- borderRadius: theme.shape.radius.default,
249
- border: `1px solid ${theme.colors.border.weak}`,
250
- overflow: "hidden"
251
- }),
252
- overlay: css(overlayStyle(theme)),
253
- readOnlyBanner: css(readOnlyBannerStyle(theme)),
254
- navBar: css({
255
- display: "flex",
256
- alignItems: "center",
257
- justifyContent: "space-between"
258
- }),
259
- navTitle: css({
260
- display: "inline-flex",
261
- alignItems: "center",
262
- gap: theme.spacing(0.5),
263
- fontSize: theme.typography.body.fontSize,
264
- fontWeight: theme.typography.fontWeightBold,
265
- color: theme.colors.text.primary
266
- }),
267
- stepCount: css({
268
- fontSize: theme.typography.bodySmall.fontSize,
269
- fontWeight: theme.typography.fontWeightRegular,
270
- color: theme.colors.text.secondary
271
- }),
272
- navActions: css({
273
- display: "flex",
274
- alignItems: "center",
275
- gap: theme.spacing(0.25)
276
- }),
277
- form: css({
278
- display: "flex",
279
- flexDirection: "column",
280
- gap: theme.spacing(0.75)
281
- }),
282
- buttons: css({
283
- display: "flex",
284
- gap: theme.spacing(1),
285
- paddingTop: theme.spacing(0.25)
286
- })
287
- });
288
- const getFieldStyles = (theme) => ({
289
- fieldRow: css({
290
- display: "grid",
291
- gridTemplateColumns: "minmax(80px, 1fr) minmax(0, 2fr)",
292
- gap: theme.spacing(0.75),
293
- alignItems: "start"
294
- }),
295
- fieldRowCenter: css({
296
- display: "grid",
297
- gridTemplateColumns: "minmax(80px, 1fr) minmax(0, 2fr)",
298
- gap: theme.spacing(0.75),
299
- alignItems: "center",
300
- padding: `${theme.spacing(0.5)} 0`
301
- }),
302
- fieldLabelRow: css({
303
- display: "flex",
304
- alignItems: "center",
305
- gap: theme.spacing(0.5),
306
- paddingTop: theme.spacing(0.5)
307
- }),
308
- fieldLabelRowCompact: css({
309
- display: "flex",
310
- alignItems: "center",
311
- gap: theme.spacing(0.5)
312
- }),
313
- fieldLabel: css({
314
- fontSize: theme.typography.bodySmall.fontSize,
315
- fontWeight: theme.typography.fontWeightMedium,
316
- color: theme.colors.text.primary
317
- }),
318
- fieldRequired: css({
319
- color: theme.colors.error.text,
320
- marginLeft: 2
321
- }),
322
- fieldInfoIcon: css({
323
- color: theme.colors.text.disabled,
324
- cursor: "help",
325
- flexShrink: 0
326
- }),
327
- fieldInputCol: css({
328
- display: "flex",
329
- flexDirection: "column",
330
- gap: theme.spacing(0.25),
331
- minWidth: 0
332
- }),
333
- fieldError: css({
334
- fontSize: theme.typography.bodySmall.fontSize,
335
- color: theme.colors.error.text
336
- })
337
- });
338
-
339
- export { getFieldStyles, getTabStyles, getWizardStyles };
340
- //# sourceMappingURL=styles.js.map