@grafana/scenes 6.49.0 → 6.49.1--canary.1316.20159204855.0

package/dist/esm/packages/scenes/src/variables/variants/query/createQueryVariableRunner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createQueryVariableRunner.js","sources":["../../../../../../../../src/variables/variants/query/createQueryVariableRunner.ts"],"sourcesContent":["import { from, mergeMap, Observable, of } from 'rxjs';\n\nimport {\n  DataQueryRequest,\n  DataSourceApi,\n  getDefaultTimeRange,\n  LoadingState,\n  PanelData,\n  StandardVariableQuery,\n} from '@grafana/data';\nimport { getRunRequest } from '@grafana/runtime';\n\nimport {\n  hasCustomVariableSupport,\n  hasDataSourceVariableSupport,\n  hasLegacyVariableSupport,\n  hasStandardVariableSupport,\n} from './guards';\n\nimport { QueryVariable } from './QueryVariable';\nimport { DataQuery } from '@grafana/schema';\n\nexport interface RunnerArgs {\n  searchFilter?: string;\n  variable: QueryVariable;\n}\n\nexport interface QueryRunner {\n  getTarget: (variable: QueryVariable) => DataQuery | string;\n  runRequest: (args: RunnerArgs, request: DataQueryRequest) => Observable<PanelData>;\n}\n\nclass StandardQueryRunner implements QueryRunner {\n  public constructor(private datasource: DataSourceApi, private _runRequest = getRunRequest()) {}\n\n  public getTarget(variable: QueryVariable) {\n    if (hasStandardVariableSupport(this.datasource)) {\n      return this.datasource.variables.toDataQuery(ensureVariableQueryModelIsADataQuery(variable));\n    }\n\n    throw new Error(\"Couldn't create a target with supplied arguments.\");\n  }\n\n  public runRequest(_: RunnerArgs, request: DataQueryRequest) {\n    if (!hasStandardVariableSupport(this.datasource)) {\n      return getEmptyMetricFindValueObservable();\n    }\n\n    if (!this.datasource.variables.query) {\n      return this._runRequest(this.datasource, request);\n    }\n\n    return this._runRequest(this.datasource, request, this.datasource.variables.query.bind(this.datasource.variables));\n  }\n}\n\nclass LegacyQueryRunner implements QueryRunner {\n  public constructor(private datasource: DataSourceApi) {}\n\n  public getTarget(variable: QueryVariable) {\n    if (hasLegacyVariableSupport(this.datasource)) {\n      return variable.state.query;\n    }\n\n    throw new Error(\"Couldn't create a target with supplied arguments.\");\n  }\n\n  public runRequest({ variable, searchFilter }: RunnerArgs, request: DataQueryRequest) {\n    if (!hasLegacyVariableSupport(this.datasource)) {\n      return getEmptyMetricFindValueObservable();\n    }\n\n    return from(\n      this.datasource.metricFindQuery(variable.state.query, {\n        ...request,\n        // variable is used by SQL common data source\n        variable: {\n          name: variable.state.name,\n          type: variable.state.type,\n        },\n        searchFilter,\n      })\n    ).pipe(\n      mergeMap((values) => {\n        if (!values || !values.length) {\n          return getEmptyMetricFindValueObservable();\n        }\n\n        const series: any = values;\n        return of({ series, state: LoadingState.Done, timeRange: request.range });\n      })\n    );\n  }\n}\n\nclass CustomQueryRunner implements QueryRunner {\n  public constructor(private datasource: DataSourceApi, private _runRequest = getRunRequest()) {}\n\n  public getTarget(variable: QueryVariable) {\n    if (hasCustomVariableSupport(this.datasource)) {\n      return variable.state.query;\n    }\n\n    throw new Error(\"Couldn't create a target with supplied arguments.\");\n  }\n\n  public runRequest(_: RunnerArgs, request: DataQueryRequest) {\n    if (!hasCustomVariableSupport(this.datasource)) {\n      return getEmptyMetricFindValueObservable();\n    }\n\n    if (!this.datasource.variables.query) {\n      return this._runRequest(this.datasource, request);\n    }\n    return this._runRequest(this.datasource, request, this.datasource.variables.query.bind(this.datasource.variables));\n  }\n}\n\nconst variableDummyRefId = 'variable-query';\nclass DatasourceQueryRunner implements QueryRunner {\n  public constructor(private datasource: DataSourceApi, private _runRequest = getRunRequest()) {}\n\n  public getTarget(variable: QueryVariable) {\n    if (hasDataSourceVariableSupport(this.datasource)) {\n      if (typeof variable.state.query === 'string') {\n        return variable.state.query;\n      }\n\n      return { ...variable.state.query, refId: variable.state.query.refId ?? variableDummyRefId };\n    }\n\n    throw new Error(\"Couldn't create a target with supplied arguments.\");\n  }\n\n  public runRequest(_: RunnerArgs, request: DataQueryRequest) {\n    if (!hasDataSourceVariableSupport(this.datasource)) {\n      return getEmptyMetricFindValueObservable();\n    }\n\n    return this._runRequest(this.datasource, request);\n  }\n}\n\nfunction getEmptyMetricFindValueObservable(): Observable<PanelData> {\n  return of({ state: LoadingState.Done, series: [], timeRange: getDefaultTimeRange() });\n}\n\nfunction createQueryVariableRunnerFactory(datasource: DataSourceApi): QueryRunner {\n  if (hasStandardVariableSupport(datasource)) {\n    return new StandardQueryRunner(datasource, getRunRequest());\n  }\n\n  if (hasLegacyVariableSupport(datasource)) {\n    return new LegacyQueryRunner(datasource);\n  }\n\n  if (hasCustomVariableSupport(datasource)) {\n    return new CustomQueryRunner(datasource);\n  }\n\n  if (hasDataSourceVariableSupport(datasource)) {\n    return new DatasourceQueryRunner(datasource);\n  }\n\n  throw new Error(`Couldn't create a query runner for datasource ${datasource.type}`);\n}\n\nexport let createQueryVariableRunner = createQueryVariableRunnerFactory;\n\n/**\n * Use only in tests\n */\nexport function setCreateQueryVariableRunnerFactory(fn: (datasource: DataSourceApi) => QueryRunner) {\n  createQueryVariableRunner = fn;\n}\n\n/**\n * Fixes old legacy query string models and adds refId if missing\n */\nfunction ensureVariableQueryModelIsADataQuery(variable: QueryVariable): StandardVariableQuery {\n  const query = variable.state.query ?? '';\n\n  // Turn into query object if it's just a string\n  if (typeof query === 'string') {\n    return { query, refId: `variable-${variable.state.name}` };\n  }\n\n  // Add potentially missing refId\n  if (query.refId == null) {\n    return { ...query, refId: `variable-${variable.state.name}` } as StandardVariableQuery;\n  }\n\n  return variable.state.query as StandardVariableQuery;\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/packages/scenes/src/variables/variants/query/guards.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"guards.js","sources":["../../../../../../../../src/variables/variants/query/guards.ts"],"sourcesContent":["import {\n  DataQuery,\n  DataSourceJsonData,\n  DataSourceApi,\n  MetricFindValue,\n  VariableSupportType,\n  StandardVariableQuery,\n  DataQueryRequest,\n  DataQueryResponse,\n  QueryEditorProps,\n} from '@grafana/data';\nimport { TemplateSrv } from '@grafana/runtime';\nimport { ComponentType } from 'react';\n\nimport { Observable } from 'rxjs';\n\n/**\n * Interfaces and guards below are copied from core.\n * Not exposing via grafana/data as these are not intended to be used in context other than variables.\n */\n\ninterface DataSourceWithLegacyVariableSupport<\n  TQuery extends DataQuery = DataQuery,\n  TOptions extends DataSourceJsonData = DataSourceJsonData\n> extends DataSourceApi<TQuery, TOptions> {\n  metricFindQuery(query: any, options?: any): Promise<MetricFindValue[]>;\n  variables: undefined;\n}\n\ninterface DataSourceWithStandardVariableSupport<\n  TQuery extends DataQuery = DataQuery,\n  TOptions extends DataSourceJsonData = DataSourceJsonData\n> extends DataSourceApi<TQuery, TOptions> {\n  variables: {\n    getType(): VariableSupportType;\n    toDataQuery(query: StandardVariableQuery): TQuery;\n    query(request: DataQueryRequest<TQuery>): Observable<DataQueryResponse>;\n  };\n}\n\ninterface DataSourceWithCustomVariableSupport<\n  TQuery extends DataQuery = DataQuery,\n  TOptions extends DataSourceJsonData = DataSourceJsonData\n> extends DataSourceApi<TQuery, TOptions> {\n  variables: {\n    getType(): VariableSupportType;\n    editor: VariableQueryEditorType;\n    query(request: DataQueryRequest<TQuery>): Observable<DataQueryResponse>;\n  };\n}\n\ninterface VariableQueryEditorProps {\n  query: any;\n  onChange: (query: any, definition: string) => void;\n  datasource: any;\n  templateSrv: TemplateSrv;\n}\n\ntype VariableQueryEditorType<\n  TQuery extends DataQuery = DataQuery,\n  TOptions extends DataSourceJsonData = DataSourceJsonData\n> = ComponentType<VariableQueryEditorProps> | ComponentType<QueryEditorProps<any, TQuery, TOptions, any>> | null;\n\nexport const hasLegacyVariableSupport = <\n  TQuery extends DataQuery = DataQuery,\n  TOptions extends DataSourceJsonData = DataSourceJsonData\n>(\n  datasource: DataSourceApi<TQuery, TOptions>\n): datasource is DataSourceWithLegacyVariableSupport<TQuery, TOptions> => {\n  return Boolean(datasource.metricFindQuery) && !Boolean(datasource.variables);\n};\n\nexport const hasStandardVariableSupport = <\n  TQuery extends DataQuery = DataQuery,\n  TOptions extends DataSourceJsonData = DataSourceJsonData\n>(\n  datasource: DataSourceApi<TQuery, TOptions>\n): datasource is DataSourceWithStandardVariableSupport<TQuery, TOptions> => {\n  if (!datasource.variables) {\n    return false;\n  }\n\n  if (datasource.variables.getType() !== VariableSupportType.Standard) {\n    return false;\n  }\n\n  const variableSupport = datasource.variables;\n  return 'toDataQuery' in variableSupport && Boolean(variableSupport.toDataQuery);\n};\n\nexport const hasCustomVariableSupport = <\n  TQuery extends DataQuery = DataQuery,\n  TOptions extends DataSourceJsonData = DataSourceJsonData\n>(\n  datasource: DataSourceApi<TQuery, TOptions>\n): datasource is DataSourceWithCustomVariableSupport<TQuery, TOptions> => {\n  if (!datasource.variables) {\n    return false;\n  }\n\n  if (datasource.variables.getType() !== VariableSupportType.Custom) {\n    return false;\n  }\n\n  const variableSupport = datasource.variables;\n  return (\n    'query' in variableSupport &&\n    'editor' in variableSupport &&\n    Boolean(variableSupport.query) &&\n    Boolean(variableSupport.editor)\n  );\n};\n\nexport const hasDataSourceVariableSupport = <\n  TQuery extends DataQuery = DataQuery,\n  TOptions extends DataSourceJsonData = DataSourceJsonData\n>(\n  datasource: DataSourceApi<TQuery, TOptions>\n): datasource is DataSourceWithCustomVariableSupport<TQuery, TOptions> => {\n  if (!datasource.variables) {\n    return false;\n  }\n\n  return datasource.variables.getType() === VariableSupportType.Datasource;\n};\n"],"names":[],"mappings":";;AA+Da,MAAA,wBAAA,GAA2B,CAItC,UACwE,KAAA;AACxE,EAAA,OAAO,QAAQ,UAAW,CAAA,eAAe,KAAK,CAAC,OAAA,CAAQ,WAAW,SAAS,CAAA;AAC7E;AAEa,MAAA,0BAAA,GAA6B,CAIxC,UAC0E,KAAA;AAC1E,EAAI,IAAA,CAAC,WAAW,SAAW,EAAA;AACzB,IAAO,OAAA,KAAA;AAAA;AAGT,EAAA,IAAI,UAAW,CAAA,SAAA,CAAU,OAAQ,EAAA,KAAM,oBAAoB,QAAU,EAAA;AACnE,IAAO,OAAA,KAAA;AAAA;AAGT,EAAA,MAAM,kBAAkB,UAAW,CAAA,SAAA;AACnC,EAAA,OAAO,aAAiB,IAAA,eAAA,IAAmB,OAAQ,CAAA,eAAA,CAAgB,WAAW,CAAA;AAChF;AAEa,MAAA,wBAAA,GAA2B,CAItC,UACwE,KAAA;AACxE,EAAI,IAAA,CAAC,WAAW,SAAW,EAAA;AACzB,IAAO,OAAA,KAAA;AAAA;AAGT,EAAA,IAAI,UAAW,CAAA,SAAA,CAAU,OAAQ,EAAA,KAAM,oBAAoB,MAAQ,EAAA;AACjE,IAAO,OAAA,KAAA;AAAA;AAGT,EAAA,MAAM,kBAAkB,UAAW,CAAA,SAAA;AACnC,EACE,OAAA,OAAA,IAAW,eACX,IAAA,QAAA,IAAY,eACZ,IAAA,OAAA,CAAQ,gBAAgB,KAAK,CAAA,IAC7B,OAAQ,CAAA,eAAA,CAAgB,MAAM,CAAA;AAElC;AAEa,MAAA,4BAAA,GAA+B,CAI1C,UACwE,KAAA;AACxE,EAAI,IAAA,CAAC,WAAW,SAAW,EAAA;AACzB,IAAO,OAAA,KAAA;AAAA;AAGT,EAAA,OAAO,UAAW,CAAA,SAAA,CAAU,OAAQ,EAAA,KAAM,mBAAoB,CAAA,UAAA;AAChE;;;;"}

package/dist/esm/packages/scenes/src/variables/variants/query/toMetricFindValues.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toMetricFindValues.js","sources":["../../../../../../../../src/variables/variants/query/toMetricFindValues.ts"],"sourcesContent":["import {\n  DataFrame,\n  FieldType,\n  getFieldDisplayName,\n  getProcessedDataFrames,\n  isDataFrame,\n  MetricFindValue,\n  PanelData,\n} from '@grafana/data';\nimport { map, OperatorFunction } from 'rxjs';\n\ninterface MetricFindValueWithOptionalProperties extends MetricFindValue {\n  properties?: Record<string, string>;\n}\n\nexport function toMetricFindValues(\n  valueProp?: string,\n  textProp?: string\n): OperatorFunction<PanelData, MetricFindValueWithOptionalProperties[]> {\n  return (source) =>\n    source.pipe(\n      map((panelData) => {\n        const frames = panelData.series;\n        if (!frames || !frames.length) {\n          return [];\n        }\n\n        if (areMetricFindValues(frames)) {\n          return frames;\n        }\n\n        if (frames[0].fields.length === 0) {\n          return [];\n        }\n\n        const indices = validateIndices(findFieldsIndices(frames), valueProp, textProp);\n\n        const metrics: MetricFindValueWithOptionalProperties[] = [];\n\n        for (const frame of frames) {\n          for (let index = 0; index < frame.length; index++) {\n            const fieldValue = (fieldIndex: number) =>\n              fieldIndex !== -1 ? frame.fields[fieldIndex].values.get(index) : undefined;\n\n            const value = fieldValue(indices.value);\n            const text = fieldValue(indices.text);\n            const expandable = fieldValue(indices.expandable);\n\n            if (!indices.properties.length) {\n              metrics.push({\n                value: value || text,\n                text: text || value,\n                expandable,\n              });\n              continue;\n            }\n\n            const properties: MetricFindValueWithOptionalProperties['properties'] = {};\n            for (const p of indices.properties) {\n              properties[p.name] = fieldValue(p.index);\n            }\n\n            metrics.push({\n              value: value || (valueProp && properties[valueProp]) || text || (textProp && properties[textProp]),\n              text: text || (textProp && properties[textProp]) || value || (valueProp && properties[valueProp]),\n              properties,\n              expandable,\n            });\n          }\n        }\n\n        return metrics;\n      })\n    );\n}\n\ntype Indices = {\n  value: number;\n  text: number;\n  properties: Array<{ name: string; index: number }>;\n  expandable: number;\n};\n\nfunction findFieldsIndices(frames: DataFrame[]): Indices {\n  const indices: Indices = {\n    value: -1,\n    text: -1,\n    expandable: -1,\n    properties: [],\n  };\n\n  for (const frame of getProcessedDataFrames(frames)) {\n    for (let index = 0; index < frame.fields.length; index++) {\n      const field = frame.fields[index];\n      const fieldName = getFieldDisplayName(field, frame, frames).toLowerCase();\n\n      if (field.type === FieldType.string) {\n        if (fieldName === 'value') {\n          if (indices.value === -1) {\n            indices.value = index;\n          }\n          continue;\n        }\n\n        if (fieldName === 'text') {\n          if (indices.text === -1) {\n            indices.text = index;\n          }\n          continue;\n        }\n\n        indices.properties.push({ name: fieldName, index });\n        continue;\n      }\n\n      if (\n        fieldName === 'expandable' &&\n        (field.type === FieldType.boolean || field.type === FieldType.number) &&\n        indices.expandable === -1\n      ) {\n        indices.expandable = index;\n      }\n    }\n  }\n\n  return indices;\n}\n\nfunction validateIndices(indices: Indices, valueProp?: string, textProp?: string): Indices {\n  const hasNoValueOrText = indices.value === -1 && indices.text === -1;\n\n  if (hasNoValueOrText && !indices.properties.length) {\n    throw new Error(\"Couldn't find any field of type string in the results\");\n  }\n\n  // A single field of type string that is neither named \"value\" nor \"text\" is considered as \"value\"\n  if (hasNoValueOrText && indices.properties.length === 1) {\n    indices.value = indices.properties[0].index;\n    indices.properties = [];\n  }\n\n  if (hasNoValueOrText && indices.properties.length && !valueProp && !textProp) {\n    throw new Error('Properties found in series but missing valueProp and textProp');\n  }\n\n  return indices;\n}\n\nfunction areMetricFindValues(data: any[]): data is MetricFindValue[] {\n  if (!data) {\n    return false;\n  }\n\n  if (!data.length) {\n    return true;\n  }\n\n  const firstValue: any = data[0];\n\n  if (isDataFrame(firstValue)) {\n    return false;\n  }\n\n  for (const firstValueKey in firstValue) {\n    if (!firstValue.hasOwnProperty(firstValueKey)) {\n      continue;\n    }\n\n    const value = firstValue[firstValueKey];\n    if (value !== null && typeof value !== 'string' && typeof value !== 'number') {\n      continue;\n    }\n\n    const key = firstValueKey.toLowerCase();\n\n    if (key === 'text' || key === 'value') {\n      return true;\n    }\n  }\n\n  return false;\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/packages/scenes/src/variables/variants/query/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../../../src/variables/variants/query/utils.ts"],"sourcesContent":["import { isNumber, sortBy, toLower, uniqBy } from 'lodash';\n\nimport {\n  stringToJsRegex,\n  VariableSort,\n  // @ts-expect-error TODO: remove suppression after updating grafana/data\n  VariableRegexApplyTo,\n} from '@grafana/data';\n\nimport { VariableValueOption } from '../../types';\n\ninterface MetricNamesToVariableValuesArgs {\n  variableRegEx: string;\n  variableRegexApplyTo: VariableRegexApplyTo;\n  sort: VariableSort;\n  metricNames: any[];\n}\n\nexport function metricNamesToVariableValues({\n  variableRegEx,\n  variableRegexApplyTo,\n  sort,\n  metricNames,\n}: MetricNamesToVariableValuesArgs) {\n  let regex;\n  let options: VariableValueOption[] = [];\n\n  if (variableRegEx) {\n    regex = stringToJsRegex(variableRegEx);\n  }\n\n  for (let i = 0; i < metricNames.length; i++) {\n    const item = metricNames[i];\n    let text = item.text ?? item.value ?? '';\n    let value = item.value ?? item.text ?? '';\n\n    if (isNumber(value)) {\n      value = value.toString();\n    }\n\n    if (isNumber(text)) {\n      text = text.toString();\n    }\n\n    if (regex) {\n      const applyTo = variableRegexApplyTo === 'text' ? text : value;\n      const matches = getAllMatches(applyTo, regex);\n      if (!matches.length) {\n        continue;\n      }\n\n      const valueGroup = matches.find((m) => m.groups && m.groups.value);\n      const textGroup = matches.find((m) => m.groups && m.groups.text);\n      const firstMatch = matches.find((m) => m.length > 1);\n      const manyMatches = matches.length > 1 && firstMatch;\n\n      if (valueGroup || textGroup) {\n        value = valueGroup?.groups?.value ?? textGroup?.groups?.text;\n        text = textGroup?.groups?.text ?? valueGroup?.groups?.value;\n      } else if (manyMatches) {\n        for (let j = 0; j < matches.length; j++) {\n          const match = matches[j];\n          options.push({ label: match[1], value: match[1] });\n        }\n        continue;\n      } else if (firstMatch) {\n        text = firstMatch[1];\n        value = firstMatch[1];\n      }\n    }\n\n    options.push({ label: text, value: value, properties: item.properties });\n  }\n\n  options = uniqBy(options, 'value');\n  return sortVariableValues(options, sort);\n}\n\nconst getAllMatches = (str: string, regex: RegExp): RegExpExecArray[] => {\n  const results: RegExpExecArray[] = [];\n  let matches = null;\n\n  regex.lastIndex = 0;\n\n  do {\n    matches = regex.exec(str);\n    if (matches) {\n      results.push(matches);\n    }\n  } while (regex.global && matches && matches[0] !== '' && matches[0] !== undefined);\n\n  return results;\n};\n\nexport const sortVariableValues = (options: VariableValueOption[], sortOrder: VariableSort) => {\n  if (sortOrder === VariableSort.disabled) {\n    return options;\n  }\n\n  switch (sortOrder) {\n    case VariableSort.alphabeticalAsc:\n      options = sortBy(options, 'label');\n      break;\n    case VariableSort.alphabeticalDesc:\n      options = sortBy(options, 'label').reverse();\n      break;\n    case VariableSort.numericalAsc:\n      options = sortBy(options, sortByNumeric);\n      break;\n    case VariableSort.numericalDesc:\n      options = sortBy(options, sortByNumeric);\n      options = options.reverse();\n      break;\n    case VariableSort.alphabeticalCaseInsensitiveAsc:\n      options = sortBy(options, (opt) => {\n        return toLower(opt.label);\n      });\n      break;\n    case VariableSort.alphabeticalCaseInsensitiveDesc:\n      options = sortBy(options, (opt) => {\n        return toLower(opt.label);\n      });\n      options = options.reverse();\n      break;\n    case VariableSort.naturalAsc:\n      // Sort by natural sort\n      options = sortByNaturalSort(options);\n      break;\n    case VariableSort.naturalDesc:\n      options = sortByNaturalSort(options);\n      options = options.reverse();\n      break;\n    default:\n      break;\n  }\n  return options;\n};\n\nfunction sortByNumeric(opt: VariableValueOption) {\n  if (!opt.label) {\n    return -1;\n  }\n  const matches = opt.label.match(/.*?(\\d+).*/);\n  if (!matches || matches.length < 2) {\n    return -1;\n  } else {\n    return parseInt(matches[1], 10);\n  }\n}\n\nconst collator = new Intl.Collator(undefined, { sensitivity: 'accent', numeric: true });\n\nfunction sortByNaturalSort(options: VariableValueOption[]) {\n  return options.slice().sort((a, b) => {\n    return collator.compare(a.label, b.label);\n  });\n}\n"],"names":[],"mappings":"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"}

package/dist/{grafana-scenes-D5iZGLtK.js → grafana-scenes-CwGWCTcQ.js}

@@ -95,6 +95,12 @@ var grafanaScenes = {
 				"placeholder-select-value": "Select value"
 			}
 		},
+		"adhoc-filters-combobox-renderer": {
+			collapse: "Collapse",
+			"collapse-filters": "Collapse filters",
+			"more-filters_one": "+{{count}} more",
+			"more-filters_other": "+{{count}} more"
+		},
 		"data-source-variable": {
 			label: {
 				"default": "default"
@@ -164,4 +170,4 @@ var grafanaScenes = {
 };
 
 exports.default = grafanaScenes;
-//# sourceMappingURL=grafana-scenes-D5iZGLtK.js.map
+//# sourceMappingURL=grafana-scenes-CwGWCTcQ.js.map

package/dist/{grafana-scenes-D5iZGLtK.js.map → grafana-scenes-CwGWCTcQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"grafana-scenes-D5iZGLtK.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"grafana-scenes-CwGWCTcQ.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.d.ts

@@ -1100,6 +1100,11 @@ interface AdHocFiltersVariableState extends SceneVariableState {
      * state for checking whether drilldown applicability is enabled
      */
     applicabilityEnabled?: boolean;
+    /**
+     * When true, enables a collapse button that appears when filters wrap to multiple lines.
+     * Allows users to collapse the filter UI to save vertical space.
+     */
+    collapsible?: boolean;
 }
 type AdHocVariableExpressionBuilderFn = (filters: AdHocFilterWithLabels[]) => string;
 type OnAddCustomValueFn = (item: SelectableValue<string> & {
@@ -2486,6 +2491,10 @@ interface AdHocFiltersControllerState {
     onAddCustomValue?: OnAddCustomValueFn;
     wip?: AdHocFilterWithLabels;
     inputPlaceholder?: string;
+    /**
+     * When true, enables a collapse button that appears when filters wrap to multiple lines.
+     */
+    collapsible?: boolean;
 }
 /**
  * Controller interface for adhoc filters combobox UI.

package/dist/index.js

@@ -15,8 +15,10 @@ var ui = require('@grafana/ui');
 var e2eSelectors = require('@grafana/e2e-selectors');
 var css = require('@emotion/css');
 var uFuzzy = require('@leeoniya/ufuzzy');
+var react = require('@emotion/react');
+require('react-dom');
 var reactUse = require('react-use');
-var react = require('@floating-ui/react');
+var react$1 = require('@floating-ui/react');
 var reactVirtual = require('@tanstack/react-virtual');
 var operators = require('rxjs/operators');
 var ReactGridLayout = require('react-grid-layout');
@@ -2915,6 +2917,158 @@ function findActiveGroupByVariablesByUid(dsUid) {
   return void 0;
 }
 
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+
+function toPrimitive(t, r) {
+  if ("object" != _typeof(t) || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != _typeof(i)) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+
+function toPropertyKey(t) {
+  var i = toPrimitive(t, "string");
+  return "symbol" == _typeof(i) ? i : i + "";
+}
+
+function _defineProperty(e, r, t) {
+  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: true,
+    configurable: true,
+    writable: true
+  }) : e[r] = t, e;
+}
+
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+
+function _taggedTemplateLiteral(e, t) {
+  return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
+    raw: {
+      value: Object.freeze(t)
+    }
+  }));
+}
+
+// ==============================
+// NO OP
+// ==============================
+
+var noop = function noop() {};
+
+// ==============================
+// Get Style Props
+// ==============================
+
+var getStyleProps = function getStyleProps(props, name, classNamesState) {
+  var cx = props.cx,
+    getStyles = props.getStyles,
+    getClassNames = props.getClassNames,
+    className = props.className;
+  return {
+    css: getStyles(name, props),
+    className: cx(classNamesState !== null && classNamesState !== void 0 ? classNamesState : {}, getClassNames(name, props), className)
+  };
+};
+var options = {
+  get passive() {
+    return true;
+  }
+};
+// check for SSR
+var w = typeof window !== 'undefined' ? window : {};
+if (w.addEventListener && w.removeEventListener) {
+  w.addEventListener('p', noop, options);
+  w.removeEventListener('p', noop, false);
+}
+var Menu = function Menu(props) {
+  var children = props.children,
+    innerRef = props.innerRef,
+    innerProps = props.innerProps;
+  return react.jsx("div", _extends({}, getStyleProps(props, 'menu', {
+    menu: true
+  }), {
+    ref: innerRef
+  }, innerProps), children);
+};
+var Menu$1 = Menu;
+
+var _templateObject;
+
+// ==============================
+// Dropdown & Clear Icons
+// ==============================
+process.env.NODE_ENV === "production" ? {
+  } : {
+  };
+
+// ==============================
+// Loading
+// ==============================
+
+react.keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0%, 80%, 100% { opacity: 0; }\n  40% { opacity: 1; }\n"])));
+var spacingStyle = {
+  gridArea: '1 / 2',
+  font: 'inherit',
+  minWidth: '2px',
+  border: 0,
+  margin: 0,
+  outline: 0,
+  padding: 0
+};
+({
+  '&:after': _objectSpread2({
+    content: 'attr(data-value) " "',
+    visibility: 'hidden',
+    whiteSpace: 'pre'
+  }, spacingStyle)
+});
+
+var components = {
+  Menu: Menu$1};
+
 const REGEXP_NON_ASCII = /[^ -~]/m;
 const REGEXP_ONLY_SYMBOLS = /^[\x21-\x2F\x3A-\x40\x5B-\x60\x7B-\x7E]+$/m;
 const outOfOrderLimit = 5;
@@ -3749,6 +3903,7 @@ function GroupByVariableRenderer({ model }) {
       isLoading: isFetchingOptions,
       components: {
         Option: OptionWithCheckbox,
+        Menu: WideMenu,
         ...hasDefaultValue ? {
           IndicatorsContainer: () => /* @__PURE__ */ React__default.default.createElement(DefaultGroupByCustomIndicatorContainer, { model })
         } : {},
@@ -3772,6 +3927,7 @@ function GroupByVariableRenderer({ model }) {
           model.changeValueTo([], void 0, true);
         }
         setUncommittedValue(newValue);
+        setInputValue("");
       },
       onOpenMenu: async () => {
         const profiler = getInteractionTracker(model);
@@ -3815,6 +3971,7 @@ function GroupByVariableRenderer({ model }) {
       hideSelectedOptions: false,
       noValueOnClear: true,
       isLoading: isFetchingOptions,
+      components: { Menu: WideMenu },
       onInputChange,
       onChange: (newValue, action) => {
         if (action.action === "clear") {
@@ -3845,6 +4002,9 @@ function GroupByVariableRenderer({ model }) {
   );
 }
 const filterNoOp$1 = () => true;
+function WideMenu(props) {
+  return /* @__PURE__ */ React__default.default.createElement(components.Menu, { ...props }, /* @__PURE__ */ React__default.default.createElement("div", { style: { minWidth: "220px" } }, props.children));
+}
 function toSelectableValue$1(input) {
   const { label, value, group } = input;
   const result = {
@@ -6501,6 +6661,9 @@ const generatePlaceholder = (filter, filterInputType, isMultiValueEdit, isAlways
     }
     return ((_a = filter.valueLabels) == null ? void 0 : _a[0]) || "";
   }
+  if (isAlwaysWip && filterInputType === "operator") {
+    return "";
+  }
   return filter[filterInputType] && !isAlwaysWip ? `${filter[filterInputType]}` : inputPlaceholder || INPUT_PLACEHOLDER_DEFAULT;
 };
 const populateInputValueOnInputTypeSwitch = ({
@@ -6528,15 +6691,15 @@ const useFloatingInteractions = ({
   listRef,
   disabledIndicesRef
 }) => {
-  const { refs, floatingStyles, context } = react.useFloating({
-    whileElementsMounted: react.autoUpdate,
+  const { refs, floatingStyles, context } = react$1.useFloating({
+    whileElementsMounted: react$1.autoUpdate,
     open,
     onOpenChange,
     placement: "bottom-start",
     middleware: [
-      react.offset(10),
-      react.flip({ padding: 10 }),
-      react.size({
+      react$1.offset(10),
+      react$1.flip({ padding: 10 }),
+      react$1.size({
         apply({ availableHeight, availableWidth, elements }) {
           elements.floating.style.maxHeight = `${Math.min(MAX_MENU_HEIGHT, availableHeight)}px`;
           elements.floating.style.maxWidth = `${availableWidth}px`;
@@ -6546,8 +6709,8 @@ const useFloatingInteractions = ({
     ],
     strategy: "fixed"
   });
-  const role = react.useRole(context, { role: "listbox" });
-  const dismiss = react.useDismiss(context, {
+  const role = react$1.useRole(context, { role: "listbox" });
+  const dismiss = react$1.useDismiss(context, {
     // if outside click lands on operator pill, then ignore outside click
     outsidePress: (event) => {
       var _a;
@@ -6564,7 +6727,7 @@ const useFloatingInteractions = ({
       return true;
     }
   });
-  const listNav = react.useListNavigation(context, {
+  const listNav = react$1.useListNavigation(context, {
     listRef,
     activeIndex,
     onNavigate: setActiveIndex,
@@ -6572,7 +6735,7 @@ const useFloatingInteractions = ({
     loop: true,
     disabledIndices: disabledIndicesRef.current
   });
-  const { getReferenceProps, getFloatingProps, getItemProps } = react.useInteractions([role, dismiss, listNav]);
+  const { getReferenceProps, getFloatingProps, getItemProps } = react$1.useInteractions([role, dismiss, listNav]);
   return {
     refs,
     floatingStyles,
@@ -6689,7 +6852,8 @@ const AdHocCombobox = React.forwardRef(function AdHocCombobox2({
   isAlwaysWip,
   handleChangeViewMode,
   focusOnWipInputRef,
-  populateInputOnEdit
+  populateInputOnEdit,
+  onInputClick
 }, parentRef) {
   var _a, _b, _c;
   const [open, setOpen] = React.useState(false);
@@ -7172,13 +7336,14 @@ const AdHocCombobox = React.forwardRef(function AdHocCombobox2({
       className: css.cx(styles.inputStyle, { [styles.loadingInputPadding]: !optionsLoading }),
       onClick: (event) => {
         event.stopPropagation();
+        onInputClick == null ? void 0 : onInputClick();
         setOpen(true);
       },
       onFocus: () => {
         setOpen(true);
       }
     }
-  ), optionsLoading ? /* @__PURE__ */ React__default.default.createElement(ui.Spinner, { className: styles.loadingIndicator, inline: true }) : null, /* @__PURE__ */ React__default.default.createElement(react.FloatingPortal, null, open && /* @__PURE__ */ React__default.default.createElement(react.FloatingFocusManager, { context, initialFocus: -1, visuallyHiddenDismiss: true, modal: true }, /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
+  ), optionsLoading ? /* @__PURE__ */ React__default.default.createElement(ui.Spinner, { className: styles.loadingIndicator, inline: true }) : null, /* @__PURE__ */ React__default.default.createElement(react$1.FloatingPortal, null, open && /* @__PURE__ */ React__default.default.createElement(react$1.FloatingFocusManager, { context, initialFocus: -1, visuallyHiddenDismiss: true, modal: true }, /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
     "div",
     {
       style: {
@@ -7630,52 +7795,118 @@ const getStyles$a = (theme) => ({
   ...getNonApplicablePillStyles(theme)
 });
 
-const AdHocFiltersAlwaysWipCombobox = React.forwardRef(function AdHocFiltersAlwaysWipCombobox2({ controller }, parentRef) {
+const AdHocFiltersAlwaysWipCombobox = React.forwardRef(function AdHocFiltersAlwaysWipCombobox2({ controller, onInputClick }, parentRef) {
   const { wip } = controller.useState();
   React.useLayoutEffect(() => {
     if (!wip) {
       controller.addWip();
     }
   }, [wip]);
-  return /* @__PURE__ */ React__default.default.createElement(AdHocCombobox, { controller, filter: wip, isAlwaysWip: true, ref: parentRef });
+  return /* @__PURE__ */ React__default.default.createElement(AdHocCombobox, { controller, filter: wip, isAlwaysWip: true, ref: parentRef, onInputClick });
 });
 
 const AdHocFiltersComboboxRenderer = React.memo(function AdHocFiltersComboboxRenderer2({ controller }) {
-  const { originFilters, filters, readOnly } = controller.useState();
+  var _a;
+  const { originFilters, filters, readOnly, collapsible } = controller.useState();
   const styles = ui.useStyles2(getStyles$9);
+  const [collapsed, setCollapsed] = React.useState(true);
+  const [isMultiLine, setIsMultiLine] = React.useState(false);
+  const wrapperRef = React.useRef(null);
   const focusOnWipInputRef = React.useRef();
+  const { width: windowWidth } = reactUse.useWindowSize();
+  const checkMultiLine = React.useCallback(() => {
+    if (!collapsible) {
+      setIsMultiLine(false);
+      return;
+    }
+    if (wrapperRef.current) {
+      const singleLineThreshold = 40;
+      setIsMultiLine(wrapperRef.current.scrollHeight > singleLineThreshold);
+    }
+  }, [collapsible]);
+  React.useEffect(() => {
+    checkMultiLine();
+  }, [checkMultiLine, filters, originFilters, windowWidth, collapsed]);
+  const handleCollapseToggle = (event) => {
+    event.stopPropagation();
+    if (collapsible) {
+      setCollapsed(true);
+    }
+  };
+  const handleExpand = () => {
+    var _a2, _b;
+    if (!collapsible) {
+      (_a2 = focusOnWipInputRef.current) == null ? void 0 : _a2.call(focusOnWipInputRef);
+      return;
+    }
+    if (collapsed) {
+      setCollapsed(false);
+    } else {
+      (_b = focusOnWipInputRef.current) == null ? void 0 : _b.call(focusOnWipInputRef);
+    }
+  };
+  const visibleOriginFilters = (_a = originFilters == null ? void 0 : originFilters.filter((f) => f.origin)) != null ? _a : [];
+  const visibleFilters = filters.filter((f) => !f.hidden);
+  const allFilters = [...visibleOriginFilters, ...visibleFilters];
+  const totalFiltersCount = allFilters.length;
+  const maxVisibleWhenCollapsed = 2;
+  const shouldCollapse = collapsible && collapsed;
+  const filtersToRender = shouldCollapse ? allFilters.slice(0, maxVisibleWhenCollapsed) : allFilters;
+  const hiddenCount = shouldCollapse ? Math.max(0, totalFiltersCount - maxVisibleWhenCollapsed) : 0;
+  React.useEffect(() => {
+    if (collapsible && totalFiltersCount === 0 && collapsed) {
+      setCollapsed(false);
+    }
+  }, [collapsible, totalFiltersCount, collapsed]);
+  const showCollapseButton = collapsible && isMultiLine && !collapsed;
   return /* @__PURE__ */ React__default.default.createElement(
     "div",
     {
-      className: css.cx(styles.comboboxWrapper, { [styles.comboboxFocusOutline]: !readOnly }),
-      onClick: () => {
-        var _a;
-        (_a = focusOnWipInputRef.current) == null ? void 0 : _a.call(focusOnWipInputRef);
-      }
+      ref: wrapperRef,
+      className: css.cx(styles.comboboxWrapper, {
+        [styles.comboboxFocusOutline]: !readOnly,
+        [styles.collapsed]: collapsible && collapsed && hiddenCount > 0,
+        [styles.clickableCollapsed]: collapsible && collapsed && hiddenCount > 0
+      }),
+      onClick: handleExpand
     },
     /* @__PURE__ */ React__default.default.createElement(ui.Icon, { name: "filter", className: styles.filterIcon, size: "lg" }),
-    originFilters == null ? void 0 : originFilters.map(
-      (filter, index) => filter.origin ? /* @__PURE__ */ React__default.default.createElement(
-        AdHocFilterPill,
-        {
-          key: `${index}-${filter.key}`,
-          filter,
-          controller,
-          focusOnWipInputRef: focusOnWipInputRef.current
-        }
-      ) : null
-    ),
-    filters.filter((filter) => !filter.hidden).map((filter, index) => /* @__PURE__ */ React__default.default.createElement(
+    filtersToRender.map((filter, index) => /* @__PURE__ */ React__default.default.createElement(
       AdHocFilterPill,
       {
-        key: `${index}-${filter.key}`,
+        key: `${filter.origin ? "origin-" : ""}${index}-${filter.key}`,
         filter,
         controller,
         readOnly: readOnly || filter.readOnly,
         focusOnWipInputRef: focusOnWipInputRef.current
       }
     )),
-    !readOnly ? /* @__PURE__ */ React__default.default.createElement(AdHocFiltersAlwaysWipCombobox, { controller, ref: focusOnWipInputRef }) : null
+    hiddenCount > 0 && /* @__PURE__ */ React__default.default.createElement("span", { className: styles.moreIndicator }, i18n.t("grafana-scenes.variables.adhoc-filters-combobox-renderer.more-filters", "+{{count}} more", {
+      count: hiddenCount
+    })),
+    !readOnly ? /* @__PURE__ */ React__default.default.createElement(
+      AdHocFiltersAlwaysWipCombobox,
+      {
+        controller,
+        ref: focusOnWipInputRef,
+        onInputClick: collapsible && hiddenCount > 0 ? () => setCollapsed(false) : void 0
+      }
+    ) : null,
+    showCollapseButton && /* @__PURE__ */ React__default.default.createElement(
+      ui.Button,
+      {
+        className: styles.collapseButton,
+        fill: "text",
+        onClick: handleCollapseToggle,
+        "aria-label": i18n.t(
+          "grafana-scenes.variables.adhoc-filters-combobox-renderer.collapse-filters",
+          "Collapse filters"
+        ),
+        "aria-expanded": !collapsed
+      },
+      i18n.t("grafana-scenes.variables.adhoc-filters-combobox-renderer.collapse", "Collapse"),
+      /* @__PURE__ */ React__default.default.createElement(ui.Icon, { name: "angle-up", size: "md" })
+    )
   );
 });
 const getStyles$9 = (theme) => ({
@@ -7707,6 +7938,34 @@ const getStyles$9 = (theme) => ({
   filterIcon: css.css({
     color: theme.colors.text.secondary,
     alignSelf: "center"
+  }),
+  collapsed: css.css({
+    flexWrap: "nowrap",
+    overflow: "hidden"
+  }),
+  clickableCollapsed: css.css({
+    cursor: "pointer",
+    "&:hover": {
+      borderColor: theme.colors.border.medium
+    }
+  }),
+  moreIndicator: css.css({
+    color: theme.colors.text.secondary,
+    whiteSpace: "nowrap",
+    ...theme.typography.bodySmall,
+    fontStyle: "italic",
+    marginLeft: theme.spacing(0.5)
+  }),
+  collapseButton: css.css({
+    marginLeft: "auto",
+    color: theme.colors.text.secondary,
+    padding: 0,
+    fontSize: theme.typography.bodySmall.fontSize,
+    border: "none",
+    "&:hover": {
+      background: "transparent",
+      color: theme.colors.text.primary
+    }
   })
 });
 
@@ -7810,7 +8069,8 @@ class AdHocFiltersVariableController {
       allowCustomValue: state.allowCustomValue,
       supportsMultiValueOperators: state.supportsMultiValueOperators,
       onAddCustomValue: state.onAddCustomValue,
-      wip: state._wip
+      wip: state._wip,
+      collapsible: state.collapsible
     };
   }
   async getKeys(currentKey) {
@@ -16187,7 +16447,7 @@ function __variableDynamicImportRuntime0__(path) {
   switch (path) {
     case '../locales/cs-CZ/grafana-scenes.json': return Promise.resolve().then(function () { return require('./grafana-scenes-DPdlSPjz.js'); });
     case '../locales/de-DE/grafana-scenes.json': return Promise.resolve().then(function () { return require('./grafana-scenes-BHIE4ld0.js'); });
-    case '../locales/en-US/grafana-scenes.json': return Promise.resolve().then(function () { return require('./grafana-scenes-D5iZGLtK.js'); });
+    case '../locales/en-US/grafana-scenes.json': return Promise.resolve().then(function () { return require('./grafana-scenes-CwGWCTcQ.js'); });
     case '../locales/es-ES/grafana-scenes.json': return Promise.resolve().then(function () { return require('./grafana-scenes-D4tq59Dc.js'); });
     case '../locales/fr-FR/grafana-scenes.json': return Promise.resolve().then(function () { return require('./grafana-scenes-Ce77KCbO.js'); });
     case '../locales/hu-HU/grafana-scenes.json': return Promise.resolve().then(function () { return require('./grafana-scenes-DMYCnFop.js'); });