@grafana/scenes 6.52.0 → 6.52.1--canary.1323.20597071326.0

package/dist/esm/packages/scenes/src/variables/interpolation/formatRegistry.js

@@ -269,9 +269,9 @@ const formatRegistry = new Registry(() => {
       id: VariableFormatID.Text,
       name: "Text",
       description: "Format variables in their text representation. Example in multi-variable scenario A + B + C.",
-      formatter: (value, _args, variable) => {
+      formatter: (value, _args, variable, fieldPath) => {
         if (variable.getValueText) {
-          return variable.getValueText();
+          return variable.getValueText(fieldPath);
         }
         return String(value);
       }

package/dist/esm/packages/scenes/src/variables/interpolation/formatRegistry.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatRegistry.js","sources":["../../../../../../../src/variables/interpolation/formatRegistry.ts"],"sourcesContent":["import { t } from '@grafana/i18n';\nimport { isArray, map, replace } from 'lodash';\n\nimport { dateTime, Registry, RegistryItem, textUtil, escapeRegex, urlUtil } from '@grafana/data';\nimport { VariableType, VariableFormatID } from '@grafana/schema';\n\nimport { VariableValue, VariableValueSingle } from '../types';\nimport { ALL_VARIABLE_VALUE } from '../constants';\nimport { SceneObjectUrlSyncHandler } from '../../core/types';\n\nexport interface FormatRegistryItem extends RegistryItem {\n  formatter(value: VariableValue, args: string[], variable: FormatVariable, fieldPath?: string): string;\n}\n\n/**\n * Slimmed down version of the SceneVariable interface so that it only contains what the formatters actually use.\n * This is useful as we have some implementations of this interface that does not need to be full scene objects.\n * For example ScopedVarsVariable and LegacyVariableWrapper.\n */\nexport interface FormatVariable {\n  state: {\n    name: string;\n    type: VariableType | string;\n    isMulti?: boolean;\n    includeAll?: boolean;\n  };\n\n  getValue(fieldPath?: string): VariableValue | undefined | null;\n  getValueText?(fieldPath?: string): string;\n  urlSync?: SceneObjectUrlSyncHandler;\n}\n\nexport const formatRegistry = new Registry<FormatRegistryItem>(() => {\n  const formats: FormatRegistryItem[] = [\n    {\n      id: VariableFormatID.Lucene,\n      name: 'Lucene',\n      description: 'Values are lucene escaped and multi-valued variables generate an OR expression',\n      formatter: (value) => {\n        if (typeof value === 'string') {\n          return luceneEscape(value);\n        }\n\n        if (Array.isArray(value)) {\n          if (value.length === 0) {\n            return '__empty__';\n          }\n          const quotedValues = map(value, (val: string) => {\n            return '\"' + luceneEscape(val) + '\"';\n          });\n          return '(' + quotedValues.join(' OR ') + ')';\n        } else {\n          return luceneEscape(`${value}`);\n        }\n      },\n    },\n    {\n      id: VariableFormatID.Raw,\n      name: 'raw',\n      description: t(\n        'grafana-scenes.variables.format-registry.formats.description.keep-value-as-is',\n        'Keep value as is'\n      ),\n      formatter: (value) => String(value),\n    },\n    {\n      id: VariableFormatID.Regex,\n      name: 'Regex',\n      description: 'Values are regex escaped and multi-valued variables generate a (<value>|<value>) expression',\n      formatter: (value) => {\n        if (typeof value === 'string') {\n          return escapeRegex(value);\n        }\n\n        if (Array.isArray(value)) {\n          const escapedValues = value.map((item) => {\n            if (typeof item === 'string') {\n              return escapeRegex(item);\n            } else {\n              return escapeRegex(String(item));\n            }\n          });\n\n          if (escapedValues.length === 1) {\n            return escapedValues[0];\n          }\n\n          return '(' + escapedValues.join('|') + ')';\n        }\n\n        return escapeRegex(`${value}`);\n      },\n    },\n    {\n      id: VariableFormatID.Pipe,\n      name: 'Pipe',\n      description: t(\n        'grafana-scenes.variables.format-registry.formats.description.values-are-separated-by-character',\n        'Values are separated by | character'\n      ),\n      formatter: (value) => {\n        if (typeof value === 'string') {\n          return value;\n        }\n\n        if (Array.isArray(value)) {\n          return value.join('|');\n        }\n\n        return `${value}`;\n      },\n    },\n    {\n      id: VariableFormatID.Distributed,\n      name: 'Distributed',\n      description: t(\n        'grafana-scenes.variables.format-registry.formats.description.multiple-values-are-formatted-like-variablevalue',\n        'Multiple values are formatted like variable=value'\n      ),\n      formatter: (value, args, variable) => {\n        if (typeof value === 'string') {\n          return value;\n        }\n\n        if (Array.isArray(value)) {\n          value = map(value, (val: string, index: number) => {\n            if (index !== 0) {\n              return variable.state.name + '=' + val;\n            } else {\n              return val;\n            }\n          });\n\n          return value.join(',');\n        }\n\n        return `${value}`;\n      },\n    },\n    {\n      id: VariableFormatID.CSV,\n      name: 'Csv',\n      description: t(\n        'grafana-scenes.variables.format-registry.formats.description.commaseparated-values',\n        'Comma-separated values'\n      ),\n      formatter: (value) => {\n        if (typeof value === 'string') {\n          return value;\n        }\n\n        if (isArray(value)) {\n          return value.join(',');\n        }\n\n        return String(value);\n      },\n    },\n    {\n      id: VariableFormatID.HTML,\n      name: 'HTML',\n      description: t(\n        'grafana-scenes.variables.format-registry.formats.description.html-escaping-of-values',\n        'HTML escaping of values'\n      ),\n      formatter: (value) => {\n        if (typeof value === 'string') {\n          return textUtil.escapeHtml(value);\n        }\n\n        if (isArray(value)) {\n          return textUtil.escapeHtml(value.join(', '));\n        }\n\n        return textUtil.escapeHtml(String(value));\n      },\n    },\n    {\n      id: VariableFormatID.JSON,\n      name: 'JSON',\n      description: t(\n        'grafana-scenes.variables.format-registry.formats.description.json-stringify-value',\n        'JSON stringify value'\n      ),\n      formatter: (value) => {\n        if (typeof value === 'string') {\n          return value;\n        }\n        return JSON.stringify(value);\n      },\n    },\n    {\n      id: VariableFormatID.PercentEncode,\n      name: 'Percent encode',\n      description: t(\n        'grafana-scenes.variables.format-registry.formats.description.useful-for-url-escaping-values',\n        'Useful for URL escaping values'\n      ),\n      formatter: (value) => {\n        // like glob, but url escaped\n        if (isArray(value)) {\n          return encodeURIComponentStrict('{' + value.join(',') + '}');\n        }\n\n        return encodeURIComponentStrict(value);\n      },\n    },\n    {\n      id: VariableFormatID.SingleQuote,\n      name: 'Single quote',\n      description: t(\n        'grafana-scenes.variables.format-registry.formats.description.single-quoted-values',\n        'Single quoted values'\n      ),\n      formatter: (value) => {\n        // escape single quotes with backslash\n        const regExp = new RegExp(`'`, 'g');\n\n        if (isArray(value)) {\n          return map(value, (v: string) => `'${replace(v, regExp, `\\\\'`)}'`).join(',');\n        }\n\n        let strVal = typeof value === 'string' ? value : String(value);\n        return `'${replace(strVal, regExp, `\\\\'`)}'`;\n      },\n    },\n    {\n      id: VariableFormatID.DoubleQuote,\n      name: 'Double quote',\n      description: t(\n        'grafana-scenes.variables.format-registry.formats.description.double-quoted-values',\n        'Double quoted values'\n      ),\n      formatter: (value) => {\n        // escape double quotes with backslash\n        const regExp = new RegExp('\"', 'g');\n        if (isArray(value)) {\n          return map(value, (v: string) => `\"${replace(v, regExp, '\\\\\"')}\"`).join(',');\n        }\n\n        let strVal = typeof value === 'string' ? value : String(value);\n        return `\"${replace(strVal, regExp, '\\\\\"')}\"`;\n      },\n    },\n    {\n      id: VariableFormatID.SQLString,\n      name: 'SQL string',\n      description: 'SQL string quoting and commas for use in IN statements and other scenarios',\n      formatter: sqlStringFormatter,\n    },\n    {\n      id: 'join', // join not yet available in depended @grafana/schema version\n      name: 'Join',\n      description: t(\n        'grafana-scenes.variables.format-registry.formats.description.join-values-with-a-comma',\n        'Join values with a comma'\n      ),\n      formatter: (value, args) => {\n        if (isArray(value)) {\n          const separator = args[0] ?? ',';\n          return value.join(separator);\n        }\n        return String(value);\n      },\n    },\n    {\n      id: VariableFormatID.Date,\n      name: 'Date',\n      description: t(\n        'grafana-scenes.variables.format-registry.formats.description.format-date-in-different-ways',\n        'Format date in different ways'\n      ),\n      formatter: (value, args) => {\n        let nrValue = NaN;\n\n        if (typeof value === 'number') {\n          nrValue = value;\n        } else if (typeof value === 'string') {\n          nrValue = parseInt(value, 10);\n        }\n\n        if (isNaN(nrValue)) {\n          return 'NaN';\n        }\n\n        const arg = args[0] ?? 'iso';\n        switch (arg) {\n          case 'ms':\n            return String(value);\n          case 'seconds':\n            return `${Math.round(nrValue! / 1000)}`;\n          case 'iso':\n            return dateTime(nrValue).toISOString();\n          default:\n            if ((args || []).length > 1) {\n              return dateTime(nrValue).format(args.join(':'));\n            }\n            return dateTime(nrValue).format(arg);\n        }\n      },\n    },\n    {\n      id: VariableFormatID.Glob,\n      name: 'Glob',\n      description: t(\n        'grafana-scenes.variables.format-registry.formats.description.format-multivalued-variables-using-syntax-example',\n        'Format multi-valued variables using glob syntax, example {value1,value2}'\n      ),\n      formatter: (value) => {\n        if (isArray(value) && value.length > 1) {\n          return '{' + value.join(',') + '}';\n        }\n        return String(value);\n      },\n    },\n    {\n      id: VariableFormatID.Text,\n      name: 'Text',\n      description: 'Format variables in their text representation. Example in multi-variable scenario A + B + C.',\n      formatter: (value, _args, variable) => {\n        if (variable.getValueText) {\n          return variable.getValueText();\n        }\n\n        return String(value);\n      },\n    },\n    {\n      id: VariableFormatID.QueryParam,\n      name: 'Query parameter',\n      description:\n        'Format variables as URL parameters. Example in multi-variable scenario A + B + C => var-foo=A&var-foo=B&var-foo=C.',\n      formatter: (value, _args, variable, fieldPath) => {\n        if (variable.urlSync && !fieldPath) {\n          const urlParam = variable.urlSync.getUrlState();\n          return urlUtil.toUrlParams(urlParam);\n        }\n\n        if (Array.isArray(value)) {\n          return value.map((v) => formatQueryParameter(variable.state.name, v)).join('&');\n        }\n\n        return formatQueryParameter(variable.state.name, value);\n      },\n    },\n    {\n      id: 'customqueryparam',\n      name: 'Custom query parameter',\n      description:\n        'Format variables as URL parameters with custom name and value prefix. Example in multi-variable scenario A + B + C => p-foo=x-A&p-foo=x-B&p-foo=x-C.',\n      formatter: (value, args, variable) => {\n        const name = encodeURIComponentStrict(args[0] || variable.state.name);\n        const valuePrefix = encodeURIComponentStrict(args[1] || '');\n\n        if (Array.isArray(value)) {\n          return value.map((v) => customFormatQueryParameter(name, v, valuePrefix)).join('&');\n        }\n\n        return customFormatQueryParameter(name, value, valuePrefix);\n      },\n    },\n    {\n      id: VariableFormatID.UriEncode,\n      name: 'Percent encode as URI',\n      description: t(\n        'grafana-scenes.variables.format-registry.formats.description.useful-escaping-values-taking-syntax-characters',\n        'Useful for URL escaping values, taking into URI syntax characters'\n      ),\n      formatter: (value: VariableValue) => {\n        if (isArray(value)) {\n          return encodeURIStrict('{' + value.join(',') + '}');\n        }\n\n        return encodeURIStrict(value);\n      },\n    },\n  ];\n\n  return formats;\n});\n\nfunction luceneEscape(value: string) {\n  if (isNaN(+value) === false) {\n    return value;\n  }\n\n  return value.replace(/([\\!\\*\\+\\-\\=<>\\s\\&\\|\\(\\)\\[\\]\\{\\}\\^\\~\\?\\:\\\\/\"])/g, '\\\\$1');\n}\n\n/**\n * encode string according to RFC 3986; in contrast to encodeURIComponent()\n * also the sub-delims \"!\", \"'\", \"(\", \")\" and \"*\" are encoded;\n * unicode handling uses UTF-8 as in ECMA-262.\n */\nfunction encodeURIComponentStrict(str: VariableValueSingle) {\n  if (typeof str === 'object') {\n    str = String(str);\n  }\n\n  return replaceSpecialCharactersToASCII(encodeURIComponent(str));\n}\n\nconst encodeURIStrict = (str: VariableValueSingle): string => replaceSpecialCharactersToASCII(encodeURI(String(str)));\n\nconst replaceSpecialCharactersToASCII = (value: string): string =>\n  value.replace(/[!'()*]/g, (c) => {\n    return '%' + c.charCodeAt(0).toString(16).toUpperCase();\n  });\n\nfunction formatQueryParameter(name: string, value: VariableValueSingle): string {\n  return `var-${name}=${encodeURIComponentStrict(value)}`;\n}\n\nfunction customFormatQueryParameter(name: string, value: VariableValueSingle, valuePrefix = ''): string {\n  return `${name}=${valuePrefix}${encodeURIComponentStrict(value)}`;\n}\n\nexport function isAllValue(value: VariableValueSingle) {\n  return value === ALL_VARIABLE_VALUE || (Array.isArray(value) && value[0] === ALL_VARIABLE_VALUE);\n}\n\nconst SQL_ESCAPE_MAP: Record<string, string> = {\n  \"'\": \"''\",\n  '\"': '\\\\\"',\n};\n\nfunction sqlStringFormatter(value: VariableValue) {\n  // escape single quotes by pairing them\n  const regExp = new RegExp(`'|\"`, 'g');\n\n  if (isArray(value)) {\n    return map(value, (v: string) => `'${replace(v, regExp, (match) => SQL_ESCAPE_MAP[match] ?? '')}'`).join(',');\n  }\n\n  let strVal = typeof value === 'string' ? value : String(value);\n  return `'${replace(strVal, regExp, (match) => SQL_ESCAPE_MAP[match] ?? '')}'`;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"formatRegistry.js","sources":["../../../../../../../src/variables/interpolation/formatRegistry.ts"],"sourcesContent":["import { t } from '@grafana/i18n';\nimport { isArray, map, replace } from 'lodash';\n\nimport { dateTime, Registry, RegistryItem, textUtil, escapeRegex, urlUtil } from '@grafana/data';\nimport { VariableType, VariableFormatID } from '@grafana/schema';\n\nimport { VariableValue, VariableValueSingle } from '../types';\nimport { ALL_VARIABLE_VALUE } from '../constants';\nimport { SceneObjectUrlSyncHandler } from '../../core/types';\n\nexport interface FormatRegistryItem extends RegistryItem {\n  formatter(value: VariableValue, args: string[], variable: FormatVariable, fieldPath?: string): string;\n}\n\n/**\n * Slimmed down version of the SceneVariable interface so that it only contains what the formatters actually use.\n * This is useful as we have some implementations of this interface that does not need to be full scene objects.\n * For example ScopedVarsVariable and LegacyVariableWrapper.\n */\nexport interface FormatVariable {\n  state: {\n    name: string;\n    type: VariableType | string;\n    isMulti?: boolean;\n    includeAll?: boolean;\n  };\n\n  getValue(fieldPath?: string): VariableValue | undefined | null;\n  getValueText?(fieldPath?: string): string;\n  urlSync?: SceneObjectUrlSyncHandler;\n}\n\nexport const formatRegistry = new Registry<FormatRegistryItem>(() => {\n  const formats: FormatRegistryItem[] = [\n    {\n      id: VariableFormatID.Lucene,\n      name: 'Lucene',\n      description: 'Values are lucene escaped and multi-valued variables generate an OR expression',\n      formatter: (value) => {\n        if (typeof value === 'string') {\n          return luceneEscape(value);\n        }\n\n        if (Array.isArray(value)) {\n          if (value.length === 0) {\n            return '__empty__';\n          }\n          const quotedValues = map(value, (val: string) => {\n            return '\"' + luceneEscape(val) + '\"';\n          });\n          return '(' + quotedValues.join(' OR ') + ')';\n        } else {\n          return luceneEscape(`${value}`);\n        }\n      },\n    },\n    {\n      id: VariableFormatID.Raw,\n      name: 'raw',\n      description: t(\n        'grafana-scenes.variables.format-registry.formats.description.keep-value-as-is',\n        'Keep value as is'\n      ),\n      formatter: (value) => String(value),\n    },\n    {\n      id: VariableFormatID.Regex,\n      name: 'Regex',\n      description: 'Values are regex escaped and multi-valued variables generate a (<value>|<value>) expression',\n      formatter: (value) => {\n        if (typeof value === 'string') {\n          return escapeRegex(value);\n        }\n\n        if (Array.isArray(value)) {\n          const escapedValues = value.map((item) => {\n            if (typeof item === 'string') {\n              return escapeRegex(item);\n            } else {\n              return escapeRegex(String(item));\n            }\n          });\n\n          if (escapedValues.length === 1) {\n            return escapedValues[0];\n          }\n\n          return '(' + escapedValues.join('|') + ')';\n        }\n\n        return escapeRegex(`${value}`);\n      },\n    },\n    {\n      id: VariableFormatID.Pipe,\n      name: 'Pipe',\n      description: t(\n        'grafana-scenes.variables.format-registry.formats.description.values-are-separated-by-character',\n        'Values are separated by | character'\n      ),\n      formatter: (value) => {\n        if (typeof value === 'string') {\n          return value;\n        }\n\n        if (Array.isArray(value)) {\n          return value.join('|');\n        }\n\n        return `${value}`;\n      },\n    },\n    {\n      id: VariableFormatID.Distributed,\n      name: 'Distributed',\n      description: t(\n        'grafana-scenes.variables.format-registry.formats.description.multiple-values-are-formatted-like-variablevalue',\n        'Multiple values are formatted like variable=value'\n      ),\n      formatter: (value, args, variable) => {\n        if (typeof value === 'string') {\n          return value;\n        }\n\n        if (Array.isArray(value)) {\n          value = map(value, (val: string, index: number) => {\n            if (index !== 0) {\n              return variable.state.name + '=' + val;\n            } else {\n              return val;\n            }\n          });\n\n          return value.join(',');\n        }\n\n        return `${value}`;\n      },\n    },\n    {\n      id: VariableFormatID.CSV,\n      name: 'Csv',\n      description: t(\n        'grafana-scenes.variables.format-registry.formats.description.commaseparated-values',\n        'Comma-separated values'\n      ),\n      formatter: (value) => {\n        if (typeof value === 'string') {\n          return value;\n        }\n\n        if (isArray(value)) {\n          return value.join(',');\n        }\n\n        return String(value);\n      },\n    },\n    {\n      id: VariableFormatID.HTML,\n      name: 'HTML',\n      description: t(\n        'grafana-scenes.variables.format-registry.formats.description.html-escaping-of-values',\n        'HTML escaping of values'\n      ),\n      formatter: (value) => {\n        if (typeof value === 'string') {\n          return textUtil.escapeHtml(value);\n        }\n\n        if (isArray(value)) {\n          return textUtil.escapeHtml(value.join(', '));\n        }\n\n        return textUtil.escapeHtml(String(value));\n      },\n    },\n    {\n      id: VariableFormatID.JSON,\n      name: 'JSON',\n      description: t(\n        'grafana-scenes.variables.format-registry.formats.description.json-stringify-value',\n        'JSON stringify value'\n      ),\n      formatter: (value) => {\n        if (typeof value === 'string') {\n          return value;\n        }\n        return JSON.stringify(value);\n      },\n    },\n    {\n      id: VariableFormatID.PercentEncode,\n      name: 'Percent encode',\n      description: t(\n        'grafana-scenes.variables.format-registry.formats.description.useful-for-url-escaping-values',\n        'Useful for URL escaping values'\n      ),\n      formatter: (value) => {\n        // like glob, but url escaped\n        if (isArray(value)) {\n          return encodeURIComponentStrict('{' + value.join(',') + '}');\n        }\n\n        return encodeURIComponentStrict(value);\n      },\n    },\n    {\n      id: VariableFormatID.SingleQuote,\n      name: 'Single quote',\n      description: t(\n        'grafana-scenes.variables.format-registry.formats.description.single-quoted-values',\n        'Single quoted values'\n      ),\n      formatter: (value) => {\n        // escape single quotes with backslash\n        const regExp = new RegExp(`'`, 'g');\n\n        if (isArray(value)) {\n          return map(value, (v: string) => `'${replace(v, regExp, `\\\\'`)}'`).join(',');\n        }\n\n        let strVal = typeof value === 'string' ? value : String(value);\n        return `'${replace(strVal, regExp, `\\\\'`)}'`;\n      },\n    },\n    {\n      id: VariableFormatID.DoubleQuote,\n      name: 'Double quote',\n      description: t(\n        'grafana-scenes.variables.format-registry.formats.description.double-quoted-values',\n        'Double quoted values'\n      ),\n      formatter: (value) => {\n        // escape double quotes with backslash\n        const regExp = new RegExp('\"', 'g');\n        if (isArray(value)) {\n          return map(value, (v: string) => `\"${replace(v, regExp, '\\\\\"')}\"`).join(',');\n        }\n\n        let strVal = typeof value === 'string' ? value : String(value);\n        return `\"${replace(strVal, regExp, '\\\\\"')}\"`;\n      },\n    },\n    {\n      id: VariableFormatID.SQLString,\n      name: 'SQL string',\n      description: 'SQL string quoting and commas for use in IN statements and other scenarios',\n      formatter: sqlStringFormatter,\n    },\n    {\n      id: 'join', // join not yet available in depended @grafana/schema version\n      name: 'Join',\n      description: t(\n        'grafana-scenes.variables.format-registry.formats.description.join-values-with-a-comma',\n        'Join values with a comma'\n      ),\n      formatter: (value, args) => {\n        if (isArray(value)) {\n          const separator = args[0] ?? ',';\n          return value.join(separator);\n        }\n        return String(value);\n      },\n    },\n    {\n      id: VariableFormatID.Date,\n      name: 'Date',\n      description: t(\n        'grafana-scenes.variables.format-registry.formats.description.format-date-in-different-ways',\n        'Format date in different ways'\n      ),\n      formatter: (value, args) => {\n        let nrValue = NaN;\n\n        if (typeof value === 'number') {\n          nrValue = value;\n        } else if (typeof value === 'string') {\n          nrValue = parseInt(value, 10);\n        }\n\n        if (isNaN(nrValue)) {\n          return 'NaN';\n        }\n\n        const arg = args[0] ?? 'iso';\n        switch (arg) {\n          case 'ms':\n            return String(value);\n          case 'seconds':\n            return `${Math.round(nrValue! / 1000)}`;\n          case 'iso':\n            return dateTime(nrValue).toISOString();\n          default:\n            if ((args || []).length > 1) {\n              return dateTime(nrValue).format(args.join(':'));\n            }\n            return dateTime(nrValue).format(arg);\n        }\n      },\n    },\n    {\n      id: VariableFormatID.Glob,\n      name: 'Glob',\n      description: t(\n        'grafana-scenes.variables.format-registry.formats.description.format-multivalued-variables-using-syntax-example',\n        'Format multi-valued variables using glob syntax, example {value1,value2}'\n      ),\n      formatter: (value) => {\n        if (isArray(value) && value.length > 1) {\n          return '{' + value.join(',') + '}';\n        }\n        return String(value);\n      },\n    },\n    {\n      id: VariableFormatID.Text,\n      name: 'Text',\n      description: 'Format variables in their text representation. Example in multi-variable scenario A + B + C.',\n      formatter: (value, _args, variable, fieldPath) => {\n        if (variable.getValueText) {\n          return variable.getValueText(fieldPath);\n        }\n        return String(value);\n      },\n    },\n    {\n      id: VariableFormatID.QueryParam,\n      name: 'Query parameter',\n      description:\n        'Format variables as URL parameters. Example in multi-variable scenario A + B + C => var-foo=A&var-foo=B&var-foo=C.',\n      formatter: (value, _args, variable, fieldPath) => {\n        if (variable.urlSync && !fieldPath) {\n          const urlParam = variable.urlSync.getUrlState();\n          return urlUtil.toUrlParams(urlParam);\n        }\n\n        if (Array.isArray(value)) {\n          return value.map((v) => formatQueryParameter(variable.state.name, v)).join('&');\n        }\n\n        return formatQueryParameter(variable.state.name, value);\n      },\n    },\n    {\n      id: 'customqueryparam',\n      name: 'Custom query parameter',\n      description:\n        'Format variables as URL parameters with custom name and value prefix. Example in multi-variable scenario A + B + C => p-foo=x-A&p-foo=x-B&p-foo=x-C.',\n      formatter: (value, args, variable) => {\n        const name = encodeURIComponentStrict(args[0] || variable.state.name);\n        const valuePrefix = encodeURIComponentStrict(args[1] || '');\n\n        if (Array.isArray(value)) {\n          return value.map((v) => customFormatQueryParameter(name, v, valuePrefix)).join('&');\n        }\n\n        return customFormatQueryParameter(name, value, valuePrefix);\n      },\n    },\n    {\n      id: VariableFormatID.UriEncode,\n      name: 'Percent encode as URI',\n      description: t(\n        'grafana-scenes.variables.format-registry.formats.description.useful-escaping-values-taking-syntax-characters',\n        'Useful for URL escaping values, taking into URI syntax characters'\n      ),\n      formatter: (value: VariableValue) => {\n        if (isArray(value)) {\n          return encodeURIStrict('{' + value.join(',') + '}');\n        }\n\n        return encodeURIStrict(value);\n      },\n    },\n  ];\n\n  return formats;\n});\n\nfunction luceneEscape(value: string) {\n  if (isNaN(+value) === false) {\n    return value;\n  }\n\n  return value.replace(/([\\!\\*\\+\\-\\=<>\\s\\&\\|\\(\\)\\[\\]\\{\\}\\^\\~\\?\\:\\\\/\"])/g, '\\\\$1');\n}\n\n/**\n * encode string according to RFC 3986; in contrast to encodeURIComponent()\n * also the sub-delims \"!\", \"'\", \"(\", \")\" and \"*\" are encoded;\n * unicode handling uses UTF-8 as in ECMA-262.\n */\nfunction encodeURIComponentStrict(str: VariableValueSingle) {\n  if (typeof str === 'object') {\n    str = String(str);\n  }\n\n  return replaceSpecialCharactersToASCII(encodeURIComponent(str));\n}\n\nconst encodeURIStrict = (str: VariableValueSingle): string => replaceSpecialCharactersToASCII(encodeURI(String(str)));\n\nconst replaceSpecialCharactersToASCII = (value: string): string =>\n  value.replace(/[!'()*]/g, (c) => {\n    return '%' + c.charCodeAt(0).toString(16).toUpperCase();\n  });\n\nfunction formatQueryParameter(name: string, value: VariableValueSingle): string {\n  return `var-${name}=${encodeURIComponentStrict(value)}`;\n}\n\nfunction customFormatQueryParameter(name: string, value: VariableValueSingle, valuePrefix = ''): string {\n  return `${name}=${valuePrefix}${encodeURIComponentStrict(value)}`;\n}\n\nexport function isAllValue(value: VariableValueSingle) {\n  return value === ALL_VARIABLE_VALUE || (Array.isArray(value) && value[0] === ALL_VARIABLE_VALUE);\n}\n\nconst SQL_ESCAPE_MAP: Record<string, string> = {\n  \"'\": \"''\",\n  '\"': '\\\\\"',\n};\n\nfunction sqlStringFormatter(value: VariableValue) {\n  // escape single quotes by pairing them\n  const regExp = new RegExp(`'|\"`, 'g');\n\n  if (isArray(value)) {\n    return map(value, (v: string) => `'${replace(v, regExp, (match) => SQL_ESCAPE_MAP[match] ?? '')}'`).join(',');\n  }\n\n  let strVal = typeof value === 'string' ? value : String(value);\n  return `'${replace(strVal, regExp, (match) => SQL_ESCAPE_MAP[match] ?? '')}'`;\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/packages/scenes/src/variables/variants/LocalValueVariable.js

@@ -26,7 +26,13 @@ const _LocalValueVariable = class _LocalValueVariable extends SceneObjectBase {
     }
     return _LocalValueVariable.fieldAccessorCache[fieldPath] = property(fieldPath);
   }
-  getValueText() {
+  getValueText(fieldPath) {
+    if (fieldPath && this.state.properties) {
+      const value = this.getFieldAccessor(fieldPath)(this.state.properties);
+      if (value != null) {
+        return String(value);
+      }
+    }
     return this.state.text.toString();
   }
   /**

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

@@ -1 +1 @@
-{"version":3,"file":"LocalValueVariable.js","sources":["../../../../../../../src/variables/variants/LocalValueVariable.ts"],"sourcesContent":["import { property } from 'lodash';\nimport { SceneObjectBase } from '../../core/SceneObjectBase';\nimport { sceneGraph } from '../../core/sceneGraph';\nimport { SceneVariable, SceneVariableState, VariableValue, VariableValueOptionProperties } from '../types';\nimport { FieldAccessorCache } from './MultiValueVariable';\n\nexport interface LocalValueVariableState extends SceneVariableState {\n  value: VariableValue;\n  text: VariableValue;\n  properties?: VariableValueOptionProperties;\n\n  // Indicate whether or not this variable is sourced from a multi-value variable.\n  // Introduces for a backwards compatibility with the old variable system, to properly support interpolation in SQL data sources.\n  isMulti?: boolean;\n  includeAll?: boolean;\n}\n\n/**\n * This is a special type of variable that is used for repeating panels and layouts to create a local scoped value for a variable\n * that exists in a ancestor SceneVariableSet.\n */\nexport class LocalValueVariable\n  extends SceneObjectBase<LocalValueVariableState>\n  implements SceneVariable<LocalValueVariableState>\n{\n  private static fieldAccessorCache: FieldAccessorCache = {};\n\n  public constructor(initialState: Partial<LocalValueVariableState>) {\n    super({\n      type: 'system',\n      value: '',\n      text: '',\n      name: '',\n      ...initialState,\n      skipUrlSync: true,\n    });\n  }\n\n  public getValue(fieldPath?: string): VariableValue {\n    if (fieldPath != null && this.state.properties) {\n      return this.getFieldAccessor(fieldPath)(this.state.properties);\n    }\n    return this.state.value;\n  }\n\n  private getFieldAccessor(fieldPath: string) {\n    const accessor = LocalValueVariable.fieldAccessorCache[fieldPath];\n    if (accessor) {\n      return accessor;\n    }\n    return (LocalValueVariable.fieldAccessorCache[fieldPath] = property(fieldPath));\n  }\n\n  public getValueText(): string {\n    return this.state.text.toString();\n  }\n\n  /**\n   * Checks the ancestor of our parent SceneVariableSet for loading state of a variable with the same name\n   * This function is unit tested from SceneVariableSet tests.\n   */\n  public isAncestorLoading(): boolean {\n    // Parent (SceneVariableSet) -> Parent (The object that has our parent set) -> Parent (scope we need to access our sets ancestor)\n    const ancestorScope = this.parent?.parent?.parent;\n    if (!ancestorScope) {\n      throw new Error('LocalValueVariable requires a parent SceneVariableSet that has an ancestor SceneVariableSet');\n    }\n\n    const set = sceneGraph.getVariables(ancestorScope);\n    const parentVar = sceneGraph.lookupVariable(this.state.name, ancestorScope);\n    if (set && parentVar) {\n      return set.isVariableLoadingOrWaitingToUpdate(parentVar);\n    }\n\n    return false;\n  }\n}\n"],"names":[],"mappings":";;;;AAqBO,MAAM,mBAAA,GAAN,MAAM,mBAAA,SACH,eAEV,CAAA;AAAA,EAGS,YAAY,YAAgD,EAAA;AACjE,IAAM,KAAA,CAAA;AAAA,MACJ,IAAM,EAAA,QAAA;AAAA,MACN,KAAO,EAAA,EAAA;AAAA,MACP,IAAM,EAAA,EAAA;AAAA,MACN,IAAM,EAAA,EAAA;AAAA,MACN,GAAG,YAAA;AAAA,MACH,WAAa,EAAA;AAAA,KACd,CAAA;AAAA;AACH,EAEO,SAAS,SAAmC,EAAA;AACjD,IAAA,IAAI,SAAa,IAAA,IAAA,IAAQ,IAAK,CAAA,KAAA,CAAM,UAAY,EAAA;AAC9C,MAAA,OAAO,KAAK,gBAAiB,CAAA,SAAS,CAAE,CAAA,IAAA,CAAK,MAAM,UAAU,CAAA;AAAA;AAE/D,IAAA,OAAO,KAAK,KAAM,CAAA,KAAA;AAAA;AACpB,EAEQ,iBAAiB,SAAmB,EAAA;AAC1C,IAAM,MAAA,QAAA,GAAW,mBAAmB,CAAA,kBAAA,CAAmB,SAAS,CAAA;AAChE,IAAA,IAAI,QAAU,EAAA;AACZ,MAAO,OAAA,QAAA;AAAA;AAET,IAAA,OAAQ,mBAAmB,CAAA,kBAAA,CAAmB,SAAS,CAAA,GAAI,SAAS,SAAS,CAAA;AAAA;AAC/E,EAEO,YAAuB,GAAA;AAC5B,IAAO,OAAA,IAAA,CAAK,KAAM,CAAA,IAAA,CAAK,QAAS,EAAA;AAAA;AAClC;AAAA;AAAA;AAAA;AAAA,EAMO,iBAA6B,GAAA;AA7DtC,IAAA,IAAA,EAAA,EAAA,EAAA;AA+DI,IAAA,MAAM,aAAgB,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAA,CAAK,MAAL,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAa,WAAb,IAAqB,GAAA,MAAA,GAAA,EAAA,CAAA,MAAA;AAC3C,IAAA,IAAI,CAAC,aAAe,EAAA;AAClB,MAAM,MAAA,IAAI,MAAM,6FAA6F,CAAA;AAAA;AAG/G,IAAM,MAAA,GAAA,GAAM,UAAW,CAAA,YAAA,CAAa,aAAa,CAAA;AACjD,IAAA,MAAM,YAAY,UAAW,CAAA,cAAA,CAAe,IAAK,CAAA,KAAA,CAAM,MAAM,aAAa,CAAA;AAC1E,IAAA,IAAI,OAAO,SAAW,EAAA;AACpB,MAAO,OAAA,GAAA,CAAI,mCAAmC,SAAS,CAAA;AAAA;AAGzD,IAAO,OAAA,KAAA;AAAA;AAEX,CAAA;AAvDa,mBAAA,CAII,qBAAyC,EAAC;AAJpD,IAAM,kBAAN,GAAA;;;;"}
+{"version":3,"file":"LocalValueVariable.js","sources":["../../../../../../../src/variables/variants/LocalValueVariable.ts"],"sourcesContent":["import { property } from 'lodash';\nimport { SceneObjectBase } from '../../core/SceneObjectBase';\nimport { sceneGraph } from '../../core/sceneGraph';\nimport { SceneVariable, SceneVariableState, VariableValue, VariableValueOptionProperties } from '../types';\nimport { FieldAccessorCache } from './MultiValueVariable';\n\nexport interface LocalValueVariableState extends SceneVariableState {\n  value: VariableValue;\n  text: VariableValue;\n  properties?: VariableValueOptionProperties;\n\n  // Indicate whether or not this variable is sourced from a multi-value variable.\n  // Introduces for a backwards compatibility with the old variable system, to properly support interpolation in SQL data sources.\n  isMulti?: boolean;\n  includeAll?: boolean;\n}\n\n/**\n * This is a special type of variable that is used for repeating panels and layouts to create a local scoped value for a variable\n * that exists in a ancestor SceneVariableSet.\n */\nexport class LocalValueVariable\n  extends SceneObjectBase<LocalValueVariableState>\n  implements SceneVariable<LocalValueVariableState>\n{\n  private static fieldAccessorCache: FieldAccessorCache = {};\n\n  public constructor(initialState: Partial<LocalValueVariableState>) {\n    super({\n      type: 'system',\n      value: '',\n      text: '',\n      name: '',\n      ...initialState,\n      skipUrlSync: true,\n    });\n  }\n\n  public getValue(fieldPath?: string): VariableValue {\n    if (fieldPath != null && this.state.properties) {\n      return this.getFieldAccessor(fieldPath)(this.state.properties);\n    }\n    return this.state.value;\n  }\n\n  private getFieldAccessor(fieldPath: string) {\n    const accessor = LocalValueVariable.fieldAccessorCache[fieldPath];\n    if (accessor) {\n      return accessor;\n    }\n    return (LocalValueVariable.fieldAccessorCache[fieldPath] = property(fieldPath));\n  }\n\n  public getValueText(fieldPath?: string): string {\n    if (fieldPath && this.state.properties) {\n      const value = this.getFieldAccessor(fieldPath)(this.state.properties);\n      if (value != null) {\n        return String(value);\n      }\n    }\n\n    return this.state.text.toString();\n  }\n\n  /**\n   * Checks the ancestor of our parent SceneVariableSet for loading state of a variable with the same name\n   * This function is unit tested from SceneVariableSet tests.\n   */\n  public isAncestorLoading(): boolean {\n    // Parent (SceneVariableSet) -> Parent (The object that has our parent set) -> Parent (scope we need to access our sets ancestor)\n    const ancestorScope = this.parent?.parent?.parent;\n    if (!ancestorScope) {\n      throw new Error('LocalValueVariable requires a parent SceneVariableSet that has an ancestor SceneVariableSet');\n    }\n\n    const set = sceneGraph.getVariables(ancestorScope);\n    const parentVar = sceneGraph.lookupVariable(this.state.name, ancestorScope);\n    if (set && parentVar) {\n      return set.isVariableLoadingOrWaitingToUpdate(parentVar);\n    }\n\n    return false;\n  }\n}\n"],"names":[],"mappings":";;;;AAqBO,MAAM,mBAAA,GAAN,MAAM,mBAAA,SACH,eAEV,CAAA;AAAA,EAGS,YAAY,YAAgD,EAAA;AACjE,IAAM,KAAA,CAAA;AAAA,MACJ,IAAM,EAAA,QAAA;AAAA,MACN,KAAO,EAAA,EAAA;AAAA,MACP,IAAM,EAAA,EAAA;AAAA,MACN,IAAM,EAAA,EAAA;AAAA,MACN,GAAG,YAAA;AAAA,MACH,WAAa,EAAA;AAAA,KACd,CAAA;AAAA;AACH,EAEO,SAAS,SAAmC,EAAA;AACjD,IAAA,IAAI,SAAa,IAAA,IAAA,IAAQ,IAAK,CAAA,KAAA,CAAM,UAAY,EAAA;AAC9C,MAAA,OAAO,KAAK,gBAAiB,CAAA,SAAS,CAAE,CAAA,IAAA,CAAK,MAAM,UAAU,CAAA;AAAA;AAE/D,IAAA,OAAO,KAAK,KAAM,CAAA,KAAA;AAAA;AACpB,EAEQ,iBAAiB,SAAmB,EAAA;AAC1C,IAAM,MAAA,QAAA,GAAW,mBAAmB,CAAA,kBAAA,CAAmB,SAAS,CAAA;AAChE,IAAA,IAAI,QAAU,EAAA;AACZ,MAAO,OAAA,QAAA;AAAA;AAET,IAAA,OAAQ,mBAAmB,CAAA,kBAAA,CAAmB,SAAS,CAAA,GAAI,SAAS,SAAS,CAAA;AAAA;AAC/E,EAEO,aAAa,SAA4B,EAAA;AAC9C,IAAI,IAAA,SAAA,IAAa,IAAK,CAAA,KAAA,CAAM,UAAY,EAAA;AACtC,MAAA,MAAM,QAAQ,IAAK,CAAA,gBAAA,CAAiB,SAAS,CAAE,CAAA,IAAA,CAAK,MAAM,UAAU,CAAA;AACpE,MAAA,IAAI,SAAS,IAAM,EAAA;AACjB,QAAA,OAAO,OAAO,KAAK,CAAA;AAAA;AACrB;AAGF,IAAO,OAAA,IAAA,CAAK,KAAM,CAAA,IAAA,CAAK,QAAS,EAAA;AAAA;AAClC;AAAA;AAAA;AAAA;AAAA,EAMO,iBAA6B,GAAA;AApEtC,IAAA,IAAA,EAAA,EAAA,EAAA;AAsEI,IAAA,MAAM,aAAgB,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAA,CAAK,MAAL,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAa,WAAb,IAAqB,GAAA,MAAA,GAAA,EAAA,CAAA,MAAA;AAC3C,IAAA,IAAI,CAAC,aAAe,EAAA;AAClB,MAAM,MAAA,IAAI,MAAM,6FAA6F,CAAA;AAAA;AAG/G,IAAM,MAAA,GAAA,GAAM,UAAW,CAAA,YAAA,CAAa,aAAa,CAAA;AACjD,IAAA,MAAM,YAAY,UAAW,CAAA,cAAA,CAAe,IAAK,CAAA,KAAA,CAAM,MAAM,aAAa,CAAA;AAC1E,IAAA,IAAI,OAAO,SAAW,EAAA;AACpB,MAAO,OAAA,GAAA,CAAI,mCAAmC,SAAS,CAAA;AAAA;AAGzD,IAAO,OAAA,KAAA;AAAA;AAEX,CAAA;AA9Da,mBAAA,CAII,qBAAyC,EAAC;AAJpD,IAAM,kBAAN,GAAA;;;;"}

package/dist/esm/packages/scenes/src/variables/variants/MultiValueVariable.js

@@ -125,24 +125,39 @@ const _MultiValueVariable = class _MultiValueVariable extends SceneObjectBase {
       value = this.state.options.map((o) => o.value);
     }
     if (fieldPath != null) {
-      if (Array.isArray(value)) {
-        const index = parseInt(fieldPath, 10);
-        if (!isNaN(index) && index >= 0 && index < value.length) {
-          return value[index];
+      return this.getFieldAtPath(value, fieldPath);
+    }
+    return value;
+  }
+  getValueText(fieldPath) {
+    if (this.hasAllValue()) {
+      return ALL_VARIABLE_TEXT;
+    }
+    const text = fieldPath != null ? this.getFieldAtPath(this.state.value, fieldPath, true) : this.state.text;
+    return Array.isArray(text) ? text.join(" + ") : String(text);
+  }
+  getFieldAtPath(value, fieldPath, returnText = false) {
+    const accesor = this.getFieldAccessor(fieldPath);
+    if (Array.isArray(value)) {
+      const index = parseInt(fieldPath, 10);
+      if (!isNaN(index) && index >= 0 && index < value.length) {
+        const v = value[index];
+        if (!returnText) {
+          return v;
         }
-        const accesor2 = this.getFieldAccessor(fieldPath);
-        return value.map((v) => {
-          const o2 = this.state.options.find((o3) => o3.value === v);
-          return o2 ? accesor2(o2.properties) : v;
-        });
-      }
-      const accesor = this.getFieldAccessor(fieldPath);
-      const o = this.state.options.find((o2) => o2.value === value);
-      if (o) {
-        return accesor(o.properties);
+        const o2 = this.state.options.find((o3) => o3.value === v);
+        return o2 ? o2.label : String(v);
       }
+      return value.map((v) => {
+        const o2 = this.state.options.find((o3) => o3.value === v);
+        return o2 ? accesor(o2.properties) : v;
+      });
     }
-    return value;
+    const o = this.state.options.find((o2) => o2.value === value);
+    if (o) {
+      return accesor(o.properties);
+    }
+    return returnText ? this.state.text : value;
   }
   getFieldAccessor(fieldPath) {
     const accessor = _MultiValueVariable.fieldAccessorCache[fieldPath];
@@ -151,15 +166,6 @@ const _MultiValueVariable = class _MultiValueVariable extends SceneObjectBase {
     }
     return _MultiValueVariable.fieldAccessorCache[fieldPath] = property(fieldPath);
   }
-  getValueText() {
-    if (this.hasAllValue()) {
-      return ALL_VARIABLE_TEXT;
-    }
-    if (Array.isArray(this.state.text)) {
-      return this.state.text.join(" + ");
-    }
-    return String(this.state.text);
-  }
   hasAllValue() {
     const value = this.state.value;
     return value === ALL_VARIABLE_VALUE || Array.isArray(value) && value[0] === ALL_VARIABLE_VALUE;

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

@@ -1 +1 @@
-{"version":3,"file":"MultiValueVariable.js","sources":["../../../../../../../src/variables/variants/MultiValueVariable.ts"],"sourcesContent":["import { isArray, isEqual, property } from 'lodash';\nimport { map, Observable } from 'rxjs';\n\nimport { ALL_VARIABLE_TEXT, ALL_VARIABLE_VALUE } from '../constants';\n\nimport { SceneObjectBase } from '../../core/SceneObjectBase';\nimport { SceneObjectUrlSyncHandler, SceneObjectUrlValues } from '../../core/types';\nimport {\n  SceneVariable,\n  SceneVariableValueChangedEvent,\n  SceneVariableState,\n  ValidateAndUpdateResult,\n  VariableValue,\n  VariableValueOption,\n  VariableValueSingle,\n  CustomVariableValue,\n  VariableCustomFormatterFn,\n} from '../types';\nimport { formatRegistry } from '../interpolation/formatRegistry';\nimport { VariableFormatID } from '@grafana/schema';\nimport { SceneVariableSet } from '../sets/SceneVariableSet';\nimport { setBaseClassState } from '../../utils/utils';\nimport { VARIABLE_VALUE_CHANGED_INTERACTION } from '../../performance/interactionConstants';\nimport { getQueryController } from '../../core/sceneGraph/getQueryController';\n\nexport interface MultiValueVariableState extends SceneVariableState {\n  value: VariableValue; // old current.text\n  text: VariableValue; // old current.value\n  options: VariableValueOption[];\n  allowCustomValue?: boolean;\n  isMulti?: boolean;\n  includeAll?: boolean;\n  defaultToAll?: boolean;\n  allValue?: string;\n  placeholder?: string;\n  /**\n   * For multi value variables, this option controls how many values to show before they are collapsed into +N.\n   * Defaults to 5\n   */\n  maxVisibleValues?: number;\n  noValueOnClear?: boolean;\n  isReadOnly?: boolean;\n}\n\nexport interface VariableGetOptionsArgs {\n  searchFilter?: string;\n}\n\nexport abstract class MultiValueVariable<TState extends MultiValueVariableState = MultiValueVariableState>\n  extends SceneObjectBase<TState>\n  implements SceneVariable<TState>\n{\n  private static fieldAccessorCache: FieldAccessorCache = {};\n\n  protected _urlSync: SceneObjectUrlSyncHandler = new MultiValueUrlSyncHandler(this);\n\n  /**\n   * Set to true to skip next value validation to maintain the current value even it it's not among the options (ie valid values)\n   */\n  public skipNextValidation?: boolean;\n\n  /**\n   * The source of value options.\n   */\n  public abstract getValueOptions(args: VariableGetOptionsArgs): Observable<VariableValueOption[]>;\n\n  /**\n   * This function is called on when SceneVariableSet is activated or when a dependency changes.\n   */\n  public validateAndUpdate(): Observable<ValidateAndUpdateResult> {\n    return this.getValueOptions({}).pipe(\n      map((options) => {\n        this.updateValueGivenNewOptions(options);\n        return {};\n      })\n    );\n  }\n\n  public onCancel(): void {\n    this.setStateHelper({ loading: false });\n    const sceneVarSet = this.parent as SceneVariableSet;\n    sceneVarSet?.cancel(this);\n  }\n\n  /**\n   * Check if current value is valid given new options. If not update the value.\n   */\n  private updateValueGivenNewOptions(options: VariableValueOption[]) {\n    // Remember current value and text\n    const { value: currentValue, text: currentText, options: oldOptions } = this.state;\n\n    const stateUpdate = this.getStateUpdateGivenNewOptions(options, currentValue, currentText);\n\n    this.interceptStateUpdateAfterValidation(stateUpdate);\n\n    // Perform state change\n    this.setStateHelper(stateUpdate);\n\n    // Publish value changed event only if value changed\n    if (\n      stateUpdate.value !== currentValue ||\n      stateUpdate.text !== currentText ||\n      (this.hasAllValue() && !isEqual(options, oldOptions))\n    ) {\n      this.publishEvent(new SceneVariableValueChangedEvent(this), true);\n    }\n  }\n\n  private getStateUpdateGivenNewOptions(\n    options: VariableValueOption[],\n    currentValue: VariableValue,\n    currentText: VariableValue\n  ): Partial<MultiValueVariableState> {\n    const stateUpdate: Partial<MultiValueVariableState> = {\n      options,\n      loading: false,\n      value: currentValue,\n      text: currentText,\n    };\n\n    if (options.length === 0) {\n      if (this.state.defaultToAll || this.state.includeAll) {\n        stateUpdate.value = ALL_VARIABLE_VALUE;\n        stateUpdate.text = ALL_VARIABLE_TEXT;\n      } else if (this.state.isMulti) {\n        stateUpdate.value = [];\n        stateUpdate.text = [];\n      } else {\n        stateUpdate.value = '';\n        stateUpdate.text = '';\n      }\n\n      return stateUpdate;\n    }\n\n    if (this.hasAllValue()) {\n      if (this.state.includeAll) {\n        // Sometimes the text representation is also set the ALL_VARIABLE_VALUE, this fixes that\n        stateUpdate.text = ALL_VARIABLE_TEXT;\n      } else {\n        stateUpdate.value = options[0].value;\n        stateUpdate.text = options[0].label;\n        // If multi switch to arrays\n        if (this.state.isMulti) {\n          stateUpdate.value = [stateUpdate.value];\n          stateUpdate.text = [stateUpdate.text];\n        }\n      }\n      return stateUpdate;\n    }\n\n    if (this.state.isMulti) {\n      // If we are a multi valued variable validate the current values are among the options\n      const currentValues = Array.isArray(currentValue) ? currentValue : [currentValue];\n      const validValues = currentValues.filter((v) => options.find((o) => o.value === v));\n      const validTexts = validValues.map((v) => options.find((o) => o.value === v)!.label);\n\n      // If no valid values pick the first option\n      if (validValues.length === 0) {\n        const defaultState = this.getDefaultMultiState(options);\n        stateUpdate.value = defaultState.value;\n        stateUpdate.text = defaultState.text;\n      } else {\n        // We have valid values, if it's different from current valid values update current values\n        if (!isEqual(validValues, currentValue)) {\n          stateUpdate.value = validValues;\n        }\n        if (!isEqual(validTexts, currentText)) {\n          stateUpdate.text = validTexts;\n        }\n      }\n\n      return stateUpdate;\n    }\n\n    // Single value variable validation\n\n    // Try find by value then text\n    let matchingOption = findOptionMatchingCurrent(currentValue, currentText, options);\n    if (matchingOption) {\n      // When updating the initial state from URL the text property is set the same as value\n      // Here we can correct the text value state\n      stateUpdate.text = matchingOption.label;\n      stateUpdate.value = matchingOption.value;\n    } else {\n      // Current value is found in options\n      const defaultState = this.getDefaultSingleState(options);\n      stateUpdate.value = defaultState.value;\n      stateUpdate.text = defaultState.label;\n    }\n\n    return stateUpdate;\n  }\n\n  /**\n   * Values set by initial URL sync needs to survive the next validation and update.\n   * This function can intercept and make sure those values are preserved.\n   */\n  protected interceptStateUpdateAfterValidation(stateUpdate: Partial<MultiValueVariableState>): void {\n    // If the validation wants to fix the all value (All ==> $__all) then we should let that pass\n    const isAllValueFix = stateUpdate.value === ALL_VARIABLE_VALUE && this.state.text === ALL_VARIABLE_TEXT;\n\n    if (\n      this.skipNextValidation &&\n      stateUpdate.value !== this.state.value &&\n      stateUpdate.text !== this.state.text &&\n      !isAllValueFix\n    ) {\n      stateUpdate.value = this.state.value;\n      stateUpdate.text = this.state.text;\n    }\n\n    this.skipNextValidation = false;\n  }\n\n  public getValue(fieldPath?: string): VariableValue {\n    let value = this.state.value;\n\n    if (this.hasAllValue()) {\n      if (this.state.allValue) {\n        return new CustomAllValue(this.state.allValue, this);\n      }\n      value = this.state.options.map((o) => o.value);\n    }\n\n    if (fieldPath != null) {\n      if (Array.isArray(value)) {\n        const index = parseInt(fieldPath, 10);\n        if (!isNaN(index) && index >= 0 && index < value.length) {\n          return value[index];\n        }\n\n        const accesor = this.getFieldAccessor(fieldPath);\n        return value.map((v) => {\n          const o = this.state.options.find((o) => o.value === v);\n          return o ? accesor(o.properties) : v;\n        });\n      }\n\n      const accesor = this.getFieldAccessor(fieldPath);\n      const o = this.state.options.find((o) => o.value === value);\n      if (o) {\n        return accesor(o.properties);\n      }\n    }\n\n    return value;\n  }\n\n  private getFieldAccessor(fieldPath: string) {\n    const accessor = MultiValueVariable.fieldAccessorCache[fieldPath];\n    if (accessor) {\n      return accessor;\n    }\n\n    return (MultiValueVariable.fieldAccessorCache[fieldPath] = property(fieldPath));\n  }\n\n  public getValueText(): string {\n    if (this.hasAllValue()) {\n      return ALL_VARIABLE_TEXT;\n    }\n\n    if (Array.isArray(this.state.text)) {\n      return this.state.text.join(' + ');\n    }\n\n    return String(this.state.text);\n  }\n\n  public hasAllValue() {\n    const value = this.state.value;\n    return value === ALL_VARIABLE_VALUE || (Array.isArray(value) && value[0] === ALL_VARIABLE_VALUE);\n  }\n\n  public getDefaultMultiState(options: VariableValueOption[]) {\n    if (this.state.defaultToAll) {\n      return { value: [ALL_VARIABLE_VALUE], text: [ALL_VARIABLE_TEXT] };\n    } else if (options.length > 0) {\n      return { value: [options[0].value], text: [options[0].label], properties: [options[0].properties] };\n    } else {\n      return { value: [], text: [] };\n    }\n  }\n\n  protected getDefaultSingleState(options: VariableValueOption[]): VariableValueOption {\n    if (this.state.defaultToAll) {\n      return { value: ALL_VARIABLE_VALUE, label: ALL_VARIABLE_TEXT };\n    } else if (options.length > 0) {\n      return { value: options[0].value, label: options[0].label, properties: options[0].properties };\n    } else {\n      return { value: '', label: '' };\n    }\n  }\n\n  /**\n   * Change the value and publish SceneVariableValueChangedEvent event.\n   */\n  public changeValueTo(value: VariableValue, text?: VariableValue, isUserAction = false) {\n    // Ignore if there is no change\n    if (value === this.state.value && text === this.state.text) {\n      return;\n    }\n\n    if (!text) {\n      if (Array.isArray(value)) {\n        text = value.map((v) => this.findLabelTextForValue(v));\n      } else {\n        text = this.findLabelTextForValue(value);\n      }\n    }\n\n    if (Array.isArray(value)) {\n      // If we are a multi valued variable is cleared (empty array) we need to set the default empty state\n      if (value.length === 0) {\n        const state = this.getDefaultMultiState(this.state.options);\n        value = state.value;\n        text = state.text;\n      }\n\n      // If last value is the All value then replace all with it\n      if (value[value.length - 1] === ALL_VARIABLE_VALUE) {\n        value = [ALL_VARIABLE_VALUE];\n        text = [ALL_VARIABLE_TEXT];\n      }\n      // If the first value is the ALL value and we have other values, then remove the All value\n      else if (value[0] === ALL_VARIABLE_VALUE && value.length > 1) {\n        value.shift();\n        if (Array.isArray(text)) {\n          text.shift();\n        }\n      }\n    }\n\n    // Do nothing if value and text are the same\n    if (isEqual(value, this.state.value) && isEqual(text, this.state.text)) {\n      return;\n    }\n\n    const stateChangeAction = () => this.setStateHelper({ value, text, loading: false });\n    /**\n     * Because variable state changes can cause a whole chain of downstream state changes in other variables (that also cause URL update)\n     * Only some variable changes should add new history items to make sure the browser history contains valid URL states to go back to.\n     */\n    if (isUserAction) {\n      const queryController = getQueryController(this);\n      queryController?.startProfile(VARIABLE_VALUE_CHANGED_INTERACTION);\n      this._urlSync.performBrowserHistoryAction?.(stateChangeAction);\n    } else {\n      stateChangeAction();\n    }\n\n    this.publishEvent(new SceneVariableValueChangedEvent(this), true);\n  }\n\n  private findLabelTextForValue(value: VariableValueSingle): VariableValueSingle {\n    if (value === ALL_VARIABLE_VALUE) {\n      return ALL_VARIABLE_TEXT;\n    }\n\n    const option = this.state.options.find((x) => x.value === value);\n    if (option) {\n      return option.label;\n    }\n\n    const optionByLabel = this.state.options.find((x) => x.label === value);\n    if (optionByLabel) {\n      return optionByLabel.label;\n    }\n\n    return value;\n  }\n\n  /**\n   * This helper function is to counter the contravariance of setState\n   */\n  private setStateHelper(state: Partial<MultiValueVariableState>) {\n    setBaseClassState<MultiValueVariableState>(this, state);\n  }\n\n  public getOptionsForSelect(includeCurrentValue = true): VariableValueOption[] {\n    let options = this.state.options;\n\n    if (this.state.includeAll) {\n      options = [{ value: ALL_VARIABLE_VALUE, label: ALL_VARIABLE_TEXT }, ...options];\n    }\n\n    if (includeCurrentValue && !Array.isArray(this.state.value)) {\n      const current = options.find((x) => x.value === this.state.value);\n      if (!current) {\n        options = [{ value: this.state.value, label: String(this.state.text) }, ...options];\n      }\n    }\n\n    return options;\n  }\n\n  public refreshOptions() {\n    this.getValueOptions({}).subscribe((options) => {\n      this.updateValueGivenNewOptions(options);\n    });\n  }\n\n  /**\n   * Can be used by subclasses to do custom handling of option search based on search input\n   */\n  public onSearchChange?(searchFilter: string): void;\n}\n\n/**\n * Looks for matching option, first by value but as a fallback by text (label).\n */\nfunction findOptionMatchingCurrent(\n  currentValue: VariableValue,\n  currentText: VariableValue,\n  options: VariableValueOption[]\n) {\n  let textMatch: VariableValueOption | undefined;\n\n  for (const o of options) {\n    if (o.value === currentValue) {\n      return o;\n    }\n\n    // No early return here as want to continue to look a value match\n    if (o.label === currentText) {\n      textMatch = o;\n    }\n  }\n\n  return textMatch;\n}\n\nexport class MultiValueUrlSyncHandler<TState extends MultiValueVariableState = MultiValueVariableState>\n  implements SceneObjectUrlSyncHandler\n{\n  protected _nextChangeShouldAddHistoryStep = false;\n\n  public constructor(protected _sceneObject: MultiValueVariable<TState>) {}\n\n  protected getKey(): string {\n    return `var-${this._sceneObject.state.name}`;\n  }\n\n  public getKeys(): string[] {\n    if (this._sceneObject.state.skipUrlSync) {\n      return [];\n    }\n\n    return [this.getKey()];\n  }\n\n  public getUrlState(): SceneObjectUrlValues {\n    if (this._sceneObject.state.skipUrlSync) {\n      return {};\n    }\n\n    let urlValue: string | string[] | null = null;\n    let value = this._sceneObject.state.value;\n\n    if (Array.isArray(value) && value.length > 1) {\n      urlValue = value.map(String);\n    } else if ((this, this._sceneObject.state.isMulti)) {\n      // If we are inMulti mode we must return an array here as otherwise UrlSyncManager will not pass all values (in an array) in updateFromUrl\n      urlValue = [String(value)];\n    } else {\n      urlValue = String(value);\n    }\n\n    return { [this.getKey()]: urlValue };\n  }\n\n  public updateFromUrl(values: SceneObjectUrlValues): void {\n    let urlValue = values[this.getKey()];\n\n    if (urlValue != null) {\n      // This is to be backwards compatible with old url all value\n      if (this._sceneObject.state.includeAll) {\n        urlValue = handleLegacyUrlAllValue(urlValue);\n      }\n\n      // For edge cases where data links include variables with custom all value.\n      // We want the variable to maintain the \"All\" meta value not the actual custom vall value. (Fixes https://github.com/grafana/grafana/issues/28635)\n      if (this._sceneObject.state.allValue && this._sceneObject.state.allValue === urlValue) {\n        urlValue = ALL_VARIABLE_VALUE;\n      }\n\n      /**\n       * Initial URL Sync happens before scene objects are activated.\n       * We need to skip validation in this case to make sure values set via URL are maintained.\n       */\n      if (!this._sceneObject.isActive) {\n        this._sceneObject.skipNextValidation = true;\n      }\n\n      this._sceneObject.changeValueTo(urlValue);\n    }\n  }\n\n  public performBrowserHistoryAction(callback: () => void) {\n    this._nextChangeShouldAddHistoryStep = true;\n    callback();\n    this._nextChangeShouldAddHistoryStep = false;\n  }\n\n  public shouldCreateHistoryStep(values: SceneObjectUrlValues): boolean {\n    return this._nextChangeShouldAddHistoryStep;\n  }\n}\n\nfunction handleLegacyUrlAllValue(value: string | string[]) {\n  if (isArray(value) && value[0] === ALL_VARIABLE_TEXT) {\n    return [ALL_VARIABLE_VALUE];\n  } else if (value === ALL_VARIABLE_TEXT) {\n    return ALL_VARIABLE_VALUE;\n  }\n\n  return value;\n}\n\n/**\n * Variable getValue can return this to skip any subsequent formatting.\n * This is useful for custom all values that should not be escaped/formatted.\n */\nexport class CustomAllValue implements CustomVariableValue {\n  public constructor(private _value: string, private _variable: SceneVariable) {}\n\n  public formatter(formatNameOrFn?: string | VariableCustomFormatterFn): string {\n    if (formatNameOrFn === VariableFormatID.Text) {\n      return ALL_VARIABLE_TEXT;\n    }\n\n    if (formatNameOrFn === VariableFormatID.PercentEncode) {\n      return formatRegistry.get(VariableFormatID.PercentEncode).formatter(this._value, [], this._variable);\n    }\n\n    if (formatNameOrFn === VariableFormatID.QueryParam) {\n      return formatRegistry.get(VariableFormatID.QueryParam).formatter(ALL_VARIABLE_TEXT, [], this._variable);\n    }\n\n    return this._value;\n  }\n}\n\nexport interface FieldAccessorCache {\n  [key: string]: (obj: any) => any;\n}\n"],"names":["accesor","o"],"mappings":"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"}
+{"version":3,"file":"MultiValueVariable.js","sources":["../../../../../../../src/variables/variants/MultiValueVariable.ts"],"sourcesContent":["import { isArray, isEqual, property } from 'lodash';\nimport { map, Observable } from 'rxjs';\n\nimport { ALL_VARIABLE_TEXT, ALL_VARIABLE_VALUE } from '../constants';\n\nimport { SceneObjectBase } from '../../core/SceneObjectBase';\nimport { SceneObjectUrlSyncHandler, SceneObjectUrlValues } from '../../core/types';\nimport {\n  SceneVariable,\n  SceneVariableValueChangedEvent,\n  SceneVariableState,\n  ValidateAndUpdateResult,\n  VariableValue,\n  VariableValueOption,\n  VariableValueSingle,\n  CustomVariableValue,\n  VariableCustomFormatterFn,\n} from '../types';\nimport { formatRegistry } from '../interpolation/formatRegistry';\nimport { VariableFormatID } from '@grafana/schema';\nimport { SceneVariableSet } from '../sets/SceneVariableSet';\nimport { setBaseClassState } from '../../utils/utils';\nimport { VARIABLE_VALUE_CHANGED_INTERACTION } from '../../performance/interactionConstants';\nimport { getQueryController } from '../../core/sceneGraph/getQueryController';\n\nexport interface MultiValueVariableState extends SceneVariableState {\n  value: VariableValue; // old current.text\n  text: VariableValue; // old current.value\n  options: VariableValueOption[];\n  allowCustomValue?: boolean;\n  isMulti?: boolean;\n  includeAll?: boolean;\n  defaultToAll?: boolean;\n  allValue?: string;\n  placeholder?: string;\n  /**\n   * For multi value variables, this option controls how many values to show before they are collapsed into +N.\n   * Defaults to 5\n   */\n  maxVisibleValues?: number;\n  noValueOnClear?: boolean;\n  isReadOnly?: boolean;\n}\n\nexport interface VariableGetOptionsArgs {\n  searchFilter?: string;\n}\n\nexport abstract class MultiValueVariable<TState extends MultiValueVariableState = MultiValueVariableState>\n  extends SceneObjectBase<TState>\n  implements SceneVariable<TState>\n{\n  private static fieldAccessorCache: FieldAccessorCache = {};\n\n  protected _urlSync: SceneObjectUrlSyncHandler = new MultiValueUrlSyncHandler(this);\n\n  /**\n   * Set to true to skip next value validation to maintain the current value even it it's not among the options (ie valid values)\n   */\n  public skipNextValidation?: boolean;\n\n  /**\n   * The source of value options.\n   */\n  public abstract getValueOptions(args: VariableGetOptionsArgs): Observable<VariableValueOption[]>;\n\n  /**\n   * This function is called on when SceneVariableSet is activated or when a dependency changes.\n   */\n  public validateAndUpdate(): Observable<ValidateAndUpdateResult> {\n    return this.getValueOptions({}).pipe(\n      map((options) => {\n        this.updateValueGivenNewOptions(options);\n        return {};\n      })\n    );\n  }\n\n  public onCancel(): void {\n    this.setStateHelper({ loading: false });\n    const sceneVarSet = this.parent as SceneVariableSet;\n    sceneVarSet?.cancel(this);\n  }\n\n  /**\n   * Check if current value is valid given new options. If not update the value.\n   */\n  private updateValueGivenNewOptions(options: VariableValueOption[]) {\n    // Remember current value and text\n    const { value: currentValue, text: currentText, options: oldOptions } = this.state;\n\n    const stateUpdate = this.getStateUpdateGivenNewOptions(options, currentValue, currentText);\n\n    this.interceptStateUpdateAfterValidation(stateUpdate);\n\n    // Perform state change\n    this.setStateHelper(stateUpdate);\n\n    // Publish value changed event only if value changed\n    if (\n      stateUpdate.value !== currentValue ||\n      stateUpdate.text !== currentText ||\n      (this.hasAllValue() && !isEqual(options, oldOptions))\n    ) {\n      this.publishEvent(new SceneVariableValueChangedEvent(this), true);\n    }\n  }\n\n  private getStateUpdateGivenNewOptions(\n    options: VariableValueOption[],\n    currentValue: VariableValue,\n    currentText: VariableValue\n  ): Partial<MultiValueVariableState> {\n    const stateUpdate: Partial<MultiValueVariableState> = {\n      options,\n      loading: false,\n      value: currentValue,\n      text: currentText,\n    };\n\n    if (options.length === 0) {\n      if (this.state.defaultToAll || this.state.includeAll) {\n        stateUpdate.value = ALL_VARIABLE_VALUE;\n        stateUpdate.text = ALL_VARIABLE_TEXT;\n      } else if (this.state.isMulti) {\n        stateUpdate.value = [];\n        stateUpdate.text = [];\n      } else {\n        stateUpdate.value = '';\n        stateUpdate.text = '';\n      }\n\n      return stateUpdate;\n    }\n\n    if (this.hasAllValue()) {\n      if (this.state.includeAll) {\n        // Sometimes the text representation is also set the ALL_VARIABLE_VALUE, this fixes that\n        stateUpdate.text = ALL_VARIABLE_TEXT;\n      } else {\n        stateUpdate.value = options[0].value;\n        stateUpdate.text = options[0].label;\n        // If multi switch to arrays\n        if (this.state.isMulti) {\n          stateUpdate.value = [stateUpdate.value];\n          stateUpdate.text = [stateUpdate.text];\n        }\n      }\n      return stateUpdate;\n    }\n\n    if (this.state.isMulti) {\n      // If we are a multi valued variable validate the current values are among the options\n      const currentValues = Array.isArray(currentValue) ? currentValue : [currentValue];\n      const validValues = currentValues.filter((v) => options.find((o) => o.value === v));\n      const validTexts = validValues.map((v) => options.find((o) => o.value === v)!.label);\n\n      // If no valid values pick the first option\n      if (validValues.length === 0) {\n        const defaultState = this.getDefaultMultiState(options);\n        stateUpdate.value = defaultState.value;\n        stateUpdate.text = defaultState.text;\n      } else {\n        // We have valid values, if it's different from current valid values update current values\n        if (!isEqual(validValues, currentValue)) {\n          stateUpdate.value = validValues;\n        }\n        if (!isEqual(validTexts, currentText)) {\n          stateUpdate.text = validTexts;\n        }\n      }\n\n      return stateUpdate;\n    }\n\n    // Single value variable validation\n\n    // Try find by value then text\n    let matchingOption = findOptionMatchingCurrent(currentValue, currentText, options);\n    if (matchingOption) {\n      // When updating the initial state from URL the text property is set the same as value\n      // Here we can correct the text value state\n      stateUpdate.text = matchingOption.label;\n      stateUpdate.value = matchingOption.value;\n    } else {\n      // Current value is found in options\n      const defaultState = this.getDefaultSingleState(options);\n      stateUpdate.value = defaultState.value;\n      stateUpdate.text = defaultState.label;\n    }\n\n    return stateUpdate;\n  }\n\n  /**\n   * Values set by initial URL sync needs to survive the next validation and update.\n   * This function can intercept and make sure those values are preserved.\n   */\n  protected interceptStateUpdateAfterValidation(stateUpdate: Partial<MultiValueVariableState>): void {\n    // If the validation wants to fix the all value (All ==> $__all) then we should let that pass\n    const isAllValueFix = stateUpdate.value === ALL_VARIABLE_VALUE && this.state.text === ALL_VARIABLE_TEXT;\n\n    if (\n      this.skipNextValidation &&\n      stateUpdate.value !== this.state.value &&\n      stateUpdate.text !== this.state.text &&\n      !isAllValueFix\n    ) {\n      stateUpdate.value = this.state.value;\n      stateUpdate.text = this.state.text;\n    }\n\n    this.skipNextValidation = false;\n  }\n\n  public getValue(fieldPath?: string): VariableValue {\n    let value = this.state.value;\n\n    if (this.hasAllValue()) {\n      if (this.state.allValue) {\n        return new CustomAllValue(this.state.allValue, this);\n      }\n      value = this.state.options.map((o) => o.value);\n    }\n\n    if (fieldPath != null) {\n      return this.getFieldAtPath(value, fieldPath);\n    }\n\n    return value;\n  }\n\n  public getValueText(fieldPath?: string): string {\n    if (this.hasAllValue()) {\n      return ALL_VARIABLE_TEXT;\n    }\n\n    const text = fieldPath != null ? this.getFieldAtPath(this.state.value, fieldPath, true) : this.state.text;\n\n    return Array.isArray(text) ? text.join(' + ') : String(text);\n  }\n\n  private getFieldAtPath(value: VariableValue, fieldPath: string, returnText = false) {\n    const accesor = this.getFieldAccessor(fieldPath);\n\n    if (Array.isArray(value)) {\n      const index = parseInt(fieldPath, 10);\n\n      if (!isNaN(index) && index >= 0 && index < value.length) {\n        const v = value[index];\n        if (!returnText) {\n          return v;\n        }\n\n        const o = this.state.options.find((o) => o.value === v);\n        return o ? o.label : String(v);\n      }\n\n      return value.map((v) => {\n        const o = this.state.options.find((o) => o.value === v);\n        return o ? accesor(o.properties) : v;\n      });\n    }\n\n    const o = this.state.options.find((o) => o.value === value);\n    if (o) {\n      return accesor(o.properties);\n    }\n\n    return returnText ? this.state.text : value;\n  }\n\n  private getFieldAccessor(fieldPath: string) {\n    const accessor = MultiValueVariable.fieldAccessorCache[fieldPath];\n    if (accessor) {\n      return accessor;\n    }\n\n    return (MultiValueVariable.fieldAccessorCache[fieldPath] = property(fieldPath));\n  }\n\n  public hasAllValue() {\n    const value = this.state.value;\n    return value === ALL_VARIABLE_VALUE || (Array.isArray(value) && value[0] === ALL_VARIABLE_VALUE);\n  }\n\n  public getDefaultMultiState(options: VariableValueOption[]) {\n    if (this.state.defaultToAll) {\n      return { value: [ALL_VARIABLE_VALUE], text: [ALL_VARIABLE_TEXT] };\n    } else if (options.length > 0) {\n      return { value: [options[0].value], text: [options[0].label], properties: [options[0].properties] };\n    } else {\n      return { value: [], text: [] };\n    }\n  }\n\n  protected getDefaultSingleState(options: VariableValueOption[]): VariableValueOption {\n    if (this.state.defaultToAll) {\n      return { value: ALL_VARIABLE_VALUE, label: ALL_VARIABLE_TEXT };\n    } else if (options.length > 0) {\n      return { value: options[0].value, label: options[0].label, properties: options[0].properties };\n    } else {\n      return { value: '', label: '' };\n    }\n  }\n\n  /**\n   * Change the value and publish SceneVariableValueChangedEvent event.\n   */\n  public changeValueTo(value: VariableValue, text?: VariableValue, isUserAction = false) {\n    // Ignore if there is no change\n    if (value === this.state.value && text === this.state.text) {\n      return;\n    }\n\n    if (!text) {\n      if (Array.isArray(value)) {\n        text = value.map((v) => this.findLabelTextForValue(v));\n      } else {\n        text = this.findLabelTextForValue(value);\n      }\n    }\n\n    if (Array.isArray(value)) {\n      // If we are a multi valued variable is cleared (empty array) we need to set the default empty state\n      if (value.length === 0) {\n        const state = this.getDefaultMultiState(this.state.options);\n        value = state.value;\n        text = state.text;\n      }\n\n      // If last value is the All value then replace all with it\n      if (value[value.length - 1] === ALL_VARIABLE_VALUE) {\n        value = [ALL_VARIABLE_VALUE];\n        text = [ALL_VARIABLE_TEXT];\n      }\n      // If the first value is the ALL value and we have other values, then remove the All value\n      else if (value[0] === ALL_VARIABLE_VALUE && value.length > 1) {\n        value.shift();\n        if (Array.isArray(text)) {\n          text.shift();\n        }\n      }\n    }\n\n    // Do nothing if value and text are the same\n    if (isEqual(value, this.state.value) && isEqual(text, this.state.text)) {\n      return;\n    }\n\n    const stateChangeAction = () => this.setStateHelper({ value, text, loading: false });\n    /**\n     * Because variable state changes can cause a whole chain of downstream state changes in other variables (that also cause URL update)\n     * Only some variable changes should add new history items to make sure the browser history contains valid URL states to go back to.\n     */\n    if (isUserAction) {\n      const queryController = getQueryController(this);\n      queryController?.startProfile(VARIABLE_VALUE_CHANGED_INTERACTION);\n      this._urlSync.performBrowserHistoryAction?.(stateChangeAction);\n    } else {\n      stateChangeAction();\n    }\n\n    this.publishEvent(new SceneVariableValueChangedEvent(this), true);\n  }\n\n  private findLabelTextForValue(value: VariableValueSingle): VariableValueSingle {\n    if (value === ALL_VARIABLE_VALUE) {\n      return ALL_VARIABLE_TEXT;\n    }\n\n    const option = this.state.options.find((x) => x.value === value);\n    if (option) {\n      return option.label;\n    }\n\n    const optionByLabel = this.state.options.find((x) => x.label === value);\n    if (optionByLabel) {\n      return optionByLabel.label;\n    }\n\n    return value;\n  }\n\n  /**\n   * This helper function is to counter the contravariance of setState\n   */\n  private setStateHelper(state: Partial<MultiValueVariableState>) {\n    setBaseClassState<MultiValueVariableState>(this, state);\n  }\n\n  public getOptionsForSelect(includeCurrentValue = true): VariableValueOption[] {\n    let options = this.state.options;\n\n    if (this.state.includeAll) {\n      options = [{ value: ALL_VARIABLE_VALUE, label: ALL_VARIABLE_TEXT }, ...options];\n    }\n\n    if (includeCurrentValue && !Array.isArray(this.state.value)) {\n      const current = options.find((x) => x.value === this.state.value);\n      if (!current) {\n        options = [{ value: this.state.value, label: String(this.state.text) }, ...options];\n      }\n    }\n\n    return options;\n  }\n\n  public refreshOptions() {\n    this.getValueOptions({}).subscribe((options) => {\n      this.updateValueGivenNewOptions(options);\n    });\n  }\n\n  /**\n   * Can be used by subclasses to do custom handling of option search based on search input\n   */\n  public onSearchChange?(searchFilter: string): void;\n}\n\n/**\n * Looks for matching option, first by value but as a fallback by text (label).\n */\nfunction findOptionMatchingCurrent(\n  currentValue: VariableValue,\n  currentText: VariableValue,\n  options: VariableValueOption[]\n) {\n  let textMatch: VariableValueOption | undefined;\n\n  for (const o of options) {\n    if (o.value === currentValue) {\n      return o;\n    }\n\n    // No early return here as want to continue to look a value match\n    if (o.label === currentText) {\n      textMatch = o;\n    }\n  }\n\n  return textMatch;\n}\n\nexport class MultiValueUrlSyncHandler<TState extends MultiValueVariableState = MultiValueVariableState>\n  implements SceneObjectUrlSyncHandler\n{\n  protected _nextChangeShouldAddHistoryStep = false;\n\n  public constructor(protected _sceneObject: MultiValueVariable<TState>) {}\n\n  protected getKey(): string {\n    return `var-${this._sceneObject.state.name}`;\n  }\n\n  public getKeys(): string[] {\n    if (this._sceneObject.state.skipUrlSync) {\n      return [];\n    }\n\n    return [this.getKey()];\n  }\n\n  public getUrlState(): SceneObjectUrlValues {\n    if (this._sceneObject.state.skipUrlSync) {\n      return {};\n    }\n\n    let urlValue: string | string[] | null = null;\n    let value = this._sceneObject.state.value;\n\n    if (Array.isArray(value) && value.length > 1) {\n      urlValue = value.map(String);\n    } else if ((this, this._sceneObject.state.isMulti)) {\n      // If we are inMulti mode we must return an array here as otherwise UrlSyncManager will not pass all values (in an array) in updateFromUrl\n      urlValue = [String(value)];\n    } else {\n      urlValue = String(value);\n    }\n\n    return { [this.getKey()]: urlValue };\n  }\n\n  public updateFromUrl(values: SceneObjectUrlValues): void {\n    let urlValue = values[this.getKey()];\n\n    if (urlValue != null) {\n      // This is to be backwards compatible with old url all value\n      if (this._sceneObject.state.includeAll) {\n        urlValue = handleLegacyUrlAllValue(urlValue);\n      }\n\n      // For edge cases where data links include variables with custom all value.\n      // We want the variable to maintain the \"All\" meta value not the actual custom vall value. (Fixes https://github.com/grafana/grafana/issues/28635)\n      if (this._sceneObject.state.allValue && this._sceneObject.state.allValue === urlValue) {\n        urlValue = ALL_VARIABLE_VALUE;\n      }\n\n      /**\n       * Initial URL Sync happens before scene objects are activated.\n       * We need to skip validation in this case to make sure values set via URL are maintained.\n       */\n      if (!this._sceneObject.isActive) {\n        this._sceneObject.skipNextValidation = true;\n      }\n\n      this._sceneObject.changeValueTo(urlValue);\n    }\n  }\n\n  public performBrowserHistoryAction(callback: () => void) {\n    this._nextChangeShouldAddHistoryStep = true;\n    callback();\n    this._nextChangeShouldAddHistoryStep = false;\n  }\n\n  public shouldCreateHistoryStep(values: SceneObjectUrlValues): boolean {\n    return this._nextChangeShouldAddHistoryStep;\n  }\n}\n\nfunction handleLegacyUrlAllValue(value: string | string[]) {\n  if (isArray(value) && value[0] === ALL_VARIABLE_TEXT) {\n    return [ALL_VARIABLE_VALUE];\n  } else if (value === ALL_VARIABLE_TEXT) {\n    return ALL_VARIABLE_VALUE;\n  }\n\n  return value;\n}\n\n/**\n * Variable getValue can return this to skip any subsequent formatting.\n * This is useful for custom all values that should not be escaped/formatted.\n */\nexport class CustomAllValue implements CustomVariableValue {\n  public constructor(private _value: string, private _variable: SceneVariable) {}\n\n  public formatter(formatNameOrFn?: string | VariableCustomFormatterFn): string {\n    if (formatNameOrFn === VariableFormatID.Text) {\n      return ALL_VARIABLE_TEXT;\n    }\n\n    if (formatNameOrFn === VariableFormatID.PercentEncode) {\n      return formatRegistry.get(VariableFormatID.PercentEncode).formatter(this._value, [], this._variable);\n    }\n\n    if (formatNameOrFn === VariableFormatID.QueryParam) {\n      return formatRegistry.get(VariableFormatID.QueryParam).formatter(ALL_VARIABLE_TEXT, [], this._variable);\n    }\n\n    return this._value;\n  }\n}\n\nexport interface FieldAccessorCache {\n  [key: string]: (obj: any) => any;\n}\n"],"names":["o"],"mappings":"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"}

package/dist/index.d.ts

@@ -1273,8 +1273,9 @@ declare abstract class MultiValueVariable<TState extends MultiValueVariableState
      */
     protected interceptStateUpdateAfterValidation(stateUpdate: Partial<MultiValueVariableState>): void;
     getValue(fieldPath?: string): VariableValue;
+    getValueText(fieldPath?: string): string;
+    private getFieldAtPath;
     private getFieldAccessor;
-    getValueText(): string;
     hasAllValue(): boolean;
     getDefaultMultiState(options: VariableValueOption[]): {
         value: string[];
@@ -2551,7 +2552,7 @@ declare class LocalValueVariable extends SceneObjectBase<LocalValueVariableState
     constructor(initialState: Partial<LocalValueVariableState>);
     getValue(fieldPath?: string): VariableValue;
     private getFieldAccessor;
-    getValueText(): string;
+    getValueText(fieldPath?: string): string;
     /**
      * Checks the ancestor of our parent SceneVariableSet for loading state of a variable with the same name
      * This function is unit tested from SceneVariableSet tests.

package/dist/index.js

@@ -1581,9 +1581,9 @@ const formatRegistry = new data.Registry(() => {
       id: schema.VariableFormatID.Text,
       name: "Text",
       description: "Format variables in their text representation. Example in multi-variable scenario A + B + C.",
-      formatter: (value, _args, variable) => {
+      formatter: (value, _args, variable, fieldPath) => {
         if (variable.getValueText) {
-          return variable.getValueText();
+          return variable.getValueText(fieldPath);
         }
         return String(value);
       }
@@ -1892,24 +1892,39 @@ const _MultiValueVariable = class _MultiValueVariable extends SceneObjectBase {
       value = this.state.options.map((o) => o.value);
     }
     if (fieldPath != null) {
-      if (Array.isArray(value)) {
-        const index = parseInt(fieldPath, 10);
-        if (!isNaN(index) && index >= 0 && index < value.length) {
-          return value[index];
+      return this.getFieldAtPath(value, fieldPath);
+    }
+    return value;
+  }
+  getValueText(fieldPath) {
+    if (this.hasAllValue()) {
+      return ALL_VARIABLE_TEXT;
+    }
+    const text = fieldPath != null ? this.getFieldAtPath(this.state.value, fieldPath, true) : this.state.text;
+    return Array.isArray(text) ? text.join(" + ") : String(text);
+  }
+  getFieldAtPath(value, fieldPath, returnText = false) {
+    const accesor = this.getFieldAccessor(fieldPath);
+    if (Array.isArray(value)) {
+      const index = parseInt(fieldPath, 10);
+      if (!isNaN(index) && index >= 0 && index < value.length) {
+        const v = value[index];
+        if (!returnText) {
+          return v;
         }
-        const accesor2 = this.getFieldAccessor(fieldPath);
-        return value.map((v) => {
-          const o2 = this.state.options.find((o3) => o3.value === v);
-          return o2 ? accesor2(o2.properties) : v;
-        });
-      }
-      const accesor = this.getFieldAccessor(fieldPath);
-      const o = this.state.options.find((o2) => o2.value === value);
-      if (o) {
-        return accesor(o.properties);
+        const o2 = this.state.options.find((o3) => o3.value === v);
+        return o2 ? o2.label : String(v);
       }
+      return value.map((v) => {
+        const o2 = this.state.options.find((o3) => o3.value === v);
+        return o2 ? accesor(o2.properties) : v;
+      });
     }
-    return value;
+    const o = this.state.options.find((o2) => o2.value === value);
+    if (o) {
+      return accesor(o.properties);
+    }
+    return returnText ? this.state.text : value;
   }
   getFieldAccessor(fieldPath) {
     const accessor = _MultiValueVariable.fieldAccessorCache[fieldPath];
@@ -1918,15 +1933,6 @@ const _MultiValueVariable = class _MultiValueVariable extends SceneObjectBase {
     }
     return _MultiValueVariable.fieldAccessorCache[fieldPath] = lodash.property(fieldPath);
   }
-  getValueText() {
-    if (this.hasAllValue()) {
-      return ALL_VARIABLE_TEXT;
-    }
-    if (Array.isArray(this.state.text)) {
-      return this.state.text.join(" + ");
-    }
-    return String(this.state.text);
-  }
   hasAllValue() {
     const value = this.state.value;
     return value === ALL_VARIABLE_VALUE || Array.isArray(value) && value[0] === ALL_VARIABLE_VALUE;
@@ -10822,7 +10828,13 @@ const _LocalValueVariable = class _LocalValueVariable extends SceneObjectBase {
     }
     return _LocalValueVariable.fieldAccessorCache[fieldPath] = lodash.property(fieldPath);
   }
-  getValueText() {
+  getValueText(fieldPath) {
+    if (fieldPath && this.state.properties) {
+      const value = this.getFieldAccessor(fieldPath)(this.state.properties);
+      if (value != null) {
+        return String(value);
+      }
+    }
     return this.state.text.toString();
   }
   /**