@perses-dev/prometheus-plugin 0.48.0 → 0.49.0-rc.0

package/dist/plugins/prometheus-time-series-query/PrometheusTimeSeriesQueryEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/plugins/prometheus-time-series-query/PrometheusTimeSeriesQueryEditor.tsx"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { produce } from 'immer';\nimport { DatasourceSelect, DatasourceSelectProps, useDatasource, useDatasourceClient } from '@perses-dev/plugin-system';\nimport { FormControl, InputLabel, Stack, TextField } from '@mui/material';\nimport {\n  DEFAULT_PROM,\n  DurationString,\n  isDefaultPromSelector,\n  isPrometheusDatasourceSelector,\n  PROM_DATASOURCE_KIND,\n  PrometheusClient,\n} from '../../model';\nimport { DEFAULT_SCRAPE_INTERVAL, PrometheusDatasourceSpec } from '../types';\nimport { PromQLEditor } from '../../components';\nimport {\n  PrometheusTimeSeriesQueryEditorProps,\n  useQueryState,\n  useFormatState,\n  useMinStepState,\n} from './query-editor-model';\n\n/**\n * The options editor component for editing a PrometheusTimeSeriesQuery's spec.\n */\nexport function PrometheusTimeSeriesQueryEditor(props: PrometheusTimeSeriesQueryEditorProps) {\n  const { onChange, value } = props;\n  const { datasource } = value;\n  const selectedDatasource = datasource ?? DEFAULT_PROM;\n  const datasourceSelectLabelID = `prom-datasource-label-${selectedDatasource.name || 'default'}`;\n\n  const { data: client } = useDatasourceClient<PrometheusClient>(selectedDatasource);\n  const promURL = client?.options.datasourceUrl;\n  const { data: datasourceResource } = useDatasource(selectedDatasource);\n\n  const { query, handleQueryChange, handleQueryBlur } = useQueryState(props);\n  const { format, handleFormatChange, handleFormatBlur } = useFormatState(props);\n  const { minStep, handleMinStepChange, handleMinStepBlur } = useMinStepState(props);\n  const minStepPlaceholder =\n    minStep ??\n    (datasourceResource && (datasourceResource?.plugin.spec as PrometheusDatasourceSpec).scrapeInterval) ??\n    DEFAULT_SCRAPE_INTERVAL;\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (next) => {\n    if (isPrometheusDatasourceSelector(next)) {\n      onChange(\n        produce(value, (draft) => {\n          // If they're using the default, just omit the datasource prop (i.e. set to undefined)\n          const nextDatasource = isDefaultPromSelector(next) ? undefined : next;\n          draft.datasource = nextDatasource;\n        })\n      );\n      return;\n    }\n\n    throw new Error('Got unexpected non-Prometheus datasource selector');\n  };\n\n  return (\n    <Stack spacing={2}>\n      <FormControl margin=\"dense\" fullWidth={false}>\n        <InputLabel id={datasourceSelectLabelID}>Prometheus Datasource</InputLabel>\n        <DatasourceSelect\n          datasourcePluginKind={PROM_DATASOURCE_KIND}\n          value={selectedDatasource}\n          onChange={handleDatasourceChange}\n          labelId={datasourceSelectLabelID}\n          label=\"Prometheus Datasource\"\n        />\n      </FormControl>\n      <PromQLEditor\n        completeConfig={{ remote: { url: promURL } }}\n        value={query}\n        onChange={handleQueryChange}\n        onBlur={handleQueryBlur}\n      />\n      <Stack direction=\"row\" spacing={2}>\n        <TextField\n          fullWidth\n          label=\"Legend Name\"\n          placeholder=\"Tip: Use {{label_name}}. Example: {{instance}} will be replaced with values such as 'webserver-123' and 'webserver-456'.\"\n          helperText=\"Name for each series in the legend and the tooltip.\"\n          value={format ?? ''}\n          onChange={(e) => handleFormatChange(e.target.value)}\n          onBlur={handleFormatBlur}\n        />\n        <TextField\n          label=\"Min Step\"\n          placeholder={minStepPlaceholder}\n          helperText=\"Step parameter of the query. Used by $__interval and $__rate_interval too.\"\n          value={minStep}\n          onChange={(e) => handleMinStepChange(e.target.value as DurationString)}\n          onBlur={handleMinStepBlur}\n          sx={{ width: '250px' }}\n        />\n      </Stack>\n    </Stack>\n  );\n}\n"],"names":["produce","DatasourceSelect","useDatasource","useDatasourceClient","FormControl","InputLabel","Stack","TextField","DEFAULT_PROM","isDefaultPromSelector","isPrometheusDatasourceSelector","PROM_DATASOURCE_KIND","DEFAULT_SCRAPE_INTERVAL","PromQLEditor","useQueryState","useFormatState","useMinStepState","PrometheusTimeSeriesQueryEditor","props","onChange","value","datasource","selectedDatasource","datasourceSelectLabelID","name","data","client","promURL","options","datasourceUrl","datasourceResource","query","handleQueryChange","handleQueryBlur","format","handleFormatChange","handleFormatBlur","minStep","handleMinStepChange","handleMinStepBlur","minStepPlaceholder","plugin","spec","scrapeInterval","handleDatasourceChange","next","draft","nextDatasource","undefined","Error","spacing","margin","fullWidth","id","datasourcePluginKind","labelId","label","completeConfig","remote","url","onBlur","direction","placeholder","helperText","e","target","sx","width"],"mappings":"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"}
+{"version":3,"sources":["../../../src/plugins/prometheus-time-series-query/PrometheusTimeSeriesQueryEditor.tsx"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { produce } from 'immer';\nimport { DatasourceSelect, DatasourceSelectProps, useDatasource, useDatasourceClient } from '@perses-dev/plugin-system';\nimport { FormControl, InputLabel, Stack, TextField } from '@mui/material';\nimport {\n  DEFAULT_PROM,\n  DurationString,\n  isDefaultPromSelector,\n  isPrometheusDatasourceSelector,\n  PROM_DATASOURCE_KIND,\n  PrometheusClient,\n} from '../../model';\nimport { DEFAULT_SCRAPE_INTERVAL, PrometheusDatasourceSpec } from '../types';\nimport { PromQLEditor } from '../../components';\nimport {\n  PrometheusTimeSeriesQueryEditorProps,\n  useQueryState,\n  useFormatState,\n  useMinStepState,\n} from './query-editor-model';\n\n/**\n * The options editor component for editing a PrometheusTimeSeriesQuery's spec.\n */\nexport function PrometheusTimeSeriesQueryEditor(props: PrometheusTimeSeriesQueryEditorProps) {\n  const { onChange, value } = props;\n  const { datasource } = value;\n  const selectedDatasource = datasource ?? DEFAULT_PROM;\n  const datasourceSelectLabelID = `prom-datasource-label-${selectedDatasource.name || 'default'}`;\n\n  const { data: client } = useDatasourceClient<PrometheusClient>(selectedDatasource);\n  const promURL = client?.options.datasourceUrl;\n  const { data: datasourceResource } = useDatasource(selectedDatasource);\n\n  const { handleQueryChange, handleQueryBlur } = useQueryState(props);\n  const { format, handleFormatChange, handleFormatBlur } = useFormatState(props);\n  const { minStep, handleMinStepChange, handleMinStepBlur } = useMinStepState(props);\n  const minStepPlaceholder =\n    minStep ??\n    (datasourceResource && (datasourceResource?.plugin.spec as PrometheusDatasourceSpec).scrapeInterval) ??\n    DEFAULT_SCRAPE_INTERVAL;\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (next) => {\n    if (isPrometheusDatasourceSelector(next)) {\n      onChange(\n        produce(value, (draft) => {\n          // If they're using the default, just omit the datasource prop (i.e. set to undefined)\n          const nextDatasource = isDefaultPromSelector(next) ? undefined : next;\n          draft.datasource = nextDatasource;\n        })\n      );\n      return;\n    }\n\n    throw new Error('Got unexpected non-Prometheus datasource selector');\n  };\n\n  return (\n    <Stack spacing={2}>\n      <FormControl margin=\"dense\" fullWidth={false}>\n        <InputLabel id={datasourceSelectLabelID}>Prometheus Datasource</InputLabel>\n        <DatasourceSelect\n          datasourcePluginKind={PROM_DATASOURCE_KIND}\n          value={selectedDatasource}\n          onChange={handleDatasourceChange}\n          labelId={datasourceSelectLabelID}\n          label=\"Prometheus Datasource\"\n        />\n      </FormControl>\n      <PromQLEditor\n        completeConfig={{ remote: { url: promURL } }}\n        value={value.query} // here we are passing `value.query` and not `query` from useQueryState in order to get updates only on onBlur events\n        datasource={selectedDatasource}\n        onChange={handleQueryChange}\n        onBlur={handleQueryBlur}\n      />\n      <Stack direction=\"row\" spacing={2}>\n        <TextField\n          fullWidth\n          label=\"Legend\"\n          placeholder=\"Example: '{{instance}}' will generate series names like 'webserver-123', 'webserver-456'...\"\n          helperText=\"Text to be displayed in the legend and the tooltip. Use {{label_name}} to interpolate label values.\"\n          value={format ?? ''}\n          onChange={(e) => handleFormatChange(e.target.value)}\n          onBlur={handleFormatBlur}\n        />\n        <TextField\n          label=\"Min Step\"\n          placeholder={minStepPlaceholder}\n          helperText=\"Step parameter of the query. Used by $__interval and $__rate_interval too.\"\n          value={minStep}\n          onChange={(e) => handleMinStepChange(e.target.value as DurationString)}\n          onBlur={handleMinStepBlur}\n          sx={{ width: '250px' }}\n        />\n      </Stack>\n    </Stack>\n  );\n}\n"],"names":["produce","DatasourceSelect","useDatasource","useDatasourceClient","FormControl","InputLabel","Stack","TextField","DEFAULT_PROM","isDefaultPromSelector","isPrometheusDatasourceSelector","PROM_DATASOURCE_KIND","DEFAULT_SCRAPE_INTERVAL","PromQLEditor","useQueryState","useFormatState","useMinStepState","PrometheusTimeSeriesQueryEditor","props","onChange","value","datasource","selectedDatasource","datasourceSelectLabelID","name","data","client","promURL","options","datasourceUrl","datasourceResource","handleQueryChange","handleQueryBlur","format","handleFormatChange","handleFormatBlur","minStep","handleMinStepChange","handleMinStepBlur","minStepPlaceholder","plugin","spec","scrapeInterval","handleDatasourceChange","next","draft","nextDatasource","undefined","Error","spacing","margin","fullWidth","id","datasourcePluginKind","labelId","label","completeConfig","remote","url","query","onBlur","direction","placeholder","helperText","e","target","sx","width"],"mappings":"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"}

package/dist/plugins/prometheus-variables.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prometheus-variables.d.ts","sourceRoot":"","sources":["../../src/plugins/prometheus-variables.tsx"],"names":[],"mappings":"AAYA,OAAO,EAML,cAAc,EAIf,MAAM,2BAA2B,CAAC;AAcnC,OAAO,EACL,mCAAmC,EACnC,oCAAoC,EACpC,+BAA+B,EAChC,MAAM,SAAS,CAAC;AA+LjB,eAAO,MAAM,4BAA4B,EAAE,cAAc,CAAC,mCAAmC,CAgB5F,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,cAAc,CAAC,oCAAoC,CA4B9F,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,cAAc,CAAC,+BAA+B,CAwBpF,CAAC"}
+{"version":3,"file":"prometheus-variables.d.ts","sourceRoot":"","sources":["../../src/plugins/prometheus-variables.tsx"],"names":[],"mappings":"AAYA,OAAO,EAML,cAAc,EAIf,MAAM,2BAA2B,CAAC;AAcnC,OAAO,EACL,mCAAmC,EACnC,oCAAoC,EACpC,+BAA+B,EAChC,MAAM,SAAS,CAAC;AAgMjB,eAAO,MAAM,4BAA4B,EAAE,cAAc,CAAC,mCAAmC,CAgB5F,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,cAAc,CAAC,oCAAoC,CA4B9F,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,cAAc,CAAC,+BAA+B,CAwBpF,CAAC"}

package/dist/plugins/prometheus-variables.js

@@ -170,10 +170,12 @@ function PrometheusPromQLVariableEditor(props) {
                     }
                 },
                 value: value.expr,
-                onChange: (query)=>{
+                datasource: selectedDatasource,
+                onBlur: (event)=>{
+                    var _event_target_textContent;
                     props.onChange({
                         ...props.value,
-                        expr: query
+                        expr: (_event_target_textContent = event.target.textContent) !== null && _event_target_textContent !== void 0 ? _event_target_textContent : ''
                     });
                 },
                 readOnly: props.isReadonly,

package/dist/plugins/prometheus-variables.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/plugins/prometheus-variables.tsx"],"sourcesContent":["// Copyright 2024 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\nimport {\n  DatasourceSelect,\n  DatasourceSelectProps,\n  OptionsEditorProps,\n  useDatasourceClient,\n  VariableOption,\n  VariablePlugin,\n  parseVariables,\n  replaceVariables,\n  GetVariableOptionsContext,\n} from '@perses-dev/plugin-system';\nimport { FormControl, InputLabel, Stack, TextField } from '@mui/material';\nimport { produce } from 'immer';\nimport {\n  DEFAULT_PROM,\n  getPrometheusTimeRange,\n  isDefaultPromSelector,\n  isPrometheusDatasourceSelector,\n  MatrixData,\n  PROM_DATASOURCE_KIND,\n  PrometheusClient,\n  VectorData,\n} from '../model';\nimport { PromQLEditor } from '../components';\nimport {\n  PrometheusLabelNamesVariableOptions,\n  PrometheusLabelValuesVariableOptions,\n  PrometheusPromQLVariableOptions,\n} from './types';\nimport { MatcherEditor } from './MatcherEditor';\n\nfunction PrometheusLabelValuesVariableEditor(props: OptionsEditorProps<PrometheusLabelValuesVariableOptions>) {\n  const { onChange, value } = props;\n  const { datasource } = value;\n  const selectedDatasource = datasource ?? DEFAULT_PROM;\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (next) => {\n    if (isPrometheusDatasourceSelector(next)) {\n      onChange(\n        produce(value, (draft) => {\n          // If they're using the default, just omit the datasource prop (i.e. set to undefined)\n          draft.datasource = isDefaultPromSelector(next) ? undefined : next;\n        })\n      );\n      return;\n    }\n\n    throw new Error('Got unexpected non-Prometheus datasource selector');\n  };\n\n  return (\n    <Stack spacing={2}>\n      <FormControl margin=\"dense\">\n        <InputLabel id=\"prom-datasource-label\">Prometheus Datasource</InputLabel>\n        <DatasourceSelect\n          datasourcePluginKind=\"PrometheusDatasource\"\n          value={selectedDatasource}\n          onChange={handleDatasourceChange}\n          readOnly={props.isReadonly}\n          labelId=\"prom-datasource-label\"\n          label=\"Prometheus Datasource\"\n        />\n      </FormControl>\n      <TextField\n        label=\"Label Name\"\n        required\n        value={props.value.labelName}\n        onChange={(e) => {\n          props.onChange({ ...props.value, labelName: e.target.value });\n        }}\n        InputProps={{\n          readOnly: props.isReadonly,\n        }}\n      />\n      <MatcherEditor\n        matchers={props.value.matchers ?? []}\n        onChange={(e) => {\n          props.onChange({ ...props.value, matchers: e });\n        }}\n        isReadonly={props.isReadonly}\n      />\n    </Stack>\n  );\n}\n\nfunction PrometheusLabelNamesVariableEditor(props: OptionsEditorProps<PrometheusLabelNamesVariableOptions>) {\n  const { onChange, value } = props;\n  const { datasource } = value;\n  const selectedDatasource = datasource ?? DEFAULT_PROM;\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (next) => {\n    if (isPrometheusDatasourceSelector(next)) {\n      onChange(\n        produce(value, (draft) => {\n          // If they're using the default, just omit the datasource prop (i.e. set to undefined)\n          draft.datasource = isDefaultPromSelector(next) ? undefined : next;\n        })\n      );\n      return;\n    }\n\n    throw new Error('Got unexpected non-Prometheus datasource selector');\n  };\n\n  return (\n    <Stack spacing={2}>\n      <FormControl margin=\"dense\">\n        <InputLabel id=\"prom-datasource-label\">Prometheus Datasource</InputLabel>\n        <DatasourceSelect\n          datasourcePluginKind=\"PrometheusDatasource\"\n          value={selectedDatasource}\n          onChange={handleDatasourceChange}\n          disabled={props.isReadonly}\n          labelId=\"prom-datasource-label\"\n          label=\"Prometheus Datasource\"\n        />\n      </FormControl>\n      <MatcherEditor\n        matchers={props.value.matchers ?? []}\n        isReadonly={props.isReadonly}\n        onChange={(e) => {\n          props.onChange({ ...props.value, matchers: e });\n        }}\n      />\n    </Stack>\n  );\n}\n\nfunction PrometheusPromQLVariableEditor(props: OptionsEditorProps<PrometheusPromQLVariableOptions>) {\n  const { onChange, value } = props;\n  const { datasource } = value;\n  const selectedDatasource = datasource ?? DEFAULT_PROM;\n\n  const { data: client } = useDatasourceClient<PrometheusClient>(selectedDatasource);\n  const promURL = client?.options.datasourceUrl;\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (next) => {\n    if (isPrometheusDatasourceSelector(next)) {\n      onChange(\n        produce(value, (draft) => {\n          // If they're using the default, just omit the datasource prop (i.e. set to undefined)\n          draft.datasource = isDefaultPromSelector(next) ? undefined : next;\n        })\n      );\n      return;\n    }\n\n    throw new Error('Got unexpected non-Prometheus datasource selector');\n  };\n\n  return (\n    <Stack spacing={2}>\n      <FormControl margin=\"dense\">\n        <InputLabel id=\"prom-datasource-label\">Prometheus Datasource</InputLabel>\n        <DatasourceSelect\n          datasourcePluginKind={PROM_DATASOURCE_KIND}\n          value={selectedDatasource}\n          onChange={handleDatasourceChange}\n          labelId=\"prom-datasource-label\"\n          label=\"Prometheus Datasource\"\n          disabled={props.isReadonly}\n        />\n      </FormControl>\n      <PromQLEditor\n        completeConfig={{ remote: { url: promURL } }}\n        value={value.expr}\n        onChange={(query) => {\n          props.onChange({ ...props.value, expr: query });\n        }}\n        readOnly={props.isReadonly}\n        width=\"100%\"\n      />\n      <TextField\n        label=\"Label Name\"\n        value={props.value.labelName}\n        InputProps={{\n          readOnly: props.isReadonly,\n        }}\n        onChange={(e) => {\n          props.onChange({ ...props.value, labelName: e.target.value });\n        }}\n      />\n    </Stack>\n  );\n}\n\nfunction capturingMatrix(matrix: MatrixData, labelName: string): string[] {\n  const captured = new Set<string>();\n  for (const sample of matrix.result) {\n    const value = sample.metric[labelName];\n    if (value !== undefined) {\n      captured.add(value);\n    }\n  }\n  return Array.from(captured.values());\n}\n\nfunction capturingVector(vector: VectorData, labelName: string): string[] {\n  const captured = new Set<string>();\n  for (const sample of vector.result) {\n    const value = sample.metric[labelName];\n    if (value !== undefined) {\n      captured.add(value);\n    }\n  }\n  return Array.from(captured.values());\n}\n\n/**\n * Takes a list of strings and returns a list of VariableOptions\n */\nconst stringArrayToVariableOptions = (values?: string[]): VariableOption[] => {\n  if (!values) return [];\n  return values.map((value) => ({\n    value,\n    label: value,\n  }));\n};\n\nexport const PrometheusLabelNamesVariable: VariablePlugin<PrometheusLabelNamesVariableOptions> = {\n  getVariableOptions: async (spec: PrometheusLabelNamesVariableOptions, ctx: GetVariableOptionsContext) => {\n    const client: PrometheusClient = await ctx.datasourceStore.getDatasourceClient(spec.datasource ?? DEFAULT_PROM);\n    const match = spec.matchers ? spec.matchers.map((m) => replaceVariables(m, ctx.variables)) : undefined;\n    const timeRange = getPrometheusTimeRange(ctx.timeRange);\n\n    const { data: options } = await client.labelNames({ 'match[]': match, ...timeRange });\n    return {\n      data: stringArrayToVariableOptions(options),\n    };\n  },\n  dependsOn: (spec: PrometheusLabelNamesVariableOptions) => {\n    return { variables: spec.matchers?.map((m) => parseVariables(m)).flat() || [] };\n  },\n  OptionsEditorComponent: PrometheusLabelNamesVariableEditor,\n  createInitialOptions: () => ({}),\n};\n\nexport const PrometheusLabelValuesVariable: VariablePlugin<PrometheusLabelValuesVariableOptions> = {\n  getVariableOptions: async (spec: PrometheusLabelValuesVariableOptions, ctx: GetVariableOptionsContext) => {\n    const pluginDef = spec;\n    const client: PrometheusClient = await ctx.datasourceStore.getDatasourceClient(spec.datasource ?? DEFAULT_PROM);\n    const match = pluginDef.matchers ? pluginDef.matchers.map((m) => replaceVariables(m, ctx.variables)) : undefined;\n\n    const timeRange = getPrometheusTimeRange(ctx.timeRange);\n\n    const { data: options } = await client.labelValues({\n      labelName: replaceVariables(pluginDef.labelName, ctx.variables),\n      'match[]': match,\n      ...timeRange,\n    });\n    return {\n      data: stringArrayToVariableOptions(options),\n    };\n  },\n  dependsOn: (spec: PrometheusLabelValuesVariableOptions) => {\n    return {\n      variables:\n        spec.matchers\n          ?.map((m) => parseVariables(m))\n          .flat()\n          .concat(parseVariables(spec.labelName)) || [],\n    };\n  },\n  OptionsEditorComponent: PrometheusLabelValuesVariableEditor,\n  createInitialOptions: () => ({ labelName: '' }),\n};\n\nexport const PrometheusPromQLVariable: VariablePlugin<PrometheusPromQLVariableOptions> = {\n  getVariableOptions: async (spec: PrometheusPromQLVariableOptions, ctx: GetVariableOptionsContext) => {\n    const client: PrometheusClient = await ctx.datasourceStore.getDatasourceClient(spec.datasource ?? DEFAULT_PROM);\n    // TODO we may want to manage a range query as well.\n    const { data: options } = await client.instantQuery({\n      query: replaceVariables(spec.expr, ctx.variables),\n    });\n    const labelName = replaceVariables(spec.labelName, ctx.variables);\n    let values: string[] = [];\n    if (options?.resultType === 'matrix') {\n      values = capturingMatrix(options, labelName);\n    } else if (options?.resultType === 'vector') {\n      values = capturingVector(options, labelName);\n    }\n\n    return {\n      data: stringArrayToVariableOptions(values),\n    };\n  },\n  dependsOn: (spec: PrometheusPromQLVariableOptions) => {\n    return { variables: parseVariables(spec.expr).concat(parseVariables(spec.labelName)) };\n  },\n  OptionsEditorComponent: PrometheusPromQLVariableEditor,\n  createInitialOptions: () => ({ expr: '', labelName: '' }),\n};\n"],"names":["DatasourceSelect","useDatasourceClient","parseVariables","replaceVariables","FormControl","InputLabel","Stack","TextField","produce","DEFAULT_PROM","getPrometheusTimeRange","isDefaultPromSelector","isPrometheusDatasourceSelector","PROM_DATASOURCE_KIND","PromQLEditor","MatcherEditor","PrometheusLabelValuesVariableEditor","props","onChange","value","datasource","selectedDatasource","handleDatasourceChange","next","draft","undefined","Error","spacing","margin","id","datasourcePluginKind","readOnly","isReadonly","labelId","label","required","labelName","e","target","InputProps","matchers","PrometheusLabelNamesVariableEditor","disabled","PrometheusPromQLVariableEditor","data","client","promURL","options","datasourceUrl","completeConfig","remote","url","expr","query","width","capturingMatrix","matrix","captured","Set","sample","result","metric","add","Array","from","values","capturingVector","vector","stringArrayToVariableOptions","map","PrometheusLabelNamesVariable","getVariableOptions","spec","ctx","datasourceStore","getDatasourceClient","match","m","variables","timeRange","labelNames","dependsOn","flat","OptionsEditorComponent","createInitialOptions","PrometheusLabelValuesVariable","pluginDef","labelValues","concat","PrometheusPromQLVariable","instantQuery","resultType"],"mappings":"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"}
+{"version":3,"sources":["../../src/plugins/prometheus-variables.tsx"],"sourcesContent":["// Copyright 2024 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\nimport {\n  DatasourceSelect,\n  DatasourceSelectProps,\n  OptionsEditorProps,\n  useDatasourceClient,\n  VariableOption,\n  VariablePlugin,\n  parseVariables,\n  replaceVariables,\n  GetVariableOptionsContext,\n} from '@perses-dev/plugin-system';\nimport { FormControl, InputLabel, Stack, TextField } from '@mui/material';\nimport { produce } from 'immer';\nimport {\n  DEFAULT_PROM,\n  getPrometheusTimeRange,\n  isDefaultPromSelector,\n  isPrometheusDatasourceSelector,\n  MatrixData,\n  PROM_DATASOURCE_KIND,\n  PrometheusClient,\n  VectorData,\n} from '../model';\nimport { PromQLEditor } from '../components';\nimport {\n  PrometheusLabelNamesVariableOptions,\n  PrometheusLabelValuesVariableOptions,\n  PrometheusPromQLVariableOptions,\n} from './types';\nimport { MatcherEditor } from './MatcherEditor';\n\nfunction PrometheusLabelValuesVariableEditor(props: OptionsEditorProps<PrometheusLabelValuesVariableOptions>) {\n  const { onChange, value } = props;\n  const { datasource } = value;\n  const selectedDatasource = datasource ?? DEFAULT_PROM;\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (next) => {\n    if (isPrometheusDatasourceSelector(next)) {\n      onChange(\n        produce(value, (draft) => {\n          // If they're using the default, just omit the datasource prop (i.e. set to undefined)\n          draft.datasource = isDefaultPromSelector(next) ? undefined : next;\n        })\n      );\n      return;\n    }\n\n    throw new Error('Got unexpected non-Prometheus datasource selector');\n  };\n\n  return (\n    <Stack spacing={2}>\n      <FormControl margin=\"dense\">\n        <InputLabel id=\"prom-datasource-label\">Prometheus Datasource</InputLabel>\n        <DatasourceSelect\n          datasourcePluginKind=\"PrometheusDatasource\"\n          value={selectedDatasource}\n          onChange={handleDatasourceChange}\n          readOnly={props.isReadonly}\n          labelId=\"prom-datasource-label\"\n          label=\"Prometheus Datasource\"\n        />\n      </FormControl>\n      <TextField\n        label=\"Label Name\"\n        required\n        value={props.value.labelName}\n        onChange={(e) => {\n          props.onChange({ ...props.value, labelName: e.target.value });\n        }}\n        InputProps={{\n          readOnly: props.isReadonly,\n        }}\n      />\n      <MatcherEditor\n        matchers={props.value.matchers ?? []}\n        onChange={(e) => {\n          props.onChange({ ...props.value, matchers: e });\n        }}\n        isReadonly={props.isReadonly}\n      />\n    </Stack>\n  );\n}\n\nfunction PrometheusLabelNamesVariableEditor(props: OptionsEditorProps<PrometheusLabelNamesVariableOptions>) {\n  const { onChange, value } = props;\n  const { datasource } = value;\n  const selectedDatasource = datasource ?? DEFAULT_PROM;\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (next) => {\n    if (isPrometheusDatasourceSelector(next)) {\n      onChange(\n        produce(value, (draft) => {\n          // If they're using the default, just omit the datasource prop (i.e. set to undefined)\n          draft.datasource = isDefaultPromSelector(next) ? undefined : next;\n        })\n      );\n      return;\n    }\n\n    throw new Error('Got unexpected non-Prometheus datasource selector');\n  };\n\n  return (\n    <Stack spacing={2}>\n      <FormControl margin=\"dense\">\n        <InputLabel id=\"prom-datasource-label\">Prometheus Datasource</InputLabel>\n        <DatasourceSelect\n          datasourcePluginKind=\"PrometheusDatasource\"\n          value={selectedDatasource}\n          onChange={handleDatasourceChange}\n          disabled={props.isReadonly}\n          labelId=\"prom-datasource-label\"\n          label=\"Prometheus Datasource\"\n        />\n      </FormControl>\n      <MatcherEditor\n        matchers={props.value.matchers ?? []}\n        isReadonly={props.isReadonly}\n        onChange={(e) => {\n          props.onChange({ ...props.value, matchers: e });\n        }}\n      />\n    </Stack>\n  );\n}\n\nfunction PrometheusPromQLVariableEditor(props: OptionsEditorProps<PrometheusPromQLVariableOptions>) {\n  const { onChange, value } = props;\n  const { datasource } = value;\n  const selectedDatasource = datasource ?? DEFAULT_PROM;\n\n  const { data: client } = useDatasourceClient<PrometheusClient>(selectedDatasource);\n  const promURL = client?.options.datasourceUrl;\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (next) => {\n    if (isPrometheusDatasourceSelector(next)) {\n      onChange(\n        produce(value, (draft) => {\n          // If they're using the default, just omit the datasource prop (i.e. set to undefined)\n          draft.datasource = isDefaultPromSelector(next) ? undefined : next;\n        })\n      );\n      return;\n    }\n\n    throw new Error('Got unexpected non-Prometheus datasource selector');\n  };\n\n  return (\n    <Stack spacing={2}>\n      <FormControl margin=\"dense\">\n        <InputLabel id=\"prom-datasource-label\">Prometheus Datasource</InputLabel>\n        <DatasourceSelect\n          datasourcePluginKind={PROM_DATASOURCE_KIND}\n          value={selectedDatasource}\n          onChange={handleDatasourceChange}\n          labelId=\"prom-datasource-label\"\n          label=\"Prometheus Datasource\"\n          disabled={props.isReadonly}\n        />\n      </FormControl>\n      <PromQLEditor\n        completeConfig={{ remote: { url: promURL } }}\n        value={value.expr}\n        datasource={selectedDatasource}\n        onBlur={(event) => {\n          props.onChange({ ...props.value, expr: event.target.textContent ?? '' });\n        }}\n        readOnly={props.isReadonly}\n        width=\"100%\"\n      />\n      <TextField\n        label=\"Label Name\"\n        value={props.value.labelName}\n        InputProps={{\n          readOnly: props.isReadonly,\n        }}\n        onChange={(e) => {\n          props.onChange({ ...props.value, labelName: e.target.value });\n        }}\n      />\n    </Stack>\n  );\n}\n\nfunction capturingMatrix(matrix: MatrixData, labelName: string): string[] {\n  const captured = new Set<string>();\n  for (const sample of matrix.result) {\n    const value = sample.metric[labelName];\n    if (value !== undefined) {\n      captured.add(value);\n    }\n  }\n  return Array.from(captured.values());\n}\n\nfunction capturingVector(vector: VectorData, labelName: string): string[] {\n  const captured = new Set<string>();\n  for (const sample of vector.result) {\n    const value = sample.metric[labelName];\n    if (value !== undefined) {\n      captured.add(value);\n    }\n  }\n  return Array.from(captured.values());\n}\n\n/**\n * Takes a list of strings and returns a list of VariableOptions\n */\nconst stringArrayToVariableOptions = (values?: string[]): VariableOption[] => {\n  if (!values) return [];\n  return values.map((value) => ({\n    value,\n    label: value,\n  }));\n};\n\nexport const PrometheusLabelNamesVariable: VariablePlugin<PrometheusLabelNamesVariableOptions> = {\n  getVariableOptions: async (spec: PrometheusLabelNamesVariableOptions, ctx: GetVariableOptionsContext) => {\n    const client: PrometheusClient = await ctx.datasourceStore.getDatasourceClient(spec.datasource ?? DEFAULT_PROM);\n    const match = spec.matchers ? spec.matchers.map((m) => replaceVariables(m, ctx.variables)) : undefined;\n    const timeRange = getPrometheusTimeRange(ctx.timeRange);\n\n    const { data: options } = await client.labelNames({ 'match[]': match, ...timeRange });\n    return {\n      data: stringArrayToVariableOptions(options),\n    };\n  },\n  dependsOn: (spec: PrometheusLabelNamesVariableOptions) => {\n    return { variables: spec.matchers?.map((m) => parseVariables(m)).flat() || [] };\n  },\n  OptionsEditorComponent: PrometheusLabelNamesVariableEditor,\n  createInitialOptions: () => ({}),\n};\n\nexport const PrometheusLabelValuesVariable: VariablePlugin<PrometheusLabelValuesVariableOptions> = {\n  getVariableOptions: async (spec: PrometheusLabelValuesVariableOptions, ctx: GetVariableOptionsContext) => {\n    const pluginDef = spec;\n    const client: PrometheusClient = await ctx.datasourceStore.getDatasourceClient(spec.datasource ?? DEFAULT_PROM);\n    const match = pluginDef.matchers ? pluginDef.matchers.map((m) => replaceVariables(m, ctx.variables)) : undefined;\n\n    const timeRange = getPrometheusTimeRange(ctx.timeRange);\n\n    const { data: options } = await client.labelValues({\n      labelName: replaceVariables(pluginDef.labelName, ctx.variables),\n      'match[]': match,\n      ...timeRange,\n    });\n    return {\n      data: stringArrayToVariableOptions(options),\n    };\n  },\n  dependsOn: (spec: PrometheusLabelValuesVariableOptions) => {\n    return {\n      variables:\n        spec.matchers\n          ?.map((m) => parseVariables(m))\n          .flat()\n          .concat(parseVariables(spec.labelName)) || [],\n    };\n  },\n  OptionsEditorComponent: PrometheusLabelValuesVariableEditor,\n  createInitialOptions: () => ({ labelName: '' }),\n};\n\nexport const PrometheusPromQLVariable: VariablePlugin<PrometheusPromQLVariableOptions> = {\n  getVariableOptions: async (spec: PrometheusPromQLVariableOptions, ctx: GetVariableOptionsContext) => {\n    const client: PrometheusClient = await ctx.datasourceStore.getDatasourceClient(spec.datasource ?? DEFAULT_PROM);\n    // TODO we may want to manage a range query as well.\n    const { data: options } = await client.instantQuery({\n      query: replaceVariables(spec.expr, ctx.variables),\n    });\n    const labelName = replaceVariables(spec.labelName, ctx.variables);\n    let values: string[] = [];\n    if (options?.resultType === 'matrix') {\n      values = capturingMatrix(options, labelName);\n    } else if (options?.resultType === 'vector') {\n      values = capturingVector(options, labelName);\n    }\n\n    return {\n      data: stringArrayToVariableOptions(values),\n    };\n  },\n  dependsOn: (spec: PrometheusPromQLVariableOptions) => {\n    return { variables: parseVariables(spec.expr).concat(parseVariables(spec.labelName)) };\n  },\n  OptionsEditorComponent: PrometheusPromQLVariableEditor,\n  createInitialOptions: () => ({ expr: '', labelName: '' }),\n};\n"],"names":["DatasourceSelect","useDatasourceClient","parseVariables","replaceVariables","FormControl","InputLabel","Stack","TextField","produce","DEFAULT_PROM","getPrometheusTimeRange","isDefaultPromSelector","isPrometheusDatasourceSelector","PROM_DATASOURCE_KIND","PromQLEditor","MatcherEditor","PrometheusLabelValuesVariableEditor","props","onChange","value","datasource","selectedDatasource","handleDatasourceChange","next","draft","undefined","Error","spacing","margin","id","datasourcePluginKind","readOnly","isReadonly","labelId","label","required","labelName","e","target","InputProps","matchers","PrometheusLabelNamesVariableEditor","disabled","PrometheusPromQLVariableEditor","data","client","promURL","options","datasourceUrl","completeConfig","remote","url","expr","onBlur","event","textContent","width","capturingMatrix","matrix","captured","Set","sample","result","metric","add","Array","from","values","capturingVector","vector","stringArrayToVariableOptions","map","PrometheusLabelNamesVariable","getVariableOptions","spec","ctx","datasourceStore","getDatasourceClient","match","m","variables","timeRange","labelNames","dependsOn","flat","OptionsEditorComponent","createInitialOptions","PrometheusLabelValuesVariable","pluginDef","labelValues","concat","PrometheusPromQLVariable","instantQuery","query","resultType"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/prometheus-plugin",
-  "version": "0.48.0",
+  "version": "0.49.0-rc.0",
   "description": "Prometheus plugin for Perses",
   "license": "Apache-2.0",
   "homepage": "https://github.com/perses/perses/blob/main/README.md",
@@ -31,9 +31,9 @@
   "dependencies": {
     "@lezer/highlight": "^1.0.0",
     "@lezer/lr": "^1.2.0",
-    "@perses-dev/components": "0.48.0",
-    "@perses-dev/core": "0.48.0",
-    "@perses-dev/plugin-system": "0.48.0",
+    "@perses-dev/components": "0.49.0-rc.0",
+    "@perses-dev/core": "0.49.0-rc.0",
+    "@perses-dev/plugin-system": "0.49.0-rc.0",
     "@prometheus-io/codemirror-promql": "^0.43.0",
     "@uiw/react-codemirror": "^4.19.1",
     "date-fns": "^2.28.0",

package/dist/cjs/components/PromQL.js

@@ -1,58 +0,0 @@
-// Copyright 2023 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "PromQLEditor", {
-    enumerable: true,
-    get: function() {
-        return PromQLEditor;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _reactcodemirror = /*#__PURE__*/ _interop_require_default(require("@uiw/react-codemirror"));
-const _codemirrorpromql = require("@prometheus-io/codemirror-promql");
-const _view = require("@codemirror/view");
-const _material = require("@mui/material");
-const _react = require("react");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function PromQLEditor({ completeConfig, ...rest }) {
-    const theme = (0, _material.useTheme)();
-    const isDarkMode = theme.palette.mode === 'dark';
-    const promQLExtension = (0, _react.useMemo)(()=>{
-        return new _codemirrorpromql.PromQLExtension().activateLinter(false).setComplete(completeConfig).asExtension();
-    }, [
-        completeConfig
-    ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactcodemirror.default, {
-        ...rest,
-        style: {
-            border: `1px solid ${theme.palette.divider}`
-        },
-        theme: isDarkMode ? 'dark' : 'light',
-        basicSetup: {
-            highlightActiveLine: false,
-            highlightActiveLineGutter: false,
-            foldGutter: false
-        },
-        extensions: [
-            _view.EditorView.lineWrapping,
-            promQLExtension
-        ]
-    });
-}

package/dist/components/PromQL.d.ts

@@ -1,7 +0,0 @@
-import { ReactCodeMirrorProps } from '@uiw/react-codemirror';
-import { CompleteConfiguration } from '@prometheus-io/codemirror-promql';
-export type PromQLEditorProps = {
-    completeConfig: CompleteConfiguration;
-} & Omit<ReactCodeMirrorProps, 'theme' | 'extensions'>;
-export declare function PromQLEditor({ completeConfig, ...rest }: PromQLEditorProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=PromQL.d.ts.map

package/dist/components/PromQL.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PromQL.d.ts","sourceRoot":"","sources":["../../src/components/PromQL.tsx"],"names":[],"mappings":"AAaA,OAAmB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAmB,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAK1F,MAAM,MAAM,iBAAiB,GAAG;IAAE,cAAc,EAAE,qBAAqB,CAAA;CAAE,GAAG,IAAI,CAC9E,oBAAoB,EACpB,OAAO,GAAG,YAAY,CACvB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,cAAc,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,2CAqB1E"}

package/dist/components/PromQL.js

@@ -1,45 +0,0 @@
-// Copyright 2023 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-import { jsx as _jsx } from "react/jsx-runtime";
-import CodeMirror from '@uiw/react-codemirror';
-import { PromQLExtension } from '@prometheus-io/codemirror-promql';
-import { EditorView } from '@codemirror/view';
-import { useTheme } from '@mui/material';
-import { useMemo } from 'react';
-export function PromQLEditor({ completeConfig, ...rest }) {
-    const theme = useTheme();
-    const isDarkMode = theme.palette.mode === 'dark';
-    const promQLExtension = useMemo(()=>{
-        return new PromQLExtension().activateLinter(false).setComplete(completeConfig).asExtension();
-    }, [
-        completeConfig
-    ]);
-    return /*#__PURE__*/ _jsx(CodeMirror, {
-        ...rest,
-        style: {
-            border: `1px solid ${theme.palette.divider}`
-        },
-        theme: isDarkMode ? 'dark' : 'light',
-        basicSetup: {
-            highlightActiveLine: false,
-            highlightActiveLineGutter: false,
-            foldGutter: false
-        },
-        extensions: [
-            EditorView.lineWrapping,
-            promQLExtension
-        ]
-    });
-}
-
-//# sourceMappingURL=PromQL.js.map

package/dist/components/PromQL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/PromQL.tsx"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport CodeMirror, { ReactCodeMirrorProps } from '@uiw/react-codemirror';\nimport { PromQLExtension, CompleteConfiguration } from '@prometheus-io/codemirror-promql';\nimport { EditorView } from '@codemirror/view';\nimport { useTheme } from '@mui/material';\nimport { useMemo } from 'react';\n\nexport type PromQLEditorProps = { completeConfig: CompleteConfiguration } & Omit<\n  ReactCodeMirrorProps,\n  'theme' | 'extensions'\n>;\n\nexport function PromQLEditor({ completeConfig, ...rest }: PromQLEditorProps) {\n  const theme = useTheme();\n  const isDarkMode = theme.palette.mode === 'dark';\n\n  const promQLExtension = useMemo(() => {\n    return new PromQLExtension().activateLinter(false).setComplete(completeConfig).asExtension();\n  }, [completeConfig]);\n\n  return (\n    <CodeMirror\n      {...rest}\n      style={{ border: `1px solid ${theme.palette.divider}` }}\n      theme={isDarkMode ? 'dark' : 'light'}\n      basicSetup={{\n        highlightActiveLine: false,\n        highlightActiveLineGutter: false,\n        foldGutter: false,\n      }}\n      extensions={[EditorView.lineWrapping, promQLExtension]}\n    />\n  );\n}\n"],"names":["CodeMirror","PromQLExtension","EditorView","useTheme","useMemo","PromQLEditor","completeConfig","rest","theme","isDarkMode","palette","mode","promQLExtension","activateLinter","setComplete","asExtension","style","border","divider","basicSetup","highlightActiveLine","highlightActiveLineGutter","foldGutter","extensions","lineWrapping"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,OAAOA,gBAA0C,wBAAwB;AACzE,SAASC,eAAe,QAA+B,mCAAmC;AAC1F,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,OAAO,QAAQ,QAAQ;AAOhC,OAAO,SAASC,aAAa,EAAEC,cAAc,EAAE,GAAGC,MAAyB;IACzE,MAAMC,QAAQL;IACd,MAAMM,aAAaD,MAAME,OAAO,CAACC,IAAI,KAAK;IAE1C,MAAMC,kBAAkBR,QAAQ;QAC9B,OAAO,IAAIH,kBAAkBY,cAAc,CAAC,OAAOC,WAAW,CAACR,gBAAgBS,WAAW;IAC5F,GAAG;QAACT;KAAe;IAEnB,qBACE,KAACN;QACE,GAAGO,IAAI;QACRS,OAAO;YAAEC,QAAQ,CAAC,UAAU,EAAET,MAAME,OAAO,CAACQ,OAAO,CAAC,CAAC;QAAC;QACtDV,OAAOC,aAAa,SAAS;QAC7BU,YAAY;YACVC,qBAAqB;YACrBC,2BAA2B;YAC3BC,YAAY;QACd;QACAC,YAAY;YAACrB,WAAWsB,YAAY;YAAEZ;SAAgB;;AAG5D"}