@perses-dev/prometheus-plugin 0.44.0 → 0.45.0-rc1

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

@@ -23,15 +23,16 @@ Object.defineProperty(exports, "PrometheusTimeSeriesQueryEditor", {
 const _jsxruntime = require("react/jsx-runtime");
 const _immer = require("immer");
 const _pluginsystem = require("@perses-dev/plugin-system");
+const _material = require("@mui/material");
 const _model = require("../../model");
 const _types = require("../types");
+const _components = require("../../components");
 const _queryeditormodel = require("./query-editor-model");
-const _DashboardPrometheusTimeSeriesQueryEditor = require("./DashboardPrometheusTimeSeriesQueryEditor");
-const _ExplorePrometheusTimeSeriesQueryEditor = require("./ExplorePrometheusTimeSeriesQueryEditor");
 function PrometheusTimeSeriesQueryEditor(props) {
-    const { onChange, value, isExplore } = props;
+    const { onChange, value } = props;
     const { datasource } = value;
     const selectedDatasource = datasource !== null && datasource !== void 0 ? datasource : _model.DEFAULT_PROM;
+    const datasourceSelectLabelID = `prom-datasource-label-${selectedDatasource.name || 'default'}`;
     const { data: client } = (0, _pluginsystem.useDatasourceClient)(selectedDatasource);
     const promURL = client === null || client === void 0 ? void 0 : client.options.datasourceUrl;
     const { data: datasourceResource } = (0, _pluginsystem.useDatasource)(selectedDatasource);
@@ -51,36 +52,62 @@ function PrometheusTimeSeriesQueryEditor(props) {
         }
         throw new Error('Got unexpected non-Prometheus datasource selector');
     };
-    if (isExplore) {
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ExplorePrometheusTimeSeriesQueryEditor.ExplorePrometheusTimeSeriesQueryEditor, {
-            selectedDatasource: selectedDatasource,
-            handleDatasourceChange: handleDatasourceChange,
-            promURL: promURL,
-            query: query,
-            handleQueryChange: handleQueryChange,
-            handleQueryBlur: handleQueryBlur,
-            format: format,
-            handleFormatChange: handleFormatChange,
-            handleFormatBlur: handleFormatBlur,
-            minStepPlaceholder: minStepPlaceholder,
-            minStep: minStep,
-            handleMinStepChange: handleMinStepChange,
-            handleMinStepBlur: handleMinStepBlur
-        });
-    }
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_DashboardPrometheusTimeSeriesQueryEditor.DashboardPrometheusTimeSeriesQueryEditor, {
-        selectedDatasource: selectedDatasource,
-        handleDatasourceChange: handleDatasourceChange,
-        promURL: promURL,
-        query: query,
-        handleQueryChange: handleQueryChange,
-        handleQueryBlur: handleQueryBlur,
-        format: format,
-        handleFormatChange: handleFormatChange,
-        handleFormatBlur: handleFormatBlur,
-        minStepPlaceholder: minStepPlaceholder,
-        minStep: minStep,
-        handleMinStepChange: handleMinStepChange,
-        handleMinStepBlur: handleMinStepBlur
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
+        spacing: 2,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.FormControl, {
+                margin: "dense",
+                fullWidth: false,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.InputLabel, {
+                        id: datasourceSelectLabelID,
+                        children: "Prometheus Datasource"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.DatasourceSelect, {
+                        datasourcePluginKind: _model.PROM_DATASOURCE_KIND,
+                        value: selectedDatasource,
+                        onChange: handleDatasourceChange,
+                        labelId: datasourceSelectLabelID,
+                        label: "Prometheus Datasource"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.PromQLEditor, {
+                completeConfig: {
+                    remote: {
+                        url: promURL
+                    }
+                },
+                value: query,
+                onChange: handleQueryChange,
+                onBlur: handleQueryBlur
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
+                direction: "row",
+                spacing: 2,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
+                        fullWidth: true,
+                        label: "Legend Name",
+                        placeholder: "Tip: Use {{label_name}}. Example: {{instance}} will be replaced with values such as 'webserver-123' and 'webserver-456'.",
+                        helperText: "Name for each series in the legend and the tooltip.",
+                        value: format !== null && format !== void 0 ? format : '',
+                        onChange: (e)=>handleFormatChange(e.target.value),
+                        onBlur: handleFormatBlur
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
+                        label: "Min Step",
+                        placeholder: minStepPlaceholder,
+                        helperText: "Step parameter of the query. Used by $__interval and $__rate_interval too.",
+                        value: minStep,
+                        onChange: (e)=>handleMinStepChange(e.target.value),
+                        onBlur: handleMinStepBlur,
+                        sx: {
+                            width: '250px'
+                        }
+                    })
+                ]
+            })
+        ]
     });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"PrometheusTimeSeriesQueryEditor.d.ts","sourceRoot":"","sources":["../../../src/plugins/prometheus-time-series-query/PrometheusTimeSeriesQueryEditor.tsx"],"names":[],"mappings":"AAiBA,OAAO,EACL,oCAAoC,EAIrC,MAAM,sBAAsB,CAAC;AAI9B;;GAEG;AACH,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,oCAAoC,2CAqE1F"}
+{"version":3,"file":"PrometheusTimeSeriesQueryEditor.d.ts","sourceRoot":"","sources":["../../../src/plugins/prometheus-time-series-query/PrometheusTimeSeriesQueryEditor.tsx"],"names":[],"mappings":"AA0BA,OAAO,EACL,oCAAoC,EAIrC,MAAM,sBAAsB,CAAC;AAE9B;;GAEG;AACH,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,oCAAoC,2CAyE1F"}

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

@@ -10,20 +10,21 @@
 // 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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { produce } from 'immer';
-import { useDatasource, useDatasourceClient } from '@perses-dev/plugin-system';
-import { DEFAULT_PROM, isDefaultPromSelector, isPrometheusDatasourceSelector } from '../../model';
+import { DatasourceSelect, useDatasource, useDatasourceClient } from '@perses-dev/plugin-system';
+import { FormControl, InputLabel, Stack, TextField } from '@mui/material';
+import { DEFAULT_PROM, isDefaultPromSelector, isPrometheusDatasourceSelector, PROM_DATASOURCE_KIND } from '../../model';
 import { DEFAULT_SCRAPE_INTERVAL } from '../types';
+import { PromQLEditor } from '../../components';
 import { useQueryState, useFormatState, useMinStepState } from './query-editor-model';
-import { DashboardPrometheusTimeSeriesQueryEditor } from './DashboardPrometheusTimeSeriesQueryEditor';
-import { ExplorePrometheusTimeSeriesQueryEditor } from './ExplorePrometheusTimeSeriesQueryEditor';
 /**
  * The options editor component for editing a PrometheusTimeSeriesQuery's spec.
  */ export function PrometheusTimeSeriesQueryEditor(props) {
-    const { onChange, value, isExplore } = props;
+    const { onChange, value } = props;
     const { datasource } = value;
     const selectedDatasource = datasource !== null && datasource !== void 0 ? datasource : DEFAULT_PROM;
+    const datasourceSelectLabelID = `prom-datasource-label-${selectedDatasource.name || 'default'}`;
     const { data: client } = useDatasourceClient(selectedDatasource);
     const promURL = client === null || client === void 0 ? void 0 : client.options.datasourceUrl;
     const { data: datasourceResource } = useDatasource(selectedDatasource);
@@ -43,37 +44,63 @@ import { ExplorePrometheusTimeSeriesQueryEditor } from './ExplorePrometheusTimeS
         }
         throw new Error('Got unexpected non-Prometheus datasource selector');
     };
-    if (isExplore) {
-        return /*#__PURE__*/ _jsx(ExplorePrometheusTimeSeriesQueryEditor, {
-            selectedDatasource: selectedDatasource,
-            handleDatasourceChange: handleDatasourceChange,
-            promURL: promURL,
-            query: query,
-            handleQueryChange: handleQueryChange,
-            handleQueryBlur: handleQueryBlur,
-            format: format,
-            handleFormatChange: handleFormatChange,
-            handleFormatBlur: handleFormatBlur,
-            minStepPlaceholder: minStepPlaceholder,
-            minStep: minStep,
-            handleMinStepChange: handleMinStepChange,
-            handleMinStepBlur: handleMinStepBlur
-        });
-    }
-    return /*#__PURE__*/ _jsx(DashboardPrometheusTimeSeriesQueryEditor, {
-        selectedDatasource: selectedDatasource,
-        handleDatasourceChange: handleDatasourceChange,
-        promURL: promURL,
-        query: query,
-        handleQueryChange: handleQueryChange,
-        handleQueryBlur: handleQueryBlur,
-        format: format,
-        handleFormatChange: handleFormatChange,
-        handleFormatBlur: handleFormatBlur,
-        minStepPlaceholder: minStepPlaceholder,
-        minStep: minStep,
-        handleMinStepChange: handleMinStepChange,
-        handleMinStepBlur: handleMinStepBlur
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 2,
+        children: [
+            /*#__PURE__*/ _jsxs(FormControl, {
+                margin: "dense",
+                fullWidth: false,
+                children: [
+                    /*#__PURE__*/ _jsx(InputLabel, {
+                        id: datasourceSelectLabelID,
+                        children: "Prometheus Datasource"
+                    }),
+                    /*#__PURE__*/ _jsx(DatasourceSelect, {
+                        datasourcePluginKind: PROM_DATASOURCE_KIND,
+                        value: selectedDatasource,
+                        onChange: handleDatasourceChange,
+                        labelId: datasourceSelectLabelID,
+                        label: "Prometheus Datasource"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(PromQLEditor, {
+                completeConfig: {
+                    remote: {
+                        url: promURL
+                    }
+                },
+                value: query,
+                onChange: handleQueryChange,
+                onBlur: handleQueryBlur
+            }),
+            /*#__PURE__*/ _jsxs(Stack, {
+                direction: "row",
+                spacing: 2,
+                children: [
+                    /*#__PURE__*/ _jsx(TextField, {
+                        fullWidth: true,
+                        label: "Legend Name",
+                        placeholder: "Tip: Use {{label_name}}. Example: {{instance}} will be replaced with values such as 'webserver-123' and 'webserver-456'.",
+                        helperText: "Name for each series in the legend and the tooltip.",
+                        value: format !== null && format !== void 0 ? format : '',
+                        onChange: (e)=>handleFormatChange(e.target.value),
+                        onBlur: handleFormatBlur
+                    }),
+                    /*#__PURE__*/ _jsx(TextField, {
+                        label: "Min Step",
+                        placeholder: minStepPlaceholder,
+                        helperText: "Step parameter of the query. Used by $__interval and $__rate_interval too.",
+                        value: minStep,
+                        onChange: (e)=>handleMinStepChange(e.target.value),
+                        onBlur: handleMinStepBlur,
+                        sx: {
+                            width: '250px'
+                        }
+                    })
+                ]
+            })
+        ]
     });
 }
 

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 { DatasourceSelectProps, useDatasource, useDatasourceClient } from '@perses-dev/plugin-system';\nimport { DEFAULT_PROM, isDefaultPromSelector, isPrometheusDatasourceSelector, PrometheusClient } from '../../model';\nimport { DEFAULT_SCRAPE_INTERVAL, PrometheusDatasourceSpec } from '../types';\nimport {\n  PrometheusTimeSeriesQueryEditorProps,\n  useQueryState,\n  useFormatState,\n  useMinStepState,\n} from './query-editor-model';\nimport { DashboardPrometheusTimeSeriesQueryEditor } from './DashboardPrometheusTimeSeriesQueryEditor';\nimport { ExplorePrometheusTimeSeriesQueryEditor } from './ExplorePrometheusTimeSeriesQueryEditor';\n\n/**\n * The options editor component for editing a PrometheusTimeSeriesQuery's spec.\n */\nexport function PrometheusTimeSeriesQueryEditor(props: PrometheusTimeSeriesQueryEditorProps) {\n  const { onChange, value, isExplore } = 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  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  if (isExplore) {\n    return (\n      <ExplorePrometheusTimeSeriesQueryEditor\n        selectedDatasource={selectedDatasource}\n        handleDatasourceChange={handleDatasourceChange}\n        promURL={promURL}\n        query={query}\n        handleQueryChange={handleQueryChange}\n        handleQueryBlur={handleQueryBlur}\n        format={format}\n        handleFormatChange={handleFormatChange}\n        handleFormatBlur={handleFormatBlur}\n        minStepPlaceholder={minStepPlaceholder}\n        minStep={minStep}\n        handleMinStepChange={handleMinStepChange}\n        handleMinStepBlur={handleMinStepBlur}\n      />\n    );\n  }\n\n  return (\n    <DashboardPrometheusTimeSeriesQueryEditor\n      selectedDatasource={selectedDatasource}\n      handleDatasourceChange={handleDatasourceChange}\n      promURL={promURL}\n      query={query}\n      handleQueryChange={handleQueryChange}\n      handleQueryBlur={handleQueryBlur}\n      format={format}\n      handleFormatChange={handleFormatChange}\n      handleFormatBlur={handleFormatBlur}\n      minStepPlaceholder={minStepPlaceholder}\n      minStep={minStep}\n      handleMinStepChange={handleMinStepChange}\n      handleMinStepBlur={handleMinStepBlur}\n    />\n  );\n}\n"],"names":["produce","useDatasource","useDatasourceClient","DEFAULT_PROM","isDefaultPromSelector","isPrometheusDatasourceSelector","DEFAULT_SCRAPE_INTERVAL","useQueryState","useFormatState","useMinStepState","DashboardPrometheusTimeSeriesQueryEditor","ExplorePrometheusTimeSeriesQueryEditor","PrometheusTimeSeriesQueryEditor","props","onChange","value","isExplore","datasource","selectedDatasource","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"],"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,SAASA,OAAO,QAAQ,QAAQ;AAChC,SAAgCC,aAAa,EAAEC,mBAAmB,QAAQ,4BAA4B;AACtG,SAASC,YAAY,EAAEC,qBAAqB,EAAEC,8BAA8B,QAA0B,cAAc;AACpH,SAASC,uBAAuB,QAAkC,WAAW;AAC7E,SAEEC,aAAa,EACbC,cAAc,EACdC,eAAe,QACV,uBAAuB;AAC9B,SAASC,wCAAwC,QAAQ,6CAA6C;AACtG,SAASC,sCAAsC,QAAQ,2CAA2C;AAElG;;CAEC,GACD,OAAO,SAASC,gCAAgCC,KAA2C;IACzF,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,SAAS,EAAE,GAAGH;IACvC,MAAM,EAAEI,UAAU,EAAE,GAAGF;IACvB,MAAMG,qBAAqBD,uBAAAA,wBAAAA,aAAcd;IAEzC,MAAM,EAAEgB,MAAMC,MAAM,EAAE,GAAGlB,oBAAsCgB;IAC/D,MAAMG,UAAUD,mBAAAA,6BAAAA,OAAQE,OAAO,CAACC,aAAa;IAC7C,MAAM,EAAEJ,MAAMK,kBAAkB,EAAE,GAAGvB,cAAciB;IAEnD,MAAM,EAAEO,KAAK,EAAEC,iBAAiB,EAAEC,eAAe,EAAE,GAAGpB,cAAcM;IACpE,MAAM,EAAEe,MAAM,EAAEC,kBAAkB,EAAEC,gBAAgB,EAAE,GAAGtB,eAAeK;IACxE,MAAM,EAAEkB,OAAO,EAAEC,mBAAmB,EAAEC,iBAAiB,EAAE,GAAGxB,gBAAgBI;QAE1EkB;IADF,MAAMG,qBACJH,CAAAA,OAAAA,oBAAAA,qBAAAA,UACCP,sBAAsB,CAACA,+BAAAA,yCAAAA,mBAAoBW,MAAM,CAACC,IAAI,EAA8BC,cAAc,cADnGN,kBAAAA,OAEAzB;IAEF,MAAMgC,yBAA4D,CAACC;QACjE,IAAIlC,+BAA+BkC,OAAO;YACxCzB,SACEd,QAAQe,OAAO,CAACyB;gBACd,sFAAsF;gBACtF,MAAMC,iBAAiBrC,sBAAsBmC,QAAQG,YAAYH;gBACjEC,MAAMvB,UAAU,GAAGwB;YACrB;YAEF;QACF;QAEA,MAAM,IAAIE,MAAM;IAClB;IAEA,IAAI3B,WAAW;QACb,qBACE,KAACL;YACCO,oBAAoBA;YACpBoB,wBAAwBA;YACxBjB,SAASA;YACTI,OAAOA;YACPC,mBAAmBA;YACnBC,iBAAiBA;YACjBC,QAAQA;YACRC,oBAAoBA;YACpBC,kBAAkBA;YAClBI,oBAAoBA;YACpBH,SAASA;YACTC,qBAAqBA;YACrBC,mBAAmBA;;IAGzB;IAEA,qBACE,KAACvB;QACCQ,oBAAoBA;QACpBoB,wBAAwBA;QACxBjB,SAASA;QACTI,OAAOA;QACPC,mBAAmBA;QACnBC,iBAAiBA;QACjBC,QAAQA;QACRC,oBAAoBA;QACpBC,kBAAkBA;QAClBI,oBAAoBA;QACpBH,SAASA;QACTC,qBAAqBA;QACrBC,mBAAmBA;;AAGzB"}
+{"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":"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,SAASA,OAAO,QAAQ,QAAQ;AAChC,SAASC,gBAAgB,EAAyBC,aAAa,EAAEC,mBAAmB,QAAQ,4BAA4B;AACxH,SAASC,WAAW,EAAEC,UAAU,EAAEC,KAAK,EAAEC,SAAS,QAAQ,gBAAgB;AAC1E,SACEC,YAAY,EAEZC,qBAAqB,EACrBC,8BAA8B,EAC9BC,oBAAoB,QAEf,cAAc;AACrB,SAASC,uBAAuB,QAAkC,WAAW;AAC7E,SAASC,YAAY,QAAQ,mBAAmB;AAChD,SAEEC,aAAa,EACbC,cAAc,EACdC,eAAe,QACV,uBAAuB;AAE9B;;CAEC,GACD,OAAO,SAASC,gCAAgCC,KAA2C;IACzF,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGF;IAC5B,MAAM,EAAEG,UAAU,EAAE,GAAGD;IACvB,MAAME,qBAAqBD,uBAAAA,wBAAAA,aAAcb;IACzC,MAAMe,0BAA0B,CAAC,sBAAsB,EAAED,mBAAmBE,IAAI,IAAI,UAAU,CAAC;IAE/F,MAAM,EAAEC,MAAMC,MAAM,EAAE,GAAGvB,oBAAsCmB;IAC/D,MAAMK,UAAUD,mBAAAA,6BAAAA,OAAQE,OAAO,CAACC,aAAa;IAC7C,MAAM,EAAEJ,MAAMK,kBAAkB,EAAE,GAAG5B,cAAcoB;IAEnD,MAAM,EAAES,KAAK,EAAEC,iBAAiB,EAAEC,eAAe,EAAE,GAAGnB,cAAcI;IACpE,MAAM,EAAEgB,MAAM,EAAEC,kBAAkB,EAAEC,gBAAgB,EAAE,GAAGrB,eAAeG;IACxE,MAAM,EAAEmB,OAAO,EAAEC,mBAAmB,EAAEC,iBAAiB,EAAE,GAAGvB,gBAAgBE;QAE1EmB;IADF,MAAMG,qBACJH,CAAAA,OAAAA,oBAAAA,qBAAAA,UACCP,sBAAsB,CAACA,+BAAAA,yCAAAA,mBAAoBW,MAAM,CAACC,IAAI,EAA8BC,cAAc,cADnGN,kBAAAA,OAEAzB;IAEF,MAAMgC,yBAA4D,CAACC;QACjE,IAAInC,+BAA+BmC,OAAO;YACxC1B,SACEnB,QAAQoB,OAAO,CAAC0B;gBACd,sFAAsF;gBACtF,MAAMC,iBAAiBtC,sBAAsBoC,QAAQG,YAAYH;gBACjEC,MAAMzB,UAAU,GAAG0B;YACrB;YAEF;QACF;QAEA,MAAM,IAAIE,MAAM;IAClB;IAEA,qBACE,MAAC3C;QAAM4C,SAAS;;0BACd,MAAC9C;gBAAY+C,QAAO;gBAAQC,WAAW;;kCACrC,KAAC/C;wBAAWgD,IAAI9B;kCAAyB;;kCACzC,KAACtB;wBACCqD,sBAAsB3C;wBACtBS,OAAOE;wBACPH,UAAUyB;wBACVW,SAAShC;wBACTiC,OAAM;;;;0BAGV,KAAC3C;gBACC4C,gBAAgB;oBAAEC,QAAQ;wBAAEC,KAAKhC;oBAAQ;gBAAE;gBAC3CP,OAAOW;gBACPZ,UAAUa;gBACV4B,QAAQ3B;;0BAEV,MAAC3B;gBAAMuD,WAAU;gBAAMX,SAAS;;kCAC9B,KAAC3C;wBACC6C,SAAS;wBACTI,OAAM;wBACNM,aAAY;wBACZC,YAAW;wBACX3C,OAAOc,mBAAAA,oBAAAA,SAAU;wBACjBf,UAAU,CAAC6C,IAAM7B,mBAAmB6B,EAAEC,MAAM,CAAC7C,KAAK;wBAClDwC,QAAQxB;;kCAEV,KAAC7B;wBACCiD,OAAM;wBACNM,aAAatB;wBACbuB,YAAW;wBACX3C,OAAOiB;wBACPlB,UAAU,CAAC6C,IAAM1B,oBAAoB0B,EAAEC,MAAM,CAAC7C,KAAK;wBACnDwC,QAAQrB;wBACR2B,IAAI;4BAAEC,OAAO;wBAAQ;;;;;;AAK/B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/prometheus-plugin",
-  "version": "0.44.0",
+  "version": "0.45.0-rc1",
   "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.44.0",
-    "@perses-dev/core": "0.44.0",
-    "@perses-dev/plugin-system": "0.44.0",
+    "@perses-dev/components": "0.45.0-rc1",
+    "@perses-dev/core": "0.45.0-rc1",
+    "@perses-dev/plugin-system": "0.45.0-rc1",
     "@prometheus-io/codemirror-promql": "^0.43.0",
     "@uiw/react-codemirror": "^4.19.1",
     "date-fns": "^2.28.0",

package/dist/cjs/plugins/prometheus-time-series-query/DashboardPrometheusTimeSeriesQueryEditor.js

@@ -1,88 +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, "DashboardPrometheusTimeSeriesQueryEditor", {
-    enumerable: true,
-    get: function() {
-        return DashboardPrometheusTimeSeriesQueryEditor;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-const _pluginsystem = require("@perses-dev/plugin-system");
-const _model = require("../../model");
-const _components = require("../../components");
-function DashboardPrometheusTimeSeriesQueryEditor(props) {
-    const { selectedDatasource, handleDatasourceChange, promURL, query, handleQueryChange, handleQueryBlur, format, handleFormatBlur, handleMinStepChange, handleFormatChange, handleMinStepBlur, minStepPlaceholder, minStep } = props;
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-        spacing: 2,
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.FormControl, {
-                margin: "dense",
-                fullWidth: false,
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.InputLabel, {
-                        id: "prom-datasource-label",
-                        children: "Prometheus Datasource"
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.DatasourceSelect, {
-                        datasourcePluginKind: _model.PROM_DATASOURCE_KIND,
-                        value: selectedDatasource,
-                        onChange: handleDatasourceChange,
-                        labelId: "prom-datasource-label",
-                        label: "Prometheus Datasource"
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.PromQLEditor, {
-                completeConfig: {
-                    remote: {
-                        url: promURL
-                    }
-                },
-                value: query,
-                onChange: handleQueryChange,
-                onBlur: handleQueryBlur
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                direction: "row",
-                spacing: 2,
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
-                        fullWidth: true,
-                        label: "Legend Name",
-                        placeholder: "Tip: Use {{label_name}}. Example: {{instance}} will be replaced with values such as 'webserver-123' and 'webserver-456'.",
-                        helperText: "Name for each series in the legend and the tooltip.",
-                        value: format !== null && format !== void 0 ? format : '',
-                        onChange: (e)=>handleFormatChange(e.target.value),
-                        onBlur: handleFormatBlur
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
-                        label: "Min Step",
-                        placeholder: minStepPlaceholder,
-                        helperText: "Step parameter of the query. Used by $__interval and $__rate_interval too.",
-                        value: minStep,
-                        onChange: (e)=>handleMinStepChange(e.target.value),
-                        onBlur: handleMinStepBlur,
-                        sx: {
-                            width: '250px'
-                        }
-                    })
-                ]
-            })
-        ]
-    });
-}

package/dist/cjs/plugins/prometheus-time-series-query/ExplorePrometheusTimeSeriesQueryEditor.js

@@ -1,123 +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, "ExplorePrometheusTimeSeriesQueryEditor", {
-    enumerable: true,
-    get: function() {
-        return ExplorePrometheusTimeSeriesQueryEditor;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-const _pluginsystem = require("@perses-dev/plugin-system");
-const _model = require("../../model");
-const _components = require("../../components");
-function ExplorePrometheusTimeSeriesQueryEditor(props) {
-    const { selectedDatasource, handleDatasourceChange, promURL, query, handleQueryChange, handleQueryBlur, format, handleFormatBlur, handleMinStepChange, handleFormatChange, handleMinStepBlur, minStepPlaceholder, minStep } = props;
-    const { project, setProject } = (0, _pluginsystem.useProjectStore)();
-    const handleProjectChange = (next)=>{
-        handleDatasourceChange(_model.DEFAULT_PROM);
-        return setProject(next);
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-        spacing: 2,
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Grid, {
-                container: true,
-                spacing: 2,
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Grid, {
-                        item: true,
-                        xs: 2,
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.FormControl, {
-                            margin: "dense",
-                            fullWidth: true,
-                            children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.InputLabel, {
-                                    id: "project-label",
-                                    children: "Projects"
-                                }),
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.ProjectSelect, {
-                                    labelId: "project-label",
-                                    label: "Projects",
-                                    value: project,
-                                    onChange: handleProjectChange
-                                })
-                            ]
-                        })
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Grid, {
-                        item: true,
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.FormControl, {
-                            margin: "dense",
-                            fullWidth: true,
-                            children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.InputLabel, {
-                                    id: "prom-datasource-label",
-                                    children: "Prometheus Datasource"
-                                }),
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.DatasourceSelect, {
-                                    datasourcePluginKind: _model.PROM_DATASOURCE_KIND,
-                                    value: selectedDatasource,
-                                    project: project.metadata.name,
-                                    onChange: handleDatasourceChange,
-                                    labelId: "prom-datasource-label",
-                                    label: "Prometheus Datasource"
-                                })
-                            ]
-                        })
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.PromQLEditor, {
-                completeConfig: {
-                    remote: {
-                        url: promURL
-                    }
-                },
-                value: query,
-                onChange: handleQueryChange,
-                onBlur: handleQueryBlur
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                direction: "row",
-                spacing: 2,
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
-                        fullWidth: true,
-                        label: "Legend Name",
-                        placeholder: "Tip: Use {{label_name}}. Example: {{instance}} will be replaced with values such as 'webserver-123' and 'webserver-456'.",
-                        helperText: "Name for each series in the legend and the tooltip.",
-                        value: format !== null && format !== void 0 ? format : '',
-                        onChange: (e)=>handleFormatChange(e.target.value),
-                        onBlur: handleFormatBlur
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
-                        label: "Min Step",
-                        placeholder: minStepPlaceholder,
-                        helperText: "Step parameter of the query. Used by $__interval and $__rate_interval too.",
-                        value: minStep,
-                        onChange: (e)=>handleMinStepChange(e.target.value),
-                        onBlur: handleMinStepBlur,
-                        sx: {
-                            width: '250px'
-                        }
-                    })
-                ]
-            })
-        ]
-    });
-}

package/dist/plugins/prometheus-time-series-query/DashboardPrometheusTimeSeriesQueryEditor.d.ts

@@ -1,20 +0,0 @@
-import { DatasourceSelector } from '@perses-dev/core/dist/model';
-import { DurationString, PrometheusDatasourceSelector } from '../../model';
-interface DashboardPrometheusTimeSeriesQueryEditorProps {
-    selectedDatasource: PrometheusDatasourceSelector;
-    handleDatasourceChange: (next: DatasourceSelector) => void;
-    promURL: string | undefined;
-    query: string;
-    handleQueryChange: (e: string) => void;
-    handleQueryBlur: () => void;
-    format: string | undefined;
-    handleFormatChange: (e: string) => void;
-    handleFormatBlur: () => void;
-    minStepPlaceholder: string;
-    minStep: string | undefined;
-    handleMinStepChange: (e: DurationString) => void;
-    handleMinStepBlur: () => void;
-}
-export declare function DashboardPrometheusTimeSeriesQueryEditor(props: DashboardPrometheusTimeSeriesQueryEditorProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=DashboardPrometheusTimeSeriesQueryEditor.d.ts.map

package/dist/plugins/prometheus-time-series-query/DashboardPrometheusTimeSeriesQueryEditor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DashboardPrometheusTimeSeriesQueryEditor.d.ts","sourceRoot":"","sources":["../../../src/plugins/prometheus-time-series-query/DashboardPrometheusTimeSeriesQueryEditor.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,cAAc,EAAwB,4BAA4B,EAAE,MAAM,aAAa,CAAC;AAGjG,UAAU,6CAA6C;IACrD,kBAAkB,EAAE,4BAA4B,CAAC;IACjD,sBAAsB,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC3D,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,kBAAkB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,mBAAmB,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,iBAAiB,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED,wBAAgB,wCAAwC,CAAC,KAAK,EAAE,6CAA6C,2CA2D5G"}

package/dist/plugins/prometheus-time-series-query/DashboardPrometheusTimeSeriesQueryEditor.js

@@ -1,80 +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, jsxs as _jsxs } from "react/jsx-runtime";
-import { Stack, TextField, FormControl, InputLabel } from '@mui/material';
-import { DatasourceSelect } from '@perses-dev/plugin-system';
-import { PROM_DATASOURCE_KIND } from '../../model';
-import { PromQLEditor } from '../../components';
-export function DashboardPrometheusTimeSeriesQueryEditor(props) {
-    const { selectedDatasource, handleDatasourceChange, promURL, query, handleQueryChange, handleQueryBlur, format, handleFormatBlur, handleMinStepChange, handleFormatChange, handleMinStepBlur, minStepPlaceholder, minStep } = props;
-    return /*#__PURE__*/ _jsxs(Stack, {
-        spacing: 2,
-        children: [
-            /*#__PURE__*/ _jsxs(FormControl, {
-                margin: "dense",
-                fullWidth: false,
-                children: [
-                    /*#__PURE__*/ _jsx(InputLabel, {
-                        id: "prom-datasource-label",
-                        children: "Prometheus Datasource"
-                    }),
-                    /*#__PURE__*/ _jsx(DatasourceSelect, {
-                        datasourcePluginKind: PROM_DATASOURCE_KIND,
-                        value: selectedDatasource,
-                        onChange: handleDatasourceChange,
-                        labelId: "prom-datasource-label",
-                        label: "Prometheus Datasource"
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsx(PromQLEditor, {
-                completeConfig: {
-                    remote: {
-                        url: promURL
-                    }
-                },
-                value: query,
-                onChange: handleQueryChange,
-                onBlur: handleQueryBlur
-            }),
-            /*#__PURE__*/ _jsxs(Stack, {
-                direction: "row",
-                spacing: 2,
-                children: [
-                    /*#__PURE__*/ _jsx(TextField, {
-                        fullWidth: true,
-                        label: "Legend Name",
-                        placeholder: "Tip: Use {{label_name}}. Example: {{instance}} will be replaced with values such as 'webserver-123' and 'webserver-456'.",
-                        helperText: "Name for each series in the legend and the tooltip.",
-                        value: format !== null && format !== void 0 ? format : '',
-                        onChange: (e)=>handleFormatChange(e.target.value),
-                        onBlur: handleFormatBlur
-                    }),
-                    /*#__PURE__*/ _jsx(TextField, {
-                        label: "Min Step",
-                        placeholder: minStepPlaceholder,
-                        helperText: "Step parameter of the query. Used by $__interval and $__rate_interval too.",
-                        value: minStep,
-                        onChange: (e)=>handleMinStepChange(e.target.value),
-                        onBlur: handleMinStepBlur,
-                        sx: {
-                            width: '250px'
-                        }
-                    })
-                ]
-            })
-        ]
-    });
-}
-
-//# sourceMappingURL=DashboardPrometheusTimeSeriesQueryEditor.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/plugins/prometheus-time-series-query/DashboardPrometheusTimeSeriesQueryEditor.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 { Stack, TextField, FormControl, InputLabel } from '@mui/material';\nimport { DatasourceSelect } from '@perses-dev/plugin-system';\nimport { DatasourceSelector } from '@perses-dev/core/dist/model';\nimport { DurationString, PROM_DATASOURCE_KIND, PrometheusDatasourceSelector } from '../../model';\nimport { PromQLEditor } from '../../components';\n\ninterface DashboardPrometheusTimeSeriesQueryEditorProps {\n  selectedDatasource: PrometheusDatasourceSelector;\n  handleDatasourceChange: (next: DatasourceSelector) => void;\n  promURL: string | undefined;\n  query: string;\n  handleQueryChange: (e: string) => void;\n  handleQueryBlur: () => void;\n  format: string | undefined;\n  handleFormatChange: (e: string) => void;\n  handleFormatBlur: () => void;\n  minStepPlaceholder: string;\n  minStep: string | undefined;\n  handleMinStepChange: (e: DurationString) => void;\n  handleMinStepBlur: () => void;\n}\n\nexport function DashboardPrometheusTimeSeriesQueryEditor(props: DashboardPrometheusTimeSeriesQueryEditorProps) {\n  const {\n    selectedDatasource,\n    handleDatasourceChange,\n    promURL,\n    query,\n    handleQueryChange,\n    handleQueryBlur,\n    format,\n    handleFormatBlur,\n    handleMinStepChange,\n    handleFormatChange,\n    handleMinStepBlur,\n    minStepPlaceholder,\n    minStep,\n  } = props;\n\n  return (\n    <Stack spacing={2}>\n      <FormControl margin=\"dense\" fullWidth={false}>\n        {/* TODO: How do we ensure unique ID values if there are multiple of these? Can we use React 18 useId and\n                maintain 17 compatibility somehow with a polyfill/shim? */}\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        />\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":["Stack","TextField","FormControl","InputLabel","DatasourceSelect","PROM_DATASOURCE_KIND","PromQLEditor","DashboardPrometheusTimeSeriesQueryEditor","props","selectedDatasource","handleDatasourceChange","promURL","query","handleQueryChange","handleQueryBlur","format","handleFormatBlur","handleMinStepChange","handleFormatChange","handleMinStepBlur","minStepPlaceholder","minStep","spacing","margin","fullWidth","id","datasourcePluginKind","value","onChange","labelId","label","completeConfig","remote","url","onBlur","direction","placeholder","helperText","e","target","sx","width"],"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,SAASA,KAAK,EAAEC,SAAS,EAAEC,WAAW,EAAEC,UAAU,QAAQ,gBAAgB;AAC1E,SAASC,gBAAgB,QAAQ,4BAA4B;AAE7D,SAAyBC,oBAAoB,QAAsC,cAAc;AACjG,SAASC,YAAY,QAAQ,mBAAmB;AAkBhD,OAAO,SAASC,yCAAyCC,KAAoD;IAC3G,MAAM,EACJC,kBAAkB,EAClBC,sBAAsB,EACtBC,OAAO,EACPC,KAAK,EACLC,iBAAiB,EACjBC,eAAe,EACfC,MAAM,EACNC,gBAAgB,EAChBC,mBAAmB,EACnBC,kBAAkB,EAClBC,iBAAiB,EACjBC,kBAAkB,EAClBC,OAAO,EACR,GAAGb;IAEJ,qBACE,MAACR;QAAMsB,SAAS;;0BACd,MAACpB;gBAAYqB,QAAO;gBAAQC,WAAW;;kCAGrC,KAACrB;wBAAWsB,IAAG;kCAAwB;;kCACvC,KAACrB;wBACCsB,sBAAsBrB;wBACtBsB,OAAOlB;wBACPmB,UAAUlB;wBACVmB,SAAQ;wBACRC,OAAM;;;;0BAGV,KAACxB;gBACCyB,gBAAgB;oBAAEC,QAAQ;wBAAEC,KAAKtB;oBAAQ;gBAAE;gBAC3CgB,OAAOf;gBACPgB,UAAUf;gBACVqB,QAAQpB;;0BAEV,MAACd;gBAAMmC,WAAU;gBAAMb,SAAS;;kCAC9B,KAACrB;wBACCuB,SAAS;wBACTM,OAAM;wBACNM,aAAY;wBACZC,YAAW;wBACXV,OAAOZ,mBAAAA,oBAAAA,SAAU;wBACjBa,UAAU,CAACU,IAAMpB,mBAAmBoB,EAAEC,MAAM,CAACZ,KAAK;wBAClDO,QAAQlB;;kCAEV,KAACf;wBACC6B,OAAM;wBACNM,aAAahB;wBACbiB,YAAW;wBACXV,OAAON;wBACPO,UAAU,CAACU,IAAMrB,oBAAoBqB,EAAEC,MAAM,CAACZ,KAAK;wBACnDO,QAAQf;wBACRqB,IAAI;4BAAEC,OAAO;wBAAQ;;;;;;AAK/B"}

package/dist/plugins/prometheus-time-series-query/ExplorePrometheusTimeSeriesQueryEditor.d.ts

@@ -1,20 +0,0 @@
-import { DatasourceSelector } from '@perses-dev/core/dist/model';
-import { DurationString, PrometheusDatasourceSelector } from '../../model';
-interface ExplorePrometheusTimeSeriesQueryEditorProps {
-    selectedDatasource: PrometheusDatasourceSelector;
-    handleDatasourceChange: (next: DatasourceSelector) => void;
-    promURL: string | undefined;
-    query: string;
-    handleQueryChange: (e: string) => void;
-    handleQueryBlur: () => void;
-    format: string | undefined;
-    handleFormatChange: (e: string) => void;
-    handleFormatBlur: () => void;
-    minStepPlaceholder: string;
-    minStep: string | undefined;
-    handleMinStepChange: (e: DurationString) => void;
-    handleMinStepBlur: () => void;
-}
-export declare function ExplorePrometheusTimeSeriesQueryEditor(props: ExplorePrometheusTimeSeriesQueryEditorProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ExplorePrometheusTimeSeriesQueryEditor.d.ts.map

package/dist/plugins/prometheus-time-series-query/ExplorePrometheusTimeSeriesQueryEditor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExplorePrometheusTimeSeriesQueryEditor.d.ts","sourceRoot":"","sources":["../../../src/plugins/prometheus-time-series-query/ExplorePrometheusTimeSeriesQueryEditor.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,kBAAkB,EAAmB,MAAM,6BAA6B,CAAC;AAClF,OAAO,EAAgB,cAAc,EAAwB,4BAA4B,EAAE,MAAM,aAAa,CAAC;AAG/G,UAAU,2CAA2C;IACnD,kBAAkB,EAAE,4BAA4B,CAAC;IACjD,sBAAsB,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC3D,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,kBAAkB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,mBAAmB,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,iBAAiB,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED,wBAAgB,sCAAsC,CAAC,KAAK,EAAE,2CAA2C,2CA+ExG"}

package/dist/plugins/prometheus-time-series-query/ExplorePrometheusTimeSeriesQueryEditor.js

@@ -1,115 +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, jsxs as _jsxs } from "react/jsx-runtime";
-import { Stack, TextField, FormControl, InputLabel, Grid } from '@mui/material';
-import { DatasourceSelect, ProjectSelect, useProjectStore } from '@perses-dev/plugin-system';
-import { DEFAULT_PROM, PROM_DATASOURCE_KIND } from '../../model';
-import { PromQLEditor } from '../../components';
-export function ExplorePrometheusTimeSeriesQueryEditor(props) {
-    const { selectedDatasource, handleDatasourceChange, promURL, query, handleQueryChange, handleQueryBlur, format, handleFormatBlur, handleMinStepChange, handleFormatChange, handleMinStepBlur, minStepPlaceholder, minStep } = props;
-    const { project, setProject } = useProjectStore();
-    const handleProjectChange = (next)=>{
-        handleDatasourceChange(DEFAULT_PROM);
-        return setProject(next);
-    };
-    return /*#__PURE__*/ _jsxs(Stack, {
-        spacing: 2,
-        children: [
-            /*#__PURE__*/ _jsxs(Grid, {
-                container: true,
-                spacing: 2,
-                children: [
-                    /*#__PURE__*/ _jsx(Grid, {
-                        item: true,
-                        xs: 2,
-                        children: /*#__PURE__*/ _jsxs(FormControl, {
-                            margin: "dense",
-                            fullWidth: true,
-                            children: [
-                                /*#__PURE__*/ _jsx(InputLabel, {
-                                    id: "project-label",
-                                    children: "Projects"
-                                }),
-                                /*#__PURE__*/ _jsx(ProjectSelect, {
-                                    labelId: "project-label",
-                                    label: "Projects",
-                                    value: project,
-                                    onChange: handleProjectChange
-                                })
-                            ]
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx(Grid, {
-                        item: true,
-                        children: /*#__PURE__*/ _jsxs(FormControl, {
-                            margin: "dense",
-                            fullWidth: true,
-                            children: [
-                                /*#__PURE__*/ _jsx(InputLabel, {
-                                    id: "prom-datasource-label",
-                                    children: "Prometheus Datasource"
-                                }),
-                                /*#__PURE__*/ _jsx(DatasourceSelect, {
-                                    datasourcePluginKind: PROM_DATASOURCE_KIND,
-                                    value: selectedDatasource,
-                                    project: project.metadata.name,
-                                    onChange: handleDatasourceChange,
-                                    labelId: "prom-datasource-label",
-                                    label: "Prometheus Datasource"
-                                })
-                            ]
-                        })
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsx(PromQLEditor, {
-                completeConfig: {
-                    remote: {
-                        url: promURL
-                    }
-                },
-                value: query,
-                onChange: handleQueryChange,
-                onBlur: handleQueryBlur
-            }),
-            /*#__PURE__*/ _jsxs(Stack, {
-                direction: "row",
-                spacing: 2,
-                children: [
-                    /*#__PURE__*/ _jsx(TextField, {
-                        fullWidth: true,
-                        label: "Legend Name",
-                        placeholder: "Tip: Use {{label_name}}. Example: {{instance}} will be replaced with values such as 'webserver-123' and 'webserver-456'.",
-                        helperText: "Name for each series in the legend and the tooltip.",
-                        value: format !== null && format !== void 0 ? format : '',
-                        onChange: (e)=>handleFormatChange(e.target.value),
-                        onBlur: handleFormatBlur
-                    }),
-                    /*#__PURE__*/ _jsx(TextField, {
-                        label: "Min Step",
-                        placeholder: minStepPlaceholder,
-                        helperText: "Step parameter of the query. Used by $__interval and $__rate_interval too.",
-                        value: minStep,
-                        onChange: (e)=>handleMinStepChange(e.target.value),
-                        onBlur: handleMinStepBlur,
-                        sx: {
-                            width: '250px'
-                        }
-                    })
-                ]
-            })
-        ]
-    });
-}
-
-//# sourceMappingURL=ExplorePrometheusTimeSeriesQueryEditor.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/plugins/prometheus-time-series-query/ExplorePrometheusTimeSeriesQueryEditor.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 { Stack, TextField, FormControl, InputLabel, Grid } from '@mui/material';\nimport { DatasourceSelect, ProjectSelect, useProjectStore } from '@perses-dev/plugin-system';\nimport { DatasourceSelector, ProjectResource } from '@perses-dev/core/dist/model';\nimport { DEFAULT_PROM, DurationString, PROM_DATASOURCE_KIND, PrometheusDatasourceSelector } from '../../model';\nimport { PromQLEditor } from '../../components';\n\ninterface ExplorePrometheusTimeSeriesQueryEditorProps {\n  selectedDatasource: PrometheusDatasourceSelector;\n  handleDatasourceChange: (next: DatasourceSelector) => void;\n  promURL: string | undefined;\n  query: string;\n  handleQueryChange: (e: string) => void;\n  handleQueryBlur: () => void;\n  format: string | undefined;\n  handleFormatChange: (e: string) => void;\n  handleFormatBlur: () => void;\n  minStepPlaceholder: string;\n  minStep: string | undefined;\n  handleMinStepChange: (e: DurationString) => void;\n  handleMinStepBlur: () => void;\n}\n\nexport function ExplorePrometheusTimeSeriesQueryEditor(props: ExplorePrometheusTimeSeriesQueryEditorProps) {\n  const {\n    selectedDatasource,\n    handleDatasourceChange,\n    promURL,\n    query,\n    handleQueryChange,\n    handleQueryBlur,\n    format,\n    handleFormatBlur,\n    handleMinStepChange,\n    handleFormatChange,\n    handleMinStepBlur,\n    minStepPlaceholder,\n    minStep,\n  } = props;\n\n  const { project, setProject } = useProjectStore();\n\n  const handleProjectChange = (next: ProjectResource) => {\n    handleDatasourceChange(DEFAULT_PROM);\n    return setProject(next);\n  };\n\n  return (\n    <Stack spacing={2}>\n      <Grid container spacing={2}>\n        <Grid item xs={2}>\n          <FormControl margin=\"dense\" fullWidth={true}>\n            {/* TODO: How do we ensure unique ID values if there are multiple of these? Can we use React 18 useId and\n                maintain 17 compatibility somehow with a polyfill/shim? */}\n            <InputLabel id=\"project-label\">Projects</InputLabel>\n            <ProjectSelect labelId=\"project-label\" label=\"Projects\" value={project} onChange={handleProjectChange} />\n          </FormControl>\n        </Grid>\n        <Grid item>\n          <FormControl margin=\"dense\" fullWidth={true}>\n            {/* TODO: How do we ensure unique ID values if there are multiple of these? Can we use React 18 useId and\n                maintain 17 compatibility somehow with a polyfill/shim? */}\n            <InputLabel id=\"prom-datasource-label\">Prometheus Datasource</InputLabel>\n            <DatasourceSelect\n              datasourcePluginKind={PROM_DATASOURCE_KIND}\n              value={selectedDatasource}\n              project={project.metadata.name}\n              onChange={handleDatasourceChange}\n              labelId=\"prom-datasource-label\"\n              label=\"Prometheus Datasource\"\n            />\n          </FormControl>\n        </Grid>\n      </Grid>\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":["Stack","TextField","FormControl","InputLabel","Grid","DatasourceSelect","ProjectSelect","useProjectStore","DEFAULT_PROM","PROM_DATASOURCE_KIND","PromQLEditor","ExplorePrometheusTimeSeriesQueryEditor","props","selectedDatasource","handleDatasourceChange","promURL","query","handleQueryChange","handleQueryBlur","format","handleFormatBlur","handleMinStepChange","handleFormatChange","handleMinStepBlur","minStepPlaceholder","minStep","project","setProject","handleProjectChange","next","spacing","container","item","xs","margin","fullWidth","id","labelId","label","value","onChange","datasourcePluginKind","metadata","name","completeConfig","remote","url","onBlur","direction","placeholder","helperText","e","target","sx","width"],"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,SAASA,KAAK,EAAEC,SAAS,EAAEC,WAAW,EAAEC,UAAU,EAAEC,IAAI,QAAQ,gBAAgB;AAChF,SAASC,gBAAgB,EAAEC,aAAa,EAAEC,eAAe,QAAQ,4BAA4B;AAE7F,SAASC,YAAY,EAAkBC,oBAAoB,QAAsC,cAAc;AAC/G,SAASC,YAAY,QAAQ,mBAAmB;AAkBhD,OAAO,SAASC,uCAAuCC,KAAkD;IACvG,MAAM,EACJC,kBAAkB,EAClBC,sBAAsB,EACtBC,OAAO,EACPC,KAAK,EACLC,iBAAiB,EACjBC,eAAe,EACfC,MAAM,EACNC,gBAAgB,EAChBC,mBAAmB,EACnBC,kBAAkB,EAClBC,iBAAiB,EACjBC,kBAAkB,EAClBC,OAAO,EACR,GAAGb;IAEJ,MAAM,EAAEc,OAAO,EAAEC,UAAU,EAAE,GAAGpB;IAEhC,MAAMqB,sBAAsB,CAACC;QAC3Bf,uBAAuBN;QACvB,OAAOmB,WAAWE;IACpB;IAEA,qBACE,MAAC7B;QAAM8B,SAAS;;0BACd,MAAC1B;gBAAK2B,SAAS;gBAACD,SAAS;;kCACvB,KAAC1B;wBAAK4B,IAAI;wBAACC,IAAI;kCACb,cAAA,MAAC/B;4BAAYgC,QAAO;4BAAQC,WAAW;;8CAGrC,KAAChC;oCAAWiC,IAAG;8CAAgB;;8CAC/B,KAAC9B;oCAAc+B,SAAQ;oCAAgBC,OAAM;oCAAWC,OAAOb;oCAASc,UAAUZ;;;;;kCAGtF,KAACxB;wBAAK4B,IAAI;kCACR,cAAA,MAAC9B;4BAAYgC,QAAO;4BAAQC,WAAW;;8CAGrC,KAAChC;oCAAWiC,IAAG;8CAAwB;;8CACvC,KAAC/B;oCACCoC,sBAAsBhC;oCACtB8B,OAAO1B;oCACPa,SAASA,QAAQgB,QAAQ,CAACC,IAAI;oCAC9BH,UAAU1B;oCACVuB,SAAQ;oCACRC,OAAM;;;;;;;0BAKd,KAAC5B;gBACCkC,gBAAgB;oBAAEC,QAAQ;wBAAEC,KAAK/B;oBAAQ;gBAAE;gBAC3CwB,OAAOvB;gBACPwB,UAAUvB;gBACV8B,QAAQ7B;;0BAEV,MAAClB;gBAAMgD,WAAU;gBAAMlB,SAAS;;kCAC9B,KAAC7B;wBACCkC,SAAS;wBACTG,OAAM;wBACNW,aAAY;wBACZC,YAAW;wBACXX,OAAOpB,mBAAAA,oBAAAA,SAAU;wBACjBqB,UAAU,CAACW,IAAM7B,mBAAmB6B,EAAEC,MAAM,CAACb,KAAK;wBAClDQ,QAAQ3B;;kCAEV,KAACnB;wBACCqC,OAAM;wBACNW,aAAazB;wBACb0B,YAAW;wBACXX,OAAOd;wBACPe,UAAU,CAACW,IAAM9B,oBAAoB8B,EAAEC,MAAM,CAACb,KAAK;wBACnDQ,QAAQxB;wBACR8B,IAAI;4BAAEC,OAAO;wBAAQ;;;;;;AAK/B"}