@grafana/scenes 6.6.0--canary.1081.13995169903.0 → 6.6.1

package/dist/esm/utils/metricTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"metricTree.js","sources":["../../../src/utils/metricTree.ts"],"sourcesContent":["export interface TreeNode {\n  name: string;\n  children: TreeNode[];\n}\n\n/*\n *  Builds a nested tree like\n *  [\n *    {\n *      name: 'A',\n *      children: [\n *        { name: 'AA', children: [] },\n *        { name: 'AB', children: [] },\n *      ]\n *    }\n *  ]\n */\nfunction buildMetricTree(parent: string, depth: number): TreeNode[] {\n  const chars = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H'];\n  const children: TreeNode[] = [];\n\n  if (depth > 5) {\n    return [];\n  }\n\n  for (const letter of chars) {\n    const nodeName = `${parent}${letter}`;\n    children.push({\n      name: nodeName,\n      children: buildMetricTree(nodeName, depth + 1),\n    });\n  }\n\n  return children;\n}\n\nfunction queryTree(children: TreeNode[], query: string[], queryIndex: number): TreeNode[] {\n  if (queryIndex >= query.length) {\n    return children;\n  }\n\n  if (query[queryIndex] === '*') {\n    return children;\n  }\n\n  const nodeQuery = query[queryIndex];\n  let result: TreeNode[] = [];\n  let namesToMatch = [nodeQuery];\n\n  // handle glob queries\n  if (nodeQuery.startsWith('{')) {\n    namesToMatch = nodeQuery.replace(/\\{|\\}/g, '').split(',');\n  }\n\n  for (const node of children) {\n    for (const nameToMatch of namesToMatch) {\n      if (nameToMatch.indexOf('*') !== -1) {\n        const pattern = nameToMatch.replace('*', '');\n        const regex = new RegExp(`^${pattern}.*`, 'gi');\n        if (regex.test(node.name)) {\n          result = result.concat(queryTree([node], query, queryIndex + 1));\n        }\n      } else if (node.name === nameToMatch) {\n        result = result.concat(queryTree(node.children, query, queryIndex + 1));\n      }\n    }\n  }\n\n  return result;\n}\n\nexport function queryMetricTree(query: string): TreeNode[] {\n  if (query.indexOf('value') === 0) {\n    return [{ name: query, children: [] }];\n  }\n\n  const children = buildMetricTree('', 0);\n  return queryTree(children, query.split('.'), 0);\n}\n"],"names":[],"mappings":"AAiBA,SAAS,eAAA,CAAgB,QAAgB,KAA2B,EAAA;AAClE,EAAM,MAAA,KAAA,GAAQ,CAAC,GAAK,EAAA,GAAA,EAAK,KAAK,GAAK,EAAA,GAAA,EAAK,GAAK,EAAA,GAAA,EAAK,GAAG,CAAA,CAAA;AACrD,EAAA,MAAM,WAAuB,EAAC,CAAA;AAE9B,EAAA,IAAI,QAAQ,CAAG,EAAA;AACb,IAAA,OAAO,EAAC,CAAA;AAAA,GACV;AAEA,EAAA,KAAA,MAAW,UAAU,KAAO,EAAA;AAC1B,IAAM,MAAA,QAAA,GAAW,GAAG,MAAS,CAAA,EAAA,MAAA,CAAA,CAAA,CAAA;AAC7B,IAAA,QAAA,CAAS,IAAK,CAAA;AAAA,MACZ,IAAM,EAAA,QAAA;AAAA,MACN,QAAU,EAAA,eAAA,CAAgB,QAAU,EAAA,KAAA,GAAQ,CAAC,CAAA;AAAA,KAC9C,CAAA,CAAA;AAAA,GACH;AAEA,EAAO,OAAA,QAAA,CAAA;AACT,CAAA;AAEA,SAAS,SAAA,CAAU,QAAsB,EAAA,KAAA,EAAiB,UAAgC,EAAA;AACxF,EAAI,IAAA,UAAA,IAAc,MAAM,MAAQ,EAAA;AAC9B,IAAO,OAAA,QAAA,CAAA;AAAA,GACT;AAEA,EAAI,IAAA,KAAA,CAAM,gBAAgB,GAAK,EAAA;AAC7B,IAAO,OAAA,QAAA,CAAA;AAAA,GACT;AAEA,EAAA,MAAM,YAAY,KAAM,CAAA,UAAA,CAAA,CAAA;AACxB,EAAA,IAAI,SAAqB,EAAC,CAAA;AAC1B,EAAI,IAAA,YAAA,GAAe,CAAC,SAAS,CAAA,CAAA;AAG7B,EAAI,IAAA,SAAA,CAAU,UAAW,CAAA,GAAG,CAAG,EAAA;AAC7B,IAAA,YAAA,GAAe,UAAU,OAAQ,CAAA,QAAA,EAAU,EAAE,CAAA,CAAE,MAAM,GAAG,CAAA,CAAA;AAAA,GAC1D;AAEA,EAAA,KAAA,MAAW,QAAQ,QAAU,EAAA;AAC3B,IAAA,KAAA,MAAW,eAAe,YAAc,EAAA;AACtC,MAAA,IAAI,WAAY,CAAA,OAAA,CAAQ,GAAG,CAAA,KAAM,CAAI,CAAA,EAAA;AACnC,QAAA,MAAM,OAAU,GAAA,WAAA,CAAY,OAAQ,CAAA,GAAA,EAAK,EAAE,CAAA,CAAA;AAC3C,QAAA,MAAM,KAAQ,GAAA,IAAI,MAAO,CAAA,CAAA,CAAA,EAAI,aAAa,IAAI,CAAA,CAAA;AAC9C,QAAA,IAAI,KAAM,CAAA,IAAA,CAAK,IAAK,CAAA,IAAI,CAAG,EAAA;AACzB,UAAS,MAAA,GAAA,MAAA,CAAO,OAAO,SAAU,CAAA,CAAC,IAAI,CAAG,EAAA,KAAA,EAAO,UAAa,GAAA,CAAC,CAAC,CAAA,CAAA;AAAA,SACjE;AAAA,OACF,MAAA,IAAW,IAAK,CAAA,IAAA,KAAS,WAAa,EAAA;AACpC,QAAS,MAAA,GAAA,MAAA,CAAO,OAAO,SAAU,CAAA,IAAA,CAAK,UAAU,KAAO,EAAA,UAAA,GAAa,CAAC,CAAC,CAAA,CAAA;AAAA,OACxE;AAAA,KACF;AAAA,GACF;AAEA,EAAO,OAAA,MAAA,CAAA;AACT,CAAA;AAEO,SAAS,gBAAgB,KAA2B,EAAA;AACzD,EAAA,IAAI,KAAM,CAAA,OAAA,CAAQ,OAAO,CAAA,KAAM,CAAG,EAAA;AAChC,IAAA,OAAO,CAAC,EAAE,IAAA,EAAM,OAAO,QAAU,EAAA,IAAI,CAAA,CAAA;AAAA,GACvC;AAEA,EAAM,MAAA,QAAA,GAAW,eAAgB,CAAA,EAAA,EAAI,CAAC,CAAA,CAAA;AACtC,EAAA,OAAO,UAAU,QAAU,EAAA,KAAA,CAAM,KAAM,CAAA,GAAG,GAAG,CAAC,CAAA,CAAA;AAChD;;;;"}
+{"version":3,"file":"metricTree.js","sources":["../../../src/utils/metricTree.ts"],"sourcesContent":["export interface TreeNode {\n  name: string;\n  children: TreeNode[];\n}\n\n/*\n *  Builds a nested tree like\n *  [\n *    {\n *      name: 'A',\n *      children: [\n *        { name: 'AA', children: [] },\n *        { name: 'AB', children: [] },\n *      ]\n *    }\n *  ]\n */\nfunction buildMetricTree(parent: string, depth: number): TreeNode[] {\n  const chars = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H'];\n  const children: TreeNode[] = [];\n\n  if (depth > 5) {\n    return [];\n  }\n\n  for (const letter of chars) {\n    const nodeName = `${parent}${letter}`;\n    children.push({\n      name: nodeName,\n      children: buildMetricTree(nodeName, depth + 1),\n    });\n  }\n\n  return children;\n}\n\nfunction queryTree(children: TreeNode[], query: string[], queryIndex: number): TreeNode[] {\n  if (queryIndex >= query.length) {\n    return children;\n  }\n\n  if (query[queryIndex] === '*') {\n    return children;\n  }\n\n  const nodeQuery = query[queryIndex];\n  let result: TreeNode[] = [];\n  let namesToMatch = [nodeQuery];\n\n  // handle glob queries\n  if (nodeQuery.startsWith('{')) {\n    namesToMatch = nodeQuery.replace(/\\{|\\}/g, '').split(',');\n  }\n\n  for (const node of children) {\n    for (const nameToMatch of namesToMatch) {\n      if (nameToMatch.indexOf('*') !== -1) {\n        const pattern = nameToMatch.replace('*', '');\n        const regex = new RegExp(`^${pattern}.*`, 'gi');\n        if (regex.test(node.name)) {\n          result = result.concat(queryTree([node], query, queryIndex + 1));\n        }\n      } else if (node.name === nameToMatch) {\n        result = result.concat(queryTree(node.children, query, queryIndex + 1));\n      }\n    }\n  }\n\n  return result;\n}\n\nexport function queryMetricTree(query: string): TreeNode[] {\n  if (query.indexOf('value') === 0) {\n    return [{ name: query, children: [] }];\n  }\n\n  const children = buildMetricTree('', 0);\n  return queryTree(children, query.split('.'), 0);\n}\n"],"names":[],"mappings":"AAiBA,SAAS,eAAA,CAAgB,QAAgB,KAA2B,EAAA;AAClE,EAAM,MAAA,KAAA,GAAQ,CAAC,GAAK,EAAA,GAAA,EAAK,KAAK,GAAK,EAAA,GAAA,EAAK,GAAK,EAAA,GAAA,EAAK,GAAG,CAAA;AACrD,EAAA,MAAM,WAAuB,EAAC;AAE9B,EAAA,IAAI,QAAQ,CAAG,EAAA;AACb,IAAA,OAAO,EAAC;AAAA;AAGV,EAAA,KAAA,MAAW,UAAU,KAAO,EAAA;AAC1B,IAAA,MAAM,QAAW,GAAA,CAAA,EAAG,MAAM,CAAA,EAAG,MAAM,CAAA,CAAA;AACnC,IAAA,QAAA,CAAS,IAAK,CAAA;AAAA,MACZ,IAAM,EAAA,QAAA;AAAA,MACN,QAAU,EAAA,eAAA,CAAgB,QAAU,EAAA,KAAA,GAAQ,CAAC;AAAA,KAC9C,CAAA;AAAA;AAGH,EAAO,OAAA,QAAA;AACT;AAEA,SAAS,SAAA,CAAU,QAAsB,EAAA,KAAA,EAAiB,UAAgC,EAAA;AACxF,EAAI,IAAA,UAAA,IAAc,MAAM,MAAQ,EAAA;AAC9B,IAAO,OAAA,QAAA;AAAA;AAGT,EAAI,IAAA,KAAA,CAAM,UAAU,CAAA,KAAM,GAAK,EAAA;AAC7B,IAAO,OAAA,QAAA;AAAA;AAGT,EAAM,MAAA,SAAA,GAAY,MAAM,UAAU,CAAA;AAClC,EAAA,IAAI,SAAqB,EAAC;AAC1B,EAAI,IAAA,YAAA,GAAe,CAAC,SAAS,CAAA;AAG7B,EAAI,IAAA,SAAA,CAAU,UAAW,CAAA,GAAG,CAAG,EAAA;AAC7B,IAAA,YAAA,GAAe,UAAU,OAAQ,CAAA,QAAA,EAAU,EAAE,CAAA,CAAE,MAAM,GAAG,CAAA;AAAA;AAG1D,EAAA,KAAA,MAAW,QAAQ,QAAU,EAAA;AAC3B,IAAA,KAAA,MAAW,eAAe,YAAc,EAAA;AACtC,MAAA,IAAI,WAAY,CAAA,OAAA,CAAQ,GAAG,CAAA,KAAM,EAAI,EAAA;AACnC,QAAA,MAAM,OAAU,GAAA,WAAA,CAAY,OAAQ,CAAA,GAAA,EAAK,EAAE,CAAA;AAC3C,QAAA,MAAM,QAAQ,IAAI,MAAA,CAAO,CAAI,CAAA,EAAA,OAAO,MAAM,IAAI,CAAA;AAC9C,QAAA,IAAI,KAAM,CAAA,IAAA,CAAK,IAAK,CAAA,IAAI,CAAG,EAAA;AACzB,UAAS,MAAA,GAAA,MAAA,CAAO,OAAO,SAAU,CAAA,CAAC,IAAI,CAAG,EAAA,KAAA,EAAO,UAAa,GAAA,CAAC,CAAC,CAAA;AAAA;AACjE,OACF,MAAA,IAAW,IAAK,CAAA,IAAA,KAAS,WAAa,EAAA;AACpC,QAAS,MAAA,GAAA,MAAA,CAAO,OAAO,SAAU,CAAA,IAAA,CAAK,UAAU,KAAO,EAAA,UAAA,GAAa,CAAC,CAAC,CAAA;AAAA;AACxE;AACF;AAGF,EAAO,OAAA,MAAA;AACT;AAEO,SAAS,gBAAgB,KAA2B,EAAA;AACzD,EAAA,IAAI,KAAM,CAAA,OAAA,CAAQ,OAAO,CAAA,KAAM,CAAG,EAAA;AAChC,IAAA,OAAO,CAAC,EAAE,IAAA,EAAM,OAAO,QAAU,EAAA,IAAI,CAAA;AAAA;AAGvC,EAAM,MAAA,QAAA,GAAW,eAAgB,CAAA,EAAA,EAAI,CAAC,CAAA;AACtC,EAAA,OAAO,UAAU,QAAU,EAAA,KAAA,CAAM,KAAM,CAAA,GAAG,GAAG,CAAC,CAAA;AAChD;;;;"}

package/dist/esm/utils/parseUrlParam.js.map

@@ -1 +1 @@
-{"version":3,"file":"parseUrlParam.js","sources":["../../../src/utils/parseUrlParam.ts"],"sourcesContent":["import { toUtc } from '@grafana/data';\nimport { SceneObjectUrlValue } from '../core/types';\n\nconst INTERVAL_STRING_REGEX = /^\\d+[yYmMsSwWhHdD]$/;\n\nexport function parseUrlParam(value: SceneObjectUrlValue): string | null {\n  if (typeof value !== 'string') {\n    return null;\n  }\n\n  if (value.indexOf('now') !== -1) {\n    return value;\n  }\n\n  if (INTERVAL_STRING_REGEX.test(value)) {\n    return value;\n  }\n\n  if (value.length === 8) {\n    const utcValue = toUtc(value, 'YYYYMMDD');\n    if (utcValue.isValid()) {\n      return utcValue.toISOString();\n    }\n  } else if (value.length === 15) {\n    const utcValue = toUtc(value, 'YYYYMMDDTHHmmss');\n    if (utcValue.isValid()) {\n      return utcValue.toISOString();\n    }\n  } else if (value.length === 19) {\n    const utcValue = toUtc(value, 'YYYY-MM-DD HH:mm:ss');\n    if (utcValue.isValid()) {\n      return utcValue.toISOString();\n    }\n  } else if (value.length === 24) {\n    const utcValue = toUtc(value);\n    return utcValue.toISOString();\n  }\n\n  const epoch = parseInt(value, 10);\n  if (!isNaN(epoch)) {\n    return toUtc(epoch).toISOString();\n  }\n\n  return null;\n}\n"],"names":[],"mappings":";;AAGA,MAAM,qBAAwB,GAAA,qBAAA,CAAA;AAEvB,SAAS,cAAc,KAA2C,EAAA;AACvE,EAAI,IAAA,OAAO,UAAU,QAAU,EAAA;AAC7B,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,IAAI,KAAM,CAAA,OAAA,CAAQ,KAAK,CAAA,KAAM,CAAI,CAAA,EAAA;AAC/B,IAAO,OAAA,KAAA,CAAA;AAAA,GACT;AAEA,EAAI,IAAA,qBAAA,CAAsB,IAAK,CAAA,KAAK,CAAG,EAAA;AACrC,IAAO,OAAA,KAAA,CAAA;AAAA,GACT;AAEA,EAAI,IAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AACtB,IAAM,MAAA,QAAA,GAAW,KAAM,CAAA,KAAA,EAAO,UAAU,CAAA,CAAA;AACxC,IAAI,IAAA,QAAA,CAAS,SAAW,EAAA;AACtB,MAAA,OAAO,SAAS,WAAY,EAAA,CAAA;AAAA,KAC9B;AAAA,GACF,MAAA,IAAW,KAAM,CAAA,MAAA,KAAW,EAAI,EAAA;AAC9B,IAAM,MAAA,QAAA,GAAW,KAAM,CAAA,KAAA,EAAO,iBAAiB,CAAA,CAAA;AAC/C,IAAI,IAAA,QAAA,CAAS,SAAW,EAAA;AACtB,MAAA,OAAO,SAAS,WAAY,EAAA,CAAA;AAAA,KAC9B;AAAA,GACF,MAAA,IAAW,KAAM,CAAA,MAAA,KAAW,EAAI,EAAA;AAC9B,IAAM,MAAA,QAAA,GAAW,KAAM,CAAA,KAAA,EAAO,qBAAqB,CAAA,CAAA;AACnD,IAAI,IAAA,QAAA,CAAS,SAAW,EAAA;AACtB,MAAA,OAAO,SAAS,WAAY,EAAA,CAAA;AAAA,KAC9B;AAAA,GACF,MAAA,IAAW,KAAM,CAAA,MAAA,KAAW,EAAI,EAAA;AAC9B,IAAM,MAAA,QAAA,GAAW,MAAM,KAAK,CAAA,CAAA;AAC5B,IAAA,OAAO,SAAS,WAAY,EAAA,CAAA;AAAA,GAC9B;AAEA,EAAM,MAAA,KAAA,GAAQ,QAAS,CAAA,KAAA,EAAO,EAAE,CAAA,CAAA;AAChC,EAAI,IAAA,CAAC,KAAM,CAAA,KAAK,CAAG,EAAA;AACjB,IAAO,OAAA,KAAA,CAAM,KAAK,CAAA,CAAE,WAAY,EAAA,CAAA;AAAA,GAClC;AAEA,EAAO,OAAA,IAAA,CAAA;AACT;;;;"}
+{"version":3,"file":"parseUrlParam.js","sources":["../../../src/utils/parseUrlParam.ts"],"sourcesContent":["import { toUtc } from '@grafana/data';\nimport { SceneObjectUrlValue } from '../core/types';\n\nconst INTERVAL_STRING_REGEX = /^\\d+[yYmMsSwWhHdD]$/;\n\nexport function parseUrlParam(value: SceneObjectUrlValue): string | null {\n  if (typeof value !== 'string') {\n    return null;\n  }\n\n  if (value.indexOf('now') !== -1) {\n    return value;\n  }\n\n  if (INTERVAL_STRING_REGEX.test(value)) {\n    return value;\n  }\n\n  if (value.length === 8) {\n    const utcValue = toUtc(value, 'YYYYMMDD');\n    if (utcValue.isValid()) {\n      return utcValue.toISOString();\n    }\n  } else if (value.length === 15) {\n    const utcValue = toUtc(value, 'YYYYMMDDTHHmmss');\n    if (utcValue.isValid()) {\n      return utcValue.toISOString();\n    }\n  } else if (value.length === 19) {\n    const utcValue = toUtc(value, 'YYYY-MM-DD HH:mm:ss');\n    if (utcValue.isValid()) {\n      return utcValue.toISOString();\n    }\n  } else if (value.length === 24) {\n    const utcValue = toUtc(value);\n    return utcValue.toISOString();\n  }\n\n  const epoch = parseInt(value, 10);\n  if (!isNaN(epoch)) {\n    return toUtc(epoch).toISOString();\n  }\n\n  return null;\n}\n"],"names":[],"mappings":";;AAGA,MAAM,qBAAwB,GAAA,qBAAA;AAEvB,SAAS,cAAc,KAA2C,EAAA;AACvE,EAAI,IAAA,OAAO,UAAU,QAAU,EAAA;AAC7B,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,IAAI,KAAM,CAAA,OAAA,CAAQ,KAAK,CAAA,KAAM,EAAI,EAAA;AAC/B,IAAO,OAAA,KAAA;AAAA;AAGT,EAAI,IAAA,qBAAA,CAAsB,IAAK,CAAA,KAAK,CAAG,EAAA;AACrC,IAAO,OAAA,KAAA;AAAA;AAGT,EAAI,IAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AACtB,IAAM,MAAA,QAAA,GAAW,KAAM,CAAA,KAAA,EAAO,UAAU,CAAA;AACxC,IAAI,IAAA,QAAA,CAAS,SAAW,EAAA;AACtB,MAAA,OAAO,SAAS,WAAY,EAAA;AAAA;AAC9B,GACF,MAAA,IAAW,KAAM,CAAA,MAAA,KAAW,EAAI,EAAA;AAC9B,IAAM,MAAA,QAAA,GAAW,KAAM,CAAA,KAAA,EAAO,iBAAiB,CAAA;AAC/C,IAAI,IAAA,QAAA,CAAS,SAAW,EAAA;AACtB,MAAA,OAAO,SAAS,WAAY,EAAA;AAAA;AAC9B,GACF,MAAA,IAAW,KAAM,CAAA,MAAA,KAAW,EAAI,EAAA;AAC9B,IAAM,MAAA,QAAA,GAAW,KAAM,CAAA,KAAA,EAAO,qBAAqB,CAAA;AACnD,IAAI,IAAA,QAAA,CAAS,SAAW,EAAA;AACtB,MAAA,OAAO,SAAS,WAAY,EAAA;AAAA;AAC9B,GACF,MAAA,IAAW,KAAM,CAAA,MAAA,KAAW,EAAI,EAAA;AAC9B,IAAM,MAAA,QAAA,GAAW,MAAM,KAAK,CAAA;AAC5B,IAAA,OAAO,SAAS,WAAY,EAAA;AAAA;AAG9B,EAAM,MAAA,KAAA,GAAQ,QAAS,CAAA,KAAA,EAAO,EAAE,CAAA;AAChC,EAAI,IAAA,CAAC,KAAM,CAAA,KAAK,CAAG,EAAA;AACjB,IAAO,OAAA,KAAA,CAAM,KAAK,CAAA,CAAE,WAAY,EAAA;AAAA;AAGlC,EAAO,OAAA,IAAA;AACT;;;;"}

package/dist/esm/utils/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/utils/utils.ts"],"sourcesContent":["import { SceneObject, SceneObjectState } from '../core/types';\nimport { locationService as locationServiceRuntime, useLocationService } from '@grafana/runtime';\n\n/**\n *  This function works around the problem of Contravariance of the SceneObject.setState function\n *  Contravariance is not enforce by interfaces and here we use the SceneObject interface to access the setState function\n */\nexport function setBaseClassState<T extends SceneObjectState>(sceneObject: SceneObject<T>, newState: Partial<T>) {\n  sceneObject.setState(newState);\n}\n\n/**\n * Safe way to get location service that fallbacks to singleton for older runtime versions where useLocationService is\n * not available.\n */\nexport function useLocationServiceSafe() {\n  // This is basically a version/feature check for grafana/runtime so this 'if' should be stable (ie for one instance\n  // of grafana this will always be true or false) so it should be safe to ignore the hook rule here\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  return useLocationService ? useLocationService() : locationServiceRuntime;\n}\n"],"names":["locationServiceRuntime"],"mappings":";;AAOgB,SAAA,iBAAA,CAA8C,aAA6B,QAAsB,EAAA;AAC/G,EAAA,WAAA,CAAY,SAAS,QAAQ,CAAA,CAAA;AAC/B,CAAA;AAMO,SAAS,sBAAyB,GAAA;AAIvC,EAAO,OAAA,kBAAA,GAAqB,oBAAuB,GAAAA,eAAA,CAAA;AACrD;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../src/utils/utils.ts"],"sourcesContent":["import { SceneObject, SceneObjectState } from '../core/types';\nimport { locationService as locationServiceRuntime, useLocationService } from '@grafana/runtime';\n\n/**\n *  This function works around the problem of Contravariance of the SceneObject.setState function\n *  Contravariance is not enforce by interfaces and here we use the SceneObject interface to access the setState function\n */\nexport function setBaseClassState<T extends SceneObjectState>(sceneObject: SceneObject<T>, newState: Partial<T>) {\n  sceneObject.setState(newState);\n}\n\n/**\n * Safe way to get location service that fallbacks to singleton for older runtime versions where useLocationService is\n * not available.\n */\nexport function useLocationServiceSafe() {\n  // This is basically a version/feature check for grafana/runtime so this 'if' should be stable (ie for one instance\n  // of grafana this will always be true or false) so it should be safe to ignore the hook rule here\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  return useLocationService ? useLocationService() : locationServiceRuntime;\n}\n"],"names":["locationServiceRuntime"],"mappings":";;AAOgB,SAAA,iBAAA,CAA8C,aAA6B,QAAsB,EAAA;AAC/G,EAAA,WAAA,CAAY,SAAS,QAAQ,CAAA;AAC/B;AAMO,SAAS,sBAAyB,GAAA;AAIvC,EAAO,OAAA,kBAAA,GAAqB,oBAAuB,GAAAA,eAAA;AACrD;;;;"}

package/dist/esm/utils/wrapInSafeSerializableSceneObject.js.map

@@ -1 +1 @@
-{"version":3,"file":"wrapInSafeSerializableSceneObject.js","sources":["../../../src/utils/wrapInSafeSerializableSceneObject.ts"],"sourcesContent":["import { config } from '@grafana/runtime';\nimport { SceneObject } from '../core/types';\nimport { SafeSerializableSceneObject } from './SafeSerializableSceneObject';\nimport { ScopedVar } from '@grafana/data';\n\nexport function shouldWrapInSafeSerializableSceneObject(grafanaVersion: string): boolean {\n  const pattern = /^(\\d+)\\.(\\d+)\\.(\\d+)/;\n  const match = grafanaVersion.match(pattern);\n\n  if (!match) {\n    return false;\n  }\n\n  const major = parseInt(match[1], 10);\n  const minor = parseInt(match[2], 10);\n  const patch = parseInt(match[3], 10);\n\n  if (major === 11) {\n    return (minor === 0 && patch >= 4) || (minor === 1 && patch >= 2) || minor > 1;\n  }\n\n  if (major === 10) {\n    return (minor === 4 && patch >= 8) || minor >= 5;\n  }\n\n  return major > 11; // Assuming versions greater than 11 are also supported.\n}\n\nexport function wrapInSafeSerializableSceneObject(sceneObject: SceneObject): ScopedVar {\n  const version = config.buildInfo.version;\n\n  if (shouldWrapInSafeSerializableSceneObject(version)) {\n    return new SafeSerializableSceneObject(sceneObject);\n  }\n\n  return { value: sceneObject, text: '__sceneObject' };\n}\n"],"names":[],"mappings":";;;AAKO,SAAS,wCAAwC,cAAiC,EAAA;AACvF,EAAA,MAAM,OAAU,GAAA,sBAAA,CAAA;AAChB,EAAM,MAAA,KAAA,GAAQ,cAAe,CAAA,KAAA,CAAM,OAAO,CAAA,CAAA;AAE1C,EAAA,IAAI,CAAC,KAAO,EAAA;AACV,IAAO,OAAA,KAAA,CAAA;AAAA,GACT;AAEA,EAAA,MAAM,KAAQ,GAAA,QAAA,CAAS,KAAM,CAAA,CAAA,CAAA,EAAI,EAAE,CAAA,CAAA;AACnC,EAAA,MAAM,KAAQ,GAAA,QAAA,CAAS,KAAM,CAAA,CAAA,CAAA,EAAI,EAAE,CAAA,CAAA;AACnC,EAAA,MAAM,KAAQ,GAAA,QAAA,CAAS,KAAM,CAAA,CAAA,CAAA,EAAI,EAAE,CAAA,CAAA;AAEnC,EAAA,IAAI,UAAU,EAAI,EAAA;AAChB,IAAQ,OAAA,KAAA,KAAU,KAAK,KAAS,IAAA,CAAA,IAAO,UAAU,CAAK,IAAA,KAAA,IAAS,KAAM,KAAQ,GAAA,CAAA,CAAA;AAAA,GAC/E;AAEA,EAAA,IAAI,UAAU,EAAI,EAAA;AAChB,IAAA,OAAQ,KAAU,KAAA,CAAA,IAAK,KAAS,IAAA,CAAA,IAAM,KAAS,IAAA,CAAA,CAAA;AAAA,GACjD;AAEA,EAAA,OAAO,KAAQ,GAAA,EAAA,CAAA;AACjB,CAAA;AAEO,SAAS,kCAAkC,WAAqC,EAAA;AACrF,EAAM,MAAA,OAAA,GAAU,OAAO,SAAU,CAAA,OAAA,CAAA;AAEjC,EAAI,IAAA,uCAAA,CAAwC,OAAO,CAAG,EAAA;AACpD,IAAO,OAAA,IAAI,4BAA4B,WAAW,CAAA,CAAA;AAAA,GACpD;AAEA,EAAA,OAAO,EAAE,KAAA,EAAO,WAAa,EAAA,IAAA,EAAM,eAAgB,EAAA,CAAA;AACrD;;;;"}
+{"version":3,"file":"wrapInSafeSerializableSceneObject.js","sources":["../../../src/utils/wrapInSafeSerializableSceneObject.ts"],"sourcesContent":["import { config } from '@grafana/runtime';\nimport { SceneObject } from '../core/types';\nimport { SafeSerializableSceneObject } from './SafeSerializableSceneObject';\nimport { ScopedVar } from '@grafana/data';\n\nexport function shouldWrapInSafeSerializableSceneObject(grafanaVersion: string): boolean {\n  const pattern = /^(\\d+)\\.(\\d+)\\.(\\d+)/;\n  const match = grafanaVersion.match(pattern);\n\n  if (!match) {\n    return false;\n  }\n\n  const major = parseInt(match[1], 10);\n  const minor = parseInt(match[2], 10);\n  const patch = parseInt(match[3], 10);\n\n  if (major === 11) {\n    return (minor === 0 && patch >= 4) || (minor === 1 && patch >= 2) || minor > 1;\n  }\n\n  if (major === 10) {\n    return (minor === 4 && patch >= 8) || minor >= 5;\n  }\n\n  return major > 11; // Assuming versions greater than 11 are also supported.\n}\n\nexport function wrapInSafeSerializableSceneObject(sceneObject: SceneObject): ScopedVar {\n  const version = config.buildInfo.version;\n\n  if (shouldWrapInSafeSerializableSceneObject(version)) {\n    return new SafeSerializableSceneObject(sceneObject);\n  }\n\n  return { value: sceneObject, text: '__sceneObject' };\n}\n"],"names":[],"mappings":";;;AAKO,SAAS,wCAAwC,cAAiC,EAAA;AACvF,EAAA,MAAM,OAAU,GAAA,sBAAA;AAChB,EAAM,MAAA,KAAA,GAAQ,cAAe,CAAA,KAAA,CAAM,OAAO,CAAA;AAE1C,EAAA,IAAI,CAAC,KAAO,EAAA;AACV,IAAO,OAAA,KAAA;AAAA;AAGT,EAAA,MAAM,KAAQ,GAAA,QAAA,CAAS,KAAM,CAAA,CAAC,GAAG,EAAE,CAAA;AACnC,EAAA,MAAM,KAAQ,GAAA,QAAA,CAAS,KAAM,CAAA,CAAC,GAAG,EAAE,CAAA;AACnC,EAAA,MAAM,KAAQ,GAAA,QAAA,CAAS,KAAM,CAAA,CAAC,GAAG,EAAE,CAAA;AAEnC,EAAA,IAAI,UAAU,EAAI,EAAA;AAChB,IAAQ,OAAA,KAAA,KAAU,KAAK,KAAS,IAAA,CAAA,IAAO,UAAU,CAAK,IAAA,KAAA,IAAS,KAAM,KAAQ,GAAA,CAAA;AAAA;AAG/E,EAAA,IAAI,UAAU,EAAI,EAAA;AAChB,IAAA,OAAQ,KAAU,KAAA,CAAA,IAAK,KAAS,IAAA,CAAA,IAAM,KAAS,IAAA,CAAA;AAAA;AAGjD,EAAA,OAAO,KAAQ,GAAA,EAAA;AACjB;AAEO,SAAS,kCAAkC,WAAqC,EAAA;AACrF,EAAM,MAAA,OAAA,GAAU,OAAO,SAAU,CAAA,OAAA;AAEjC,EAAI,IAAA,uCAAA,CAAwC,OAAO,CAAG,EAAA;AACpD,IAAO,OAAA,IAAI,4BAA4B,WAAW,CAAA;AAAA;AAGpD,EAAA,OAAO,EAAE,KAAA,EAAO,WAAa,EAAA,IAAA,EAAM,eAAgB,EAAA;AACrD;;;;"}

package/dist/esm/utils/writeSceneLog.js.map

@@ -1 +1 @@
-{"version":3,"file":"writeSceneLog.js","sources":["../../../src/utils/writeSceneLog.ts"],"sourcesContent":["export function writeSceneLog(logger: string, message: string, ...rest: unknown[]) {\n  let loggingEnabled = false;\n\n  if (typeof window !== 'undefined') {\n    loggingEnabled = localStorage.getItem('grafana.debug.scenes') === 'true';\n  }\n\n  if (loggingEnabled) {\n    console.log(`${logger}: `, message, ...rest);\n  }\n}\n"],"names":[],"mappings":"AAAgB,SAAA,aAAA,CAAc,MAAgB,EAAA,OAAA,EAAA,GAAoB,IAAiB,EAAA;AACjF,EAAA,IAAI,cAAiB,GAAA,KAAA,CAAA;AAErB,EAAI,IAAA,OAAO,WAAW,WAAa,EAAA;AACjC,IAAiB,cAAA,GAAA,YAAA,CAAa,OAAQ,CAAA,sBAAsB,CAAM,KAAA,MAAA,CAAA;AAAA,GACpE;AAEA,EAAA,IAAI,cAAgB,EAAA;AAClB,IAAA,OAAA,CAAQ,GAAI,CAAA,CAAA,EAAG,MAAY,CAAA,EAAA,CAAA,EAAA,OAAA,EAAS,GAAG,IAAI,CAAA,CAAA;AAAA,GAC7C;AACF;;;;"}
+{"version":3,"file":"writeSceneLog.js","sources":["../../../src/utils/writeSceneLog.ts"],"sourcesContent":["export function writeSceneLog(logger: string, message: string, ...rest: unknown[]) {\n  let loggingEnabled = false;\n\n  if (typeof window !== 'undefined') {\n    loggingEnabled = localStorage.getItem('grafana.debug.scenes') === 'true';\n  }\n\n  if (loggingEnabled) {\n    console.log(`${logger}: `, message, ...rest);\n  }\n}\n"],"names":[],"mappings":"AAAgB,SAAA,aAAA,CAAc,MAAgB,EAAA,OAAA,EAAA,GAAoB,IAAiB,EAAA;AACjF,EAAA,IAAI,cAAiB,GAAA,KAAA;AAErB,EAAI,IAAA,OAAO,WAAW,WAAa,EAAA;AACjC,IAAiB,cAAA,GAAA,YAAA,CAAa,OAAQ,CAAA,sBAAsB,CAAM,KAAA,MAAA;AAAA;AAGpE,EAAA,IAAI,cAAgB,EAAA;AAClB,IAAA,OAAA,CAAQ,IAAI,CAAG,EAAA,MAAM,CAAM,EAAA,CAAA,EAAA,OAAA,EAAS,GAAG,IAAI,CAAA;AAAA;AAE/C;;;;"}

package/dist/esm/variables/VariableDependencyConfig.js

@@ -17,9 +17,15 @@ class VariableDependencyConfig {
       this.handleTimeMacros();
     }
   }
+  /**
+   * Used to check for dependency on a specific variable
+   */
   hasDependencyOn(name) {
     return this.getNames().has(name);
   }
+  /**
+   * This is called whenever any set of variables have new values. It is up to this implementation to check if it's relevant given the current dependencies.
+   */
   variableUpdateCompleted(variable, hasChanged) {
     const deps = this.getNames();
     let dependencyChanged = false;
@@ -77,6 +83,9 @@ class VariableDependencyConfig {
     }
     return this._dependencies;
   }
+  /**
+   * Update variableNames
+   */
   setVariableNames(varNames) {
     this._options.variableNames = varNames;
     this.scanStateForDependencies(this._state);

package/dist/esm/variables/VariableDependencyConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"VariableDependencyConfig.js","sources":["../../../src/variables/VariableDependencyConfig.ts"],"sourcesContent":["import { DataLinkBuiltInVars } from '@grafana/data';\nimport { sceneGraph } from '../core/sceneGraph';\nimport { SceneObject, SceneObjectState } from '../core/types';\nimport { writeSceneLog } from '../utils/writeSceneLog';\nimport { VARIABLE_REGEX } from './constants';\n\nimport { SceneVariable, SceneVariableDependencyConfigLike } from './types';\nimport { safeStringifyValue } from './utils';\nimport { ConstantVariable } from './variants/ConstantVariable';\n\ninterface VariableDependencyConfigOptions<TState extends SceneObjectState> {\n  /**\n   * State paths to scan / extract variable dependencies from. Leave empty to scan all paths.\n   */\n  statePaths?: Array<keyof TState | '*'>;\n\n  /**\n   * Explicit list of variable names to depend on. Leave empty to scan state for dependencies.\n   */\n  variableNames?: string[];\n\n  /**\n   * Optional way to customize how to handle when a dependent variable changes\n   * If not specified the default behavior is to trigger a re-render\n   */\n  onReferencedVariableValueChanged?: (variable: SceneVariable) => void;\n\n  /**\n   * Two scenarios trigger this callback to be called.\n   * 1. When any direct dependency changed value\n   * 2. In case hasDependencyInLoadingState was called and returned true we really care about any variable update. So in this scenario this callback is called\n   *    after any variable update completes. This is to cover scenarios where an object is waiting for indirect dependencies to complete.\n   */\n  onVariableUpdateCompleted?: () => void;\n\n  /**\n   * Optional way to subscribe to all variable value changes, even to variables that are not dependencies.\n   */\n  onAnyVariableChanged?: (variable: SceneVariable) => void;\n\n  /**\n   * Handle time macros.\n   */\n  handleTimeMacros?: boolean;\n}\n\nexport class VariableDependencyConfig<TState extends SceneObjectState> implements SceneVariableDependencyConfigLike {\n  private _state: TState | undefined;\n  private _dependencies = new Set<string>();\n  private _statePaths?: Array<keyof TState | '*'>;\n  private _isWaitingForVariables = false;\n\n  public scanCount = 0;\n\n  public constructor(\n    private _sceneObject: SceneObject<TState>,\n    private _options: VariableDependencyConfigOptions<TState>\n  ) {\n    this._statePaths = _options.statePaths;\n\n    if (this._options.handleTimeMacros) {\n      this.handleTimeMacros();\n    }\n  }\n\n  /**\n   * Used to check for dependency on a specific variable\n   */\n  public hasDependencyOn(name: string): boolean {\n    return this.getNames().has(name);\n  }\n\n  /**\n   * This is called whenever any set of variables have new values. It is up to this implementation to check if it's relevant given the current dependencies.\n   */\n  public variableUpdateCompleted(variable: SceneVariable, hasChanged: boolean) {\n    const deps = this.getNames();\n    let dependencyChanged = false;\n\n    if ((deps.has(variable.state.name) || deps.has(DataLinkBuiltInVars.includeVars)) && hasChanged) {\n      dependencyChanged = true;\n    }\n\n    writeSceneLog(\n      'VariableDependencyConfig',\n      'variableUpdateCompleted',\n      variable.state.name,\n      dependencyChanged,\n      this._isWaitingForVariables\n    );\n\n    if (this._options.onAnyVariableChanged) {\n      this._options.onAnyVariableChanged(variable);\n    }\n\n    // If custom handler called when dependency is changed or when we are waiting for variables\n    if (this._options.onVariableUpdateCompleted && (this._isWaitingForVariables || dependencyChanged)) {\n      this._options.onVariableUpdateCompleted();\n    }\n\n    if (dependencyChanged) {\n      if (this._options.onReferencedVariableValueChanged) {\n        this._options.onReferencedVariableValueChanged(variable);\n      }\n\n      // if no callbacks are specified then just do a forceRender\n      if (!this._options.onReferencedVariableValueChanged && !this._options.onVariableUpdateCompleted) {\n        this._sceneObject.forceRender();\n      }\n    }\n  }\n\n  public hasDependencyInLoadingState() {\n    if (sceneGraph.hasVariableDependencyInLoadingState(this._sceneObject)) {\n      this._isWaitingForVariables = true;\n      return true;\n    }\n\n    this._isWaitingForVariables = false;\n    return false;\n  }\n\n  public getNames(): Set<string> {\n    const prevState = this._state;\n    const newState = (this._state = this._sceneObject.state);\n\n    if (!prevState) {\n      // First time we always scan for dependencies\n      this.scanStateForDependencies(this._state);\n      return this._dependencies;\n    }\n\n    // Second time we only scan if state is a different and if any specific state path has changed\n    if (newState !== prevState) {\n      if (this._statePaths) {\n        for (const path of this._statePaths) {\n          if (path === '*' || newState[path] !== prevState[path]) {\n            this.scanStateForDependencies(newState);\n            break;\n          }\n        }\n      } else {\n        this.scanStateForDependencies(newState);\n      }\n    }\n\n    return this._dependencies;\n  }\n\n  /**\n   * Update variableNames\n   */\n  public setVariableNames(varNames: string[]) {\n    this._options.variableNames = varNames;\n    this.scanStateForDependencies(this._state!);\n  }\n\n  public setPaths(paths: Array<keyof TState | '*'>) {\n    this._statePaths = paths;\n  }\n\n  private scanStateForDependencies(state: TState) {\n    this._dependencies.clear();\n    this.scanCount += 1;\n\n    if (this._options.variableNames) {\n      for (const name of this._options.variableNames) {\n        this._dependencies.add(name);\n      }\n    }\n\n    if (this._statePaths) {\n      for (const path of this._statePaths) {\n        if (path === '*') {\n          this.extractVariablesFrom(state);\n          break;\n        } else {\n          const value = state[path];\n          if (value) {\n            this.extractVariablesFrom(value);\n          }\n        }\n      }\n    }\n  }\n\n  private extractVariablesFrom(value: unknown) {\n    VARIABLE_REGEX.lastIndex = 0;\n\n    const stringToCheck = typeof value !== 'string' ? safeStringifyValue(value) : value;\n\n    const matches = stringToCheck.matchAll(VARIABLE_REGEX);\n    if (!matches) {\n      return;\n    }\n\n    for (const match of matches) {\n      const [, var1, var2, , var3] = match;\n      const variableName = var1 || var2 || var3;\n      this._dependencies.add(variableName);\n    }\n  }\n\n  private handleTimeMacros() {\n    this._sceneObject.addActivationHandler(() => {\n      const timeRange = sceneGraph.getTimeRange(this._sceneObject);\n\n      const sub = timeRange.subscribeToState((newState, oldState) => {\n        const deps = this.getNames();\n        const hasFromDep = deps.has('__from');\n        const hasToDep = deps.has('__to');\n        const hasTimeZone = deps.has('__timezone');\n\n        if (newState.value !== oldState.value) {\n          // If you have both __from & __to as dependencies you only get notified that from changed and vice versa\n          if (hasFromDep) {\n            const variable = new ConstantVariable({ name: '__from', value: newState.from });\n            this.variableUpdateCompleted(variable, true);\n          } else if (hasToDep) {\n            const variable = new ConstantVariable({ name: '__to', value: newState.to });\n            this.variableUpdateCompleted(variable, true);\n          }\n        }\n\n        if (newState.timeZone !== oldState.timeZone && hasTimeZone) {\n          const variable = new ConstantVariable({ name: '__timezone', value: newState.timeZone });\n          this.variableUpdateCompleted(variable, true);\n        }\n      });\n\n      return () => sub.unsubscribe();\n    });\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"VariableDependencyConfig.js","sources":["../../../src/variables/VariableDependencyConfig.ts"],"sourcesContent":["import { DataLinkBuiltInVars } from '@grafana/data';\nimport { sceneGraph } from '../core/sceneGraph';\nimport { SceneObject, SceneObjectState } from '../core/types';\nimport { writeSceneLog } from '../utils/writeSceneLog';\nimport { VARIABLE_REGEX } from './constants';\n\nimport { SceneVariable, SceneVariableDependencyConfigLike } from './types';\nimport { safeStringifyValue } from './utils';\nimport { ConstantVariable } from './variants/ConstantVariable';\n\ninterface VariableDependencyConfigOptions<TState extends SceneObjectState> {\n  /**\n   * State paths to scan / extract variable dependencies from. Leave empty to scan all paths.\n   */\n  statePaths?: Array<keyof TState | '*'>;\n\n  /**\n   * Explicit list of variable names to depend on. Leave empty to scan state for dependencies.\n   */\n  variableNames?: string[];\n\n  /**\n   * Optional way to customize how to handle when a dependent variable changes\n   * If not specified the default behavior is to trigger a re-render\n   */\n  onReferencedVariableValueChanged?: (variable: SceneVariable) => void;\n\n  /**\n   * Two scenarios trigger this callback to be called.\n   * 1. When any direct dependency changed value\n   * 2. In case hasDependencyInLoadingState was called and returned true we really care about any variable update. So in this scenario this callback is called\n   *    after any variable update completes. This is to cover scenarios where an object is waiting for indirect dependencies to complete.\n   */\n  onVariableUpdateCompleted?: () => void;\n\n  /**\n   * Optional way to subscribe to all variable value changes, even to variables that are not dependencies.\n   */\n  onAnyVariableChanged?: (variable: SceneVariable) => void;\n\n  /**\n   * Handle time macros.\n   */\n  handleTimeMacros?: boolean;\n}\n\nexport class VariableDependencyConfig<TState extends SceneObjectState> implements SceneVariableDependencyConfigLike {\n  private _state: TState | undefined;\n  private _dependencies = new Set<string>();\n  private _statePaths?: Array<keyof TState | '*'>;\n  private _isWaitingForVariables = false;\n\n  public scanCount = 0;\n\n  public constructor(\n    private _sceneObject: SceneObject<TState>,\n    private _options: VariableDependencyConfigOptions<TState>\n  ) {\n    this._statePaths = _options.statePaths;\n\n    if (this._options.handleTimeMacros) {\n      this.handleTimeMacros();\n    }\n  }\n\n  /**\n   * Used to check for dependency on a specific variable\n   */\n  public hasDependencyOn(name: string): boolean {\n    return this.getNames().has(name);\n  }\n\n  /**\n   * This is called whenever any set of variables have new values. It is up to this implementation to check if it's relevant given the current dependencies.\n   */\n  public variableUpdateCompleted(variable: SceneVariable, hasChanged: boolean) {\n    const deps = this.getNames();\n    let dependencyChanged = false;\n\n    if ((deps.has(variable.state.name) || deps.has(DataLinkBuiltInVars.includeVars)) && hasChanged) {\n      dependencyChanged = true;\n    }\n\n    writeSceneLog(\n      'VariableDependencyConfig',\n      'variableUpdateCompleted',\n      variable.state.name,\n      dependencyChanged,\n      this._isWaitingForVariables\n    );\n\n    if (this._options.onAnyVariableChanged) {\n      this._options.onAnyVariableChanged(variable);\n    }\n\n    // If custom handler called when dependency is changed or when we are waiting for variables\n    if (this._options.onVariableUpdateCompleted && (this._isWaitingForVariables || dependencyChanged)) {\n      this._options.onVariableUpdateCompleted();\n    }\n\n    if (dependencyChanged) {\n      if (this._options.onReferencedVariableValueChanged) {\n        this._options.onReferencedVariableValueChanged(variable);\n      }\n\n      // if no callbacks are specified then just do a forceRender\n      if (!this._options.onReferencedVariableValueChanged && !this._options.onVariableUpdateCompleted) {\n        this._sceneObject.forceRender();\n      }\n    }\n  }\n\n  public hasDependencyInLoadingState() {\n    if (sceneGraph.hasVariableDependencyInLoadingState(this._sceneObject)) {\n      this._isWaitingForVariables = true;\n      return true;\n    }\n\n    this._isWaitingForVariables = false;\n    return false;\n  }\n\n  public getNames(): Set<string> {\n    const prevState = this._state;\n    const newState = (this._state = this._sceneObject.state);\n\n    if (!prevState) {\n      // First time we always scan for dependencies\n      this.scanStateForDependencies(this._state);\n      return this._dependencies;\n    }\n\n    // Second time we only scan if state is a different and if any specific state path has changed\n    if (newState !== prevState) {\n      if (this._statePaths) {\n        for (const path of this._statePaths) {\n          if (path === '*' || newState[path] !== prevState[path]) {\n            this.scanStateForDependencies(newState);\n            break;\n          }\n        }\n      } else {\n        this.scanStateForDependencies(newState);\n      }\n    }\n\n    return this._dependencies;\n  }\n\n  /**\n   * Update variableNames\n   */\n  public setVariableNames(varNames: string[]) {\n    this._options.variableNames = varNames;\n    this.scanStateForDependencies(this._state!);\n  }\n\n  public setPaths(paths: Array<keyof TState | '*'>) {\n    this._statePaths = paths;\n  }\n\n  private scanStateForDependencies(state: TState) {\n    this._dependencies.clear();\n    this.scanCount += 1;\n\n    if (this._options.variableNames) {\n      for (const name of this._options.variableNames) {\n        this._dependencies.add(name);\n      }\n    }\n\n    if (this._statePaths) {\n      for (const path of this._statePaths) {\n        if (path === '*') {\n          this.extractVariablesFrom(state);\n          break;\n        } else {\n          const value = state[path];\n          if (value) {\n            this.extractVariablesFrom(value);\n          }\n        }\n      }\n    }\n  }\n\n  private extractVariablesFrom(value: unknown) {\n    VARIABLE_REGEX.lastIndex = 0;\n\n    const stringToCheck = typeof value !== 'string' ? safeStringifyValue(value) : value;\n\n    const matches = stringToCheck.matchAll(VARIABLE_REGEX);\n    if (!matches) {\n      return;\n    }\n\n    for (const match of matches) {\n      const [, var1, var2, , var3] = match;\n      const variableName = var1 || var2 || var3;\n      this._dependencies.add(variableName);\n    }\n  }\n\n  private handleTimeMacros() {\n    this._sceneObject.addActivationHandler(() => {\n      const timeRange = sceneGraph.getTimeRange(this._sceneObject);\n\n      const sub = timeRange.subscribeToState((newState, oldState) => {\n        const deps = this.getNames();\n        const hasFromDep = deps.has('__from');\n        const hasToDep = deps.has('__to');\n        const hasTimeZone = deps.has('__timezone');\n\n        if (newState.value !== oldState.value) {\n          // If you have both __from & __to as dependencies you only get notified that from changed and vice versa\n          if (hasFromDep) {\n            const variable = new ConstantVariable({ name: '__from', value: newState.from });\n            this.variableUpdateCompleted(variable, true);\n          } else if (hasToDep) {\n            const variable = new ConstantVariable({ name: '__to', value: newState.to });\n            this.variableUpdateCompleted(variable, true);\n          }\n        }\n\n        if (newState.timeZone !== oldState.timeZone && hasTimeZone) {\n          const variable = new ConstantVariable({ name: '__timezone', value: newState.timeZone });\n          this.variableUpdateCompleted(variable, true);\n        }\n      });\n\n      return () => sub.unsubscribe();\n    });\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/variables/VariableValueRecorder.js.map

@@ -1 +1 @@
-{"version":3,"file":"VariableValueRecorder.js","sources":["../../../src/variables/VariableValueRecorder.ts"],"sourcesContent":["import { sceneGraph } from '../core/sceneGraph';\nimport { SceneObject } from '../core/types';\nimport { SceneVariable, VariableValue } from './types';\nimport { isVariableValueEqual } from './utils';\n\n/**\n * Useful for remembering variable values to know if they have changed\n **/\nexport class VariableValueRecorder {\n  private _values = new Map<string, VariableValue | undefined | null>();\n\n  public recordCurrentDependencyValuesForSceneObject(sceneObject: SceneObject) {\n    this.clearValues();\n\n    if (!sceneObject.variableDependency) {\n      return;\n    }\n\n    for (const variableName of sceneObject.variableDependency.getNames()) {\n      const variable = sceneGraph.lookupVariable(variableName, sceneObject);\n      if (variable) {\n        this._values.set(variable.state.name, variable.getValue());\n      }\n    }\n  }\n\n  public cloneAndRecordCurrentValuesForSceneObject(sceneObject: SceneObject) {\n    const clone = new VariableValueRecorder();\n    clone.recordCurrentDependencyValuesForSceneObject(sceneObject);\n    return clone;\n  }\n\n  public clearValues() {\n    this._values.clear();\n  }\n\n  public hasValues(): boolean {\n    return !!this._values;\n  }\n\n  public recordCurrentValue(variable: SceneVariable) {\n    this._values.set(variable.state.name, variable.getValue());\n  }\n\n  public hasRecordedValue(variable: SceneVariable): boolean {\n    return this._values.has(variable.state.name);\n  }\n\n  public hasValueChanged(variable: SceneVariable): boolean {\n    if (this._values.has(variable.state.name)) {\n      const value = this._values.get(variable.state.name);\n      if (!isVariableValueEqual(value, variable.getValue())) {\n        return true;\n      }\n    }\n\n    return false;\n  }\n\n  public hasDependenciesChanged(sceneObject: SceneObject): boolean {\n    if (!this._values) {\n      return false;\n    }\n\n    if (!sceneObject.variableDependency) {\n      return false;\n    }\n\n    for (const variableName of sceneObject.variableDependency.getNames()) {\n      const variable = sceneGraph.lookupVariable(variableName, sceneObject);\n      if (!variable) {\n        continue;\n      }\n\n      const name = variable.state.name;\n\n      if (variable && this._values.has(name)) {\n        const value = this._values.get(name);\n        if (!isVariableValueEqual(value, variable.getValue())) {\n          return true;\n        }\n      }\n    }\n\n    return false;\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"VariableValueRecorder.js","sources":["../../../src/variables/VariableValueRecorder.ts"],"sourcesContent":["import { sceneGraph } from '../core/sceneGraph';\nimport { SceneObject } from '../core/types';\nimport { SceneVariable, VariableValue } from './types';\nimport { isVariableValueEqual } from './utils';\n\n/**\n * Useful for remembering variable values to know if they have changed\n **/\nexport class VariableValueRecorder {\n  private _values = new Map<string, VariableValue | undefined | null>();\n\n  public recordCurrentDependencyValuesForSceneObject(sceneObject: SceneObject) {\n    this.clearValues();\n\n    if (!sceneObject.variableDependency) {\n      return;\n    }\n\n    for (const variableName of sceneObject.variableDependency.getNames()) {\n      const variable = sceneGraph.lookupVariable(variableName, sceneObject);\n      if (variable) {\n        this._values.set(variable.state.name, variable.getValue());\n      }\n    }\n  }\n\n  public cloneAndRecordCurrentValuesForSceneObject(sceneObject: SceneObject) {\n    const clone = new VariableValueRecorder();\n    clone.recordCurrentDependencyValuesForSceneObject(sceneObject);\n    return clone;\n  }\n\n  public clearValues() {\n    this._values.clear();\n  }\n\n  public hasValues(): boolean {\n    return !!this._values;\n  }\n\n  public recordCurrentValue(variable: SceneVariable) {\n    this._values.set(variable.state.name, variable.getValue());\n  }\n\n  public hasRecordedValue(variable: SceneVariable): boolean {\n    return this._values.has(variable.state.name);\n  }\n\n  public hasValueChanged(variable: SceneVariable): boolean {\n    if (this._values.has(variable.state.name)) {\n      const value = this._values.get(variable.state.name);\n      if (!isVariableValueEqual(value, variable.getValue())) {\n        return true;\n      }\n    }\n\n    return false;\n  }\n\n  public hasDependenciesChanged(sceneObject: SceneObject): boolean {\n    if (!this._values) {\n      return false;\n    }\n\n    if (!sceneObject.variableDependency) {\n      return false;\n    }\n\n    for (const variableName of sceneObject.variableDependency.getNames()) {\n      const variable = sceneGraph.lookupVariable(variableName, sceneObject);\n      if (!variable) {\n        continue;\n      }\n\n      const name = variable.state.name;\n\n      if (variable && this._values.has(name)) {\n        const value = this._values.get(name);\n        if (!isVariableValueEqual(value, variable.getValue())) {\n          return true;\n        }\n      }\n    }\n\n    return false;\n  }\n}\n"],"names":[],"mappings":";;;AAQO,MAAM,qBAAsB,CAAA;AAAA,EAA5B,WAAA,GAAA;AACL,IAAQ,IAAA,CAAA,OAAA,uBAAc,GAA8C,EAAA;AAAA;AAAA,EAE7D,4CAA4C,WAA0B,EAAA;AAC3E,IAAA,IAAA,CAAK,WAAY,EAAA;AAEjB,IAAI,IAAA,CAAC,YAAY,kBAAoB,EAAA;AACnC,MAAA;AAAA;AAGF,IAAA,KAAA,MAAW,YAAgB,IAAA,WAAA,CAAY,kBAAmB,CAAA,QAAA,EAAY,EAAA;AACpE,MAAA,MAAM,QAAW,GAAA,UAAA,CAAW,cAAe,CAAA,YAAA,EAAc,WAAW,CAAA;AACpE,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,IAAA,CAAK,QAAQ,GAAI,CAAA,QAAA,CAAS,MAAM,IAAM,EAAA,QAAA,CAAS,UAAU,CAAA;AAAA;AAC3D;AACF;AACF,EAEO,0CAA0C,WAA0B,EAAA;AACzE,IAAM,MAAA,KAAA,GAAQ,IAAI,qBAAsB,EAAA;AACxC,IAAA,KAAA,CAAM,4CAA4C,WAAW,CAAA;AAC7D,IAAO,OAAA,KAAA;AAAA;AACT,EAEO,WAAc,GAAA;AACnB,IAAA,IAAA,CAAK,QAAQ,KAAM,EAAA;AAAA;AACrB,EAEO,SAAqB,GAAA;AAC1B,IAAO,OAAA,CAAC,CAAC,IAAK,CAAA,OAAA;AAAA;AAChB,EAEO,mBAAmB,QAAyB,EAAA;AACjD,IAAA,IAAA,CAAK,QAAQ,GAAI,CAAA,QAAA,CAAS,MAAM,IAAM,EAAA,QAAA,CAAS,UAAU,CAAA;AAAA;AAC3D,EAEO,iBAAiB,QAAkC,EAAA;AACxD,IAAA,OAAO,IAAK,CAAA,OAAA,CAAQ,GAAI,CAAA,QAAA,CAAS,MAAM,IAAI,CAAA;AAAA;AAC7C,EAEO,gBAAgB,QAAkC,EAAA;AACvD,IAAA,IAAI,KAAK,OAAQ,CAAA,GAAA,CAAI,QAAS,CAAA,KAAA,CAAM,IAAI,CAAG,EAAA;AACzC,MAAA,MAAM,QAAQ,IAAK,CAAA,OAAA,CAAQ,GAAI,CAAA,QAAA,CAAS,MAAM,IAAI,CAAA;AAClD,MAAA,IAAI,CAAC,oBAAqB,CAAA,KAAA,EAAO,QAAS,CAAA,QAAA,EAAU,CAAG,EAAA;AACrD,QAAO,OAAA,IAAA;AAAA;AACT;AAGF,IAAO,OAAA,KAAA;AAAA;AACT,EAEO,uBAAuB,WAAmC,EAAA;AAC/D,IAAI,IAAA,CAAC,KAAK,OAAS,EAAA;AACjB,MAAO,OAAA,KAAA;AAAA;AAGT,IAAI,IAAA,CAAC,YAAY,kBAAoB,EAAA;AACnC,MAAO,OAAA,KAAA;AAAA;AAGT,IAAA,KAAA,MAAW,YAAgB,IAAA,WAAA,CAAY,kBAAmB,CAAA,QAAA,EAAY,EAAA;AACpE,MAAA,MAAM,QAAW,GAAA,UAAA,CAAW,cAAe,CAAA,YAAA,EAAc,WAAW,CAAA;AACpE,MAAA,IAAI,CAAC,QAAU,EAAA;AACb,QAAA;AAAA;AAGF,MAAM,MAAA,IAAA,GAAO,SAAS,KAAM,CAAA,IAAA;AAE5B,MAAA,IAAI,QAAY,IAAA,IAAA,CAAK,OAAQ,CAAA,GAAA,CAAI,IAAI,CAAG,EAAA;AACtC,QAAA,MAAM,KAAQ,GAAA,IAAA,CAAK,OAAQ,CAAA,GAAA,CAAI,IAAI,CAAA;AACnC,QAAA,IAAI,CAAC,oBAAqB,CAAA,KAAA,EAAO,QAAS,CAAA,QAAA,EAAU,CAAG,EAAA;AACrD,UAAO,OAAA,IAAA;AAAA;AACT;AACF;AAGF,IAAO,OAAA,KAAA;AAAA;AAEX;;;;"}

package/dist/esm/variables/adhoc/AdHocFilterBuilder.js

@@ -5,19 +5,20 @@ import { Button } from '@grafana/ui';
 function AdHocFilterBuilder({ model, addFilterButtonText }) {
   const { _wip } = model.useState();
   if (!_wip) {
-    return /* @__PURE__ */ React.createElement(Button, {
-      variant: "secondary",
-      icon: "plus",
-      title: "Add filter",
-      "aria-label": "Add filter",
-      "data-testid": `AdHocFilter-add`,
-      onClick: () => model._addWip()
-    }, addFilterButtonText);
+    return /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        variant: "secondary",
+        icon: "plus",
+        title: "Add filter",
+        "aria-label": "Add filter",
+        "data-testid": `AdHocFilter-add`,
+        onClick: () => model._addWip()
+      },
+      addFilterButtonText
+    );
   }
-  return /* @__PURE__ */ React.createElement(AdHocFilterRenderer, {
-    filter: _wip,
-    model
-  });
+  return /* @__PURE__ */ React.createElement(AdHocFilterRenderer, { filter: _wip, model });
 }
 
 export { AdHocFilterBuilder };

package/dist/esm/variables/adhoc/AdHocFilterBuilder.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdHocFilterBuilder.js","sources":["../../../../src/variables/adhoc/AdHocFilterBuilder.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AdHocFilterRenderer } from './AdHocFilterRenderer';\nimport { AdHocFiltersVariable } from './AdHocFiltersVariable';\nimport { Button } from '@grafana/ui';\n\ninterface Props {\n  model: AdHocFiltersVariable;\n  addFilterButtonText?: string;\n}\n\nexport function AdHocFilterBuilder({ model, addFilterButtonText }: Props) {\n  const { _wip } = model.useState();\n\n  if (!_wip) {\n    return (\n      <Button\n        variant=\"secondary\"\n        icon=\"plus\"\n        title={'Add filter'}\n        aria-label=\"Add filter\"\n        data-testid={`AdHocFilter-add`}\n        onClick={() => model._addWip()}\n      >\n        {addFilterButtonText}\n      </Button>\n    );\n  }\n\n  return <AdHocFilterRenderer filter={_wip} model={model} />;\n}\n"],"names":[],"mappings":";;;;AAWO,SAAS,kBAAmB,CAAA,EAAE,KAAO,EAAA,mBAAA,EAA8B,EAAA;AACxE,EAAA,MAAM,EAAE,IAAA,EAAS,GAAA,KAAA,CAAM,QAAS,EAAA,CAAA;AAEhC,EAAA,IAAI,CAAC,IAAM,EAAA;AACT,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,MACC,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,KAAO,EAAA,YAAA;AAAA,MACP,YAAW,EAAA,YAAA;AAAA,MACX,aAAa,EAAA,CAAA,eAAA,CAAA;AAAA,MACb,OAAA,EAAS,MAAM,KAAA,CAAM,OAAQ,EAAA;AAAA,KAAA,EAE5B,mBACH,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,mBAAA,EAAA;AAAA,IAAoB,MAAQ,EAAA,IAAA;AAAA,IAAM,KAAA;AAAA,GAAc,CAAA,CAAA;AAC1D;;;;"}
+{"version":3,"file":"AdHocFilterBuilder.js","sources":["../../../../src/variables/adhoc/AdHocFilterBuilder.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AdHocFilterRenderer } from './AdHocFilterRenderer';\nimport { AdHocFiltersVariable } from './AdHocFiltersVariable';\nimport { Button } from '@grafana/ui';\n\ninterface Props {\n  model: AdHocFiltersVariable;\n  addFilterButtonText?: string;\n}\n\nexport function AdHocFilterBuilder({ model, addFilterButtonText }: Props) {\n  const { _wip } = model.useState();\n\n  if (!_wip) {\n    return (\n      <Button\n        variant=\"secondary\"\n        icon=\"plus\"\n        title={'Add filter'}\n        aria-label=\"Add filter\"\n        data-testid={`AdHocFilter-add`}\n        onClick={() => model._addWip()}\n      >\n        {addFilterButtonText}\n      </Button>\n    );\n  }\n\n  return <AdHocFilterRenderer filter={_wip} model={model} />;\n}\n"],"names":[],"mappings":";;;;AAWO,SAAS,kBAAmB,CAAA,EAAE,KAAO,EAAA,mBAAA,EAA8B,EAAA;AACxE,EAAA,MAAM,EAAE,IAAA,EAAS,GAAA,KAAA,CAAM,QAAS,EAAA;AAEhC,EAAA,IAAI,CAAC,IAAM,EAAA;AACT,IACE,uBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,WAAA;AAAA,QACR,IAAK,EAAA,MAAA;AAAA,QACL,KAAO,EAAA,YAAA;AAAA,QACP,YAAW,EAAA,YAAA;AAAA,QACX,aAAa,EAAA,CAAA,eAAA,CAAA;AAAA,QACb,OAAA,EAAS,MAAM,KAAA,CAAM,OAAQ;AAAA,OAAA;AAAA,MAE5B;AAAA,KACH;AAAA;AAIJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,mBAAA,EAAA,EAAoB,MAAQ,EAAA,IAAA,EAAM,KAAc,EAAA,CAAA;AAC1D;;;;"}

package/dist/esm/variables/adhoc/AdHocFilterRenderer.js

@@ -1,28 +1,12 @@
 import React, { useState, useMemo } from 'react';
 import { isMultiValueOperator } from './AdHocFiltersVariable.js';
 import { useStyles2, Select, Field, Button } from '@grafana/ui';
-import { cx, css } from '@emotion/css';
+import { css, cx } from '@emotion/css';
 import { ControlsLabel } from '../../utils/ControlsLabel.js';
 import { getAdhocOptionSearcher } from './getAdhocOptionSearcher.js';
 import { handleOptionGroups } from '../utils.js';
 import { OptionWithCheckbox } from '../components/VariableValueSelect.js';
 
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
 function keyLabelToOption(key, label) {
   return key !== "" ? {
     value: key,
@@ -103,146 +87,144 @@ function AdHocFilterRenderer({ filter, model }) {
       var _a2, _b2;
       model._updateFilter(filter, {
         value: (_b2 = (_a2 = uncommittedValue[0]) == null ? void 0 : _a2.value) != null ? _b2 : "",
+        // TODO remove expect-error when we're on the latest version of @grafana/data
         values: uncommittedValue.map((option) => option.value),
         valueLabels: uncommittedValue.map((option) => option.label)
       });
     }
   };
-  const valueSelect = /* @__PURE__ */ React.createElement(Select, __spreadValues({
-    virtualized: true,
-    allowCustomValue: (_b = model.state.allowCustomValue) != null ? _b : true,
-    isValidNewOption: (inputValue) => inputValue.trim().length > 0,
-    allowCreateWhileLoading: true,
-    formatCreateLabel: (inputValue) => `Use custom value: ${inputValue}`,
-    disabled: model.state.readOnly,
-    className: cx(styles.value, isValuesOpen ? styles.widthWhenOpen : void 0),
-    width: "auto",
-    value: valueValue,
-    filterOption: filterNoOp,
-    placeholder: "Select value",
-    options: filteredValueOptions,
-    inputValue: valueInputValue,
-    onInputChange: onValueInputChange,
-    onChange: (v) => {
-      if (onAddCustomValue && v.__isNew__) {
-        model._updateFilter(filter, onAddCustomValue(v, filter));
-      } else {
+  const valueSelect = /* @__PURE__ */ React.createElement(
+    Select,
+    {
+      virtualized: true,
+      allowCustomValue: (_b = model.state.allowCustomValue) != null ? _b : true,
+      isValidNewOption: (inputValue) => inputValue.trim().length > 0,
+      allowCreateWhileLoading: true,
+      formatCreateLabel: (inputValue) => `Use custom value: ${inputValue}`,
+      disabled: model.state.readOnly,
+      className: cx(styles.value, isValuesOpen ? styles.widthWhenOpen : void 0),
+      width: "auto",
+      value: valueValue,
+      filterOption: filterNoOp,
+      placeholder: "Select value",
+      options: filteredValueOptions,
+      inputValue: valueInputValue,
+      onInputChange: onValueInputChange,
+      onChange: (v) => {
+        if (onAddCustomValue && v.__isNew__) {
+          model._updateFilter(filter, onAddCustomValue(v, filter));
+        } else {
+          model._updateFilter(filter, {
+            value: v.value,
+            valueLabels: v.label ? [v.label] : [v.value]
+          });
+        }
+        if (valueHasCustomValue !== v.__isNew__) {
+          setValueHasCustomValue(v.__isNew__);
+        }
+      },
+      isOpen: isValuesOpen && !isValuesLoading,
+      isLoading: isValuesLoading,
+      openMenuOnFocus: true,
+      onOpenMenu: async () => {
+        var _a2;
+        setIsValuesLoading(true);
+        setIsValuesOpen(true);
+        const values2 = await model._getValuesFor(filter);
+        setIsValuesLoading(false);
+        setValues(values2);
+        if (valueHasCustomValue) {
+          setValueInputValue((_a2 = valueValue == null ? void 0 : valueValue.label) != null ? _a2 : "");
+        }
+      },
+      onCloseMenu: () => {
+        setIsValuesOpen(false);
+        setValueInputValue("");
+      },
+      ...isMultiValue && multiValueProps
+    }
+  );
+  const keySelect = /* @__PURE__ */ React.createElement(
+    Select,
+    {
+      key: `${isValuesLoading ? "loading" : "loaded"}`,
+      disabled: model.state.readOnly,
+      className: cx(styles.key, isKeysOpen ? styles.widthWhenOpen : void 0),
+      width: "auto",
+      allowCustomValue: (_c = model.state.allowCustomValue) != null ? _c : true,
+      value: keyValue,
+      placeholder: "Select label",
+      options: handleOptionGroups(keys),
+      onChange: (v) => {
         model._updateFilter(filter, {
-          value: v.value,
-          valueLabels: v.label ? [v.label] : [v.value]
+          key: v.value,
+          keyLabel: v.label,
+          // clear value if key has changed
+          value: "",
+          valueLabels: [""],
+          values: void 0
         });
-      }
-      if (valueHasCustomValue !== v.__isNew__) {
-        setValueHasCustomValue(v.__isNew__);
-      }
-    },
-    isOpen: isValuesOpen && !isValuesLoading,
-    isLoading: isValuesLoading,
-    openMenuOnFocus: true,
-    onOpenMenu: async () => {
-      var _a2;
-      setIsValuesLoading(true);
-      setIsValuesOpen(true);
-      const values2 = await model._getValuesFor(filter);
-      setIsValuesLoading(false);
-      setValues(values2);
-      if (valueHasCustomValue) {
-        setValueInputValue((_a2 = valueValue == null ? void 0 : valueValue.label) != null ? _a2 : "");
-      }
-    },
-    onCloseMenu: () => {
-      setIsValuesOpen(false);
-      setValueInputValue("");
+        setUncommittedValue([]);
+      },
+      autoFocus: filter.key === "",
+      isOpen: isKeysOpen && !isKeysLoading,
+      isLoading: isKeysLoading,
+      onOpenMenu: async () => {
+        setIsKeysOpen(true);
+        setIsKeysLoading(true);
+        const keys2 = await model._getKeys(filter.key);
+        setIsKeysLoading(false);
+        setKeys(keys2);
+      },
+      onCloseMenu: () => {
+        setIsKeysOpen(false);
+      },
+      onBlur: () => {
+        if (filter.key === "") {
+          model._removeFilter(filter);
+        }
+      },
+      openMenuOnFocus: true
     }
-  }, isMultiValue && multiValueProps));
-  const keySelect = /* @__PURE__ */ React.createElement(Select, {
-    key: `${isValuesLoading ? "loading" : "loaded"}`,
-    disabled: model.state.readOnly,
-    className: cx(styles.key, isKeysOpen ? styles.widthWhenOpen : void 0),
-    width: "auto",
-    allowCustomValue: (_c = model.state.allowCustomValue) != null ? _c : true,
-    value: keyValue,
-    placeholder: "Select label",
-    options: handleOptionGroups(keys),
-    onChange: (v) => {
-      model._updateFilter(filter, {
-        key: v.value,
-        keyLabel: v.label,
-        value: "",
-        valueLabels: [""],
-        values: void 0
-      });
-      setUncommittedValue([]);
-    },
-    autoFocus: filter.key === "",
-    isOpen: isKeysOpen && !isKeysLoading,
-    isLoading: isKeysLoading,
-    onOpenMenu: async () => {
-      setIsKeysOpen(true);
-      setIsKeysLoading(true);
-      const keys2 = await model._getKeys(filter.key);
-      setIsKeysLoading(false);
-      setKeys(keys2);
-    },
-    onCloseMenu: () => {
-      setIsKeysOpen(false);
-    },
-    onBlur: () => {
-      if (filter.key === "") {
-        model._removeFilter(filter);
+  );
+  const operatorSelect = /* @__PURE__ */ React.createElement(
+    Select,
+    {
+      className: cx(styles.operator, {
+        [styles.widthWhenOpen]: isOperatorOpen
+      }),
+      value: filter.operator,
+      disabled: model.state.readOnly,
+      options: model._getOperators(),
+      onChange: onOperatorChange,
+      onOpenMenu: () => {
+        setIsOperatorOpen(true);
+      },
+      onCloseMenu: () => {
+        setIsOperatorOpen(false);
       }
-    },
-    openMenuOnFocus: true
-  });
-  const operatorSelect = /* @__PURE__ */ React.createElement(Select, {
-    className: cx(styles.operator, {
-      [styles.widthWhenOpen]: isOperatorOpen
-    }),
-    value: filter.operator,
-    disabled: model.state.readOnly,
-    options: model._getOperators(),
-    onChange: onOperatorChange,
-    onOpenMenu: () => {
-      setIsOperatorOpen(true);
-    },
-    onCloseMenu: () => {
-      setIsOperatorOpen(false);
     }
-  });
+  );
   if (model.state.layout === "vertical") {
     if (filter.key) {
-      const label = /* @__PURE__ */ React.createElement(ControlsLabel, {
-        layout: "vertical",
-        label: (_d = filter.key) != null ? _d : "",
-        onRemove: () => model._removeFilter(filter)
-      });
-      return /* @__PURE__ */ React.createElement(Field, {
-        label,
-        "data-testid": `AdHocFilter-${filter.key}`,
-        className: styles.field
-      }, /* @__PURE__ */ React.createElement("div", {
-        className: styles.wrapper
-      }, operatorSelect, valueSelect));
+      const label = /* @__PURE__ */ React.createElement(ControlsLabel, { layout: "vertical", label: (_d = filter.key) != null ? _d : "", onRemove: () => model._removeFilter(filter) });
+      return /* @__PURE__ */ React.createElement(Field, { label, "data-testid": `AdHocFilter-${filter.key}`, className: styles.field }, /* @__PURE__ */ React.createElement("div", { className: styles.wrapper }, operatorSelect, valueSelect));
     } else {
-      return /* @__PURE__ */ React.createElement(Field, {
-        label: "Select label",
-        "data-testid": `AdHocFilter-${filter.key}`,
-        className: styles.field
-      }, keySelect);
+      return /* @__PURE__ */ React.createElement(Field, { label: "Select label", "data-testid": `AdHocFilter-${filter.key}`, className: styles.field }, keySelect);
     }
   }
-  return /* @__PURE__ */ React.createElement("div", {
-    className: styles.wrapper,
-    "data-testid": `AdHocFilter-${filter.key}`
-  }, keySelect, operatorSelect, valueSelect, /* @__PURE__ */ React.createElement(Button, {
-    variant: "secondary",
-    "aria-label": "Remove filter",
-    title: "Remove filter",
-    className: styles.removeButton,
-    icon: "times",
-    "data-testid": `AdHocFilter-remove-${(_e = filter.key) != null ? _e : ""}`,
-    onClick: () => model._removeFilter(filter)
-  }));
+  return /* @__PURE__ */ React.createElement("div", { className: styles.wrapper, "data-testid": `AdHocFilter-${filter.key}` }, keySelect, operatorSelect, valueSelect, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      variant: "secondary",
+      "aria-label": "Remove filter",
+      title: "Remove filter",
+      className: styles.removeButton,
+      icon: "times",
+      "data-testid": `AdHocFilter-remove-${(_e = filter.key) != null ? _e : ""}`,
+      onClick: () => model._removeFilter(filter)
+    }
+  ));
 }
 const getStyles = (theme) => ({
   field: css({
@@ -252,6 +234,7 @@ const getStyles = (theme) => ({
     display: "flex",
     "> *": {
       "&:not(:first-child)": {
+        // Negative margin hides the double-border on adjacent selects
         marginLeft: -1
       },
       "&:first-child": {
@@ -265,8 +248,11 @@ const getStyles = (theme) => ({
       "&:not(:first-child):not(:last-child)": {
         borderRadius: 0
       },
+      // Fix focus state zIndex issues
       position: "relative",
       zIndex: 0,
+      // Adjacent borders are overlapping, so raise children up when hovering etc
+      // so all that child's borders are visible.
       "&:hover": {
         zIndex: 1
       },
@@ -299,6 +285,7 @@ const getStyles = (theme) => ({
     width: theme.spacing(3),
     marginRight: theme.spacing(1),
     boxSizing: "border-box",
+    // To not have button background and last select border intersect
     position: "relative",
     left: "1px"
   })