npm - @perses-dev/prometheus-plugin - Versions diffs - 0.41.1 → 0.42.1 - Mend

@perses-dev/prometheus-plugin 0.41.1 → 0.42.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (34) hide show

package/dist/plugins/PrometheusDatasourceEditor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/plugins/PrometheusDatasourceEditor.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 { DurationString, RequestHeaders } from '@perses-dev/core';\nimport { OptionsEditorRadios } from '@perses-dev/plugin-system';\nimport { Grid, IconButton, MenuItem, TextField, Typography } from '@mui/material';\nimport React, { Fragment, useState } from 'react';\nimport { produce } from 'immer';\nimport MinusIcon from 'mdi-material-ui/Minus';\nimport PlusIcon from 'mdi-material-ui/Plus';\nimport { DEFAULT_SCRAPE_INTERVAL, PrometheusDatasourceSpec } from './types';\n\nexport interface PrometheusDatasourceEditorProps {\n value: PrometheusDatasourceSpec;\n onChange: (next: PrometheusDatasourceSpec) => void;\n isReadonly?: boolean;\n}\n\nexport function PrometheusDatasourceEditor(props: PrometheusDatasourceEditorProps) {\n const { value, onChange, isReadonly } = props;\n const strDirect = 'Direct access';\n const strProxy = 'Proxy';\n\n // utilitary function used for headers when renaming a property\n // -> TODO it would be cleaner to manipulate headers as an intermediary list instead, to avoid doing this.\n const buildNewHeaders = (oldHeaders: RequestHeaders \| undefined, oldName: string, newName: string) => {\n if (oldHeaders === undefined) return oldHeaders;\n const keys = Object.keys(oldHeaders);\n const newHeaders = keys.reduce<Record<string, string>>((acc, val) => {\n if (val === oldName) {\n acc[newName] = oldHeaders[oldName] \|\| '';\n } else {\n acc[val] = oldHeaders[val] \|\| '';\n }\n return acc;\n }, {});\n\n return { ...newHeaders };\n };\n\n const tabs = [\n {\n label: strDirect,\n content: (\n <>\n <TextField\n fullWidth\n label=\"URL\"\n value={value.directUrl \|\| ''}\n InputProps={{\n readOnly: isReadonly,\n }}\n InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n onChange={(e) => {\n onChange(\n produce(value, (draft) => {\n draft.directUrl = e.target.value;\n })\n );\n }}\n />\n </>\n ),\n },\n {\n label: strProxy,\n content: (\n <>\n <TextField\n fullWidth\n label=\"URL\"\n value={value.proxy?.spec.url \|\| ''}\n InputProps={{\n readOnly: isReadonly,\n }}\n InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n onChange={(e) => {\n onChange(\n produce(value, (draft) => {\n if (draft.proxy !== undefined) {\n draft.proxy.spec.url = e.target.value;\n }\n })\n );\n }}\n sx={{ mb: 2 }}\n />\n <Typography variant=\"h4\" mb={2}>\n Allowed endpoints\n </Typography>\n <Grid container spacing={2} mb={2}>\n {value.proxy?.spec.allowedEndpoints && value.proxy?.spec.allowedEndpoints.length != 0 ? (\n value.proxy.spec.allowedEndpoints.map(({ endpointPattern, method }, i) => {\n return (\n <Fragment key={i}>\n <Grid item xs={8}>\n <TextField\n fullWidth\n label=\"Endpoint pattern\"\n value={endpointPattern}\n InputProps={{\n readOnly: isReadonly,\n }}\n InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n onChange={(e) => {\n onChange(\n produce(value, (draft) => {\n if (draft.proxy !== undefined) {\n draft.proxy.spec.allowedEndpoints = draft.proxy.spec.allowedEndpoints?.map(\n (item, itemIndex) => {\n if (i === itemIndex) {\n return {\n endpointPattern: e.target.value,\n method: item.method,\n };\n } else {\n return item;\n }\n }\n );\n }\n })\n );\n }}\n />\n </Grid>\n <Grid item xs={3}>\n <TextField\n select\n fullWidth\n label=\"Method\"\n value={method}\n InputProps={{\n readOnly: isReadonly,\n }}\n InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n onChange={(e) => {\n onChange(\n produce(value, (draft) => {\n if (draft.proxy !== undefined) {\n draft.proxy.spec.allowedEndpoints = draft.proxy.spec.allowedEndpoints?.map(\n (item, itemIndex) => {\n if (i === itemIndex) {\n return {\n endpointPattern: item.endpointPattern,\n method: e.target.value,\n };\n } else {\n return item;\n }\n }\n );\n }\n })\n );\n }}\n >\n <MenuItem value=\"GET\">GET</MenuItem>\n <MenuItem value=\"POST\">POST</MenuItem>\n <MenuItem value=\"PUT\">PUT</MenuItem>\n <MenuItem value=\"PATCH\">PATCH</MenuItem>\n <MenuItem value=\"DELETE\">DELETE</MenuItem>\n </TextField>\n </Grid>\n <Grid item xs={1}>\n <IconButton\n disabled={isReadonly}\n // Remove the given allowed endpoint from the list\n onClick={() => {\n onChange(\n produce(value, (draft) => {\n if (draft.proxy !== undefined) {\n draft.proxy.spec.allowedEndpoints = [\n ...(draft.proxy.spec.allowedEndpoints?.filter((item, itemIndex) => {\n return itemIndex !== i;\n }) \|\| []),\n ];\n }\n })\n );\n }}\n >\n <MinusIcon />\n </IconButton>\n </Grid>\n </Fragment>\n );\n })\n ) : (\n <Grid item xs={4}>\n <Typography sx={{ fontStyle: 'italic' }}>None</Typography>\n </Grid>\n )}\n <Grid item xs={12} sx={{ paddingTop: '0px !important', paddingLeft: '5px !important' }}>\n <IconButton\n disabled={isReadonly}\n // Add a new (empty) allowed endpoint to the list\n onClick={() =>\n onChange(\n produce(value, (draft) => {\n if (draft.proxy !== undefined) {\n draft.proxy.spec.allowedEndpoints = [\n ...(draft.proxy.spec.allowedEndpoints ?? []),\n { endpointPattern: '', method: '' },\n ];\n }\n })\n )\n }\n >\n <PlusIcon />\n </IconButton>\n </Grid>\n </Grid>\n <Typography variant=\"h4\" mb={2}>\n Request Headers\n </Typography>\n <Grid container spacing={2} mb={2}>\n {value.proxy?.spec.headers &&\n Object.keys(value.proxy.spec.headers).map((headerName, i) => {\n return (\n <Fragment key={i}>\n <Grid item xs={4}>\n <TextField\n fullWidth\n label=\"Header name\"\n value={headerName}\n InputProps={{\n readOnly: isReadonly,\n }}\n InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n onChange={(e) =>\n onChange(\n produce(value, (draft) => {\n if (draft.proxy !== undefined) {\n draft.proxy.spec.headers = buildNewHeaders(\n draft.proxy.spec.headers,\n headerName,\n e.target.value\n );\n }\n })\n )\n }\n />\n </Grid>\n <Grid item xs={7}>\n <TextField\n fullWidth\n label=\"Header value\"\n value={value.proxy?.spec.headers?.[headerName]}\n InputProps={{\n readOnly: isReadonly,\n }}\n InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n onChange={(e) =>\n onChange(\n produce(value, (draft) => {\n if (draft.proxy !== undefined) {\n draft.proxy.spec.headers = {\n ...draft.proxy.spec.headers,\n [headerName]: e.target.value,\n };\n }\n })\n )\n }\n />\n </Grid>\n <Grid item xs={1}>\n <IconButton\n disabled={isReadonly}\n // Remove the given header from the list\n onClick={() => {\n const newHeaders = { ...value.proxy?.spec.headers };\n delete newHeaders[headerName];\n onChange(\n produce(value, (draft) => {\n if (draft.proxy !== undefined) {\n draft.proxy.spec.headers = newHeaders;\n }\n })\n );\n }}\n >\n <MinusIcon />\n </IconButton>\n </Grid>\n </Fragment>\n );\n })}\n <Grid item xs={12} sx={{ paddingTop: '0px !important', paddingLeft: '5px !important' }}>\n <IconButton\n disabled={isReadonly}\n // Add a new (empty) header to the list\n onClick={() =>\n onChange(\n produce(value, (draft) => {\n if (draft.proxy !== undefined) {\n draft.proxy.spec.headers = { ...draft.proxy.spec.headers, '': '' };\n }\n })\n )\n }\n >\n <PlusIcon />\n </IconButton>\n </Grid>\n </Grid>\n <TextField\n fullWidth\n label=\"Secret\"\n value={value.proxy?.spec.secret \|\| ''}\n InputProps={{\n readOnly: isReadonly,\n }}\n InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n onChange={(e) => {\n onChange(\n produce(value, (draft) => {\n if (draft.proxy !== undefined) {\n draft.proxy.spec.secret = e.target.value;\n }\n })\n );\n }}\n />\n </>\n ),\n },\n ];\n\n // Use of findIndex instead of providing hardcoded values to avoid desynchronisatio or\n // bug in case the tabs get eventually swapped in the future.\n const directModeId = tabs.findIndex((tab) => tab.label == strDirect);\n const proxyModeId = tabs.findIndex((tab) => tab.label == strProxy);\n\n // In \"update datasource\" case, set defaultTab to the mode that this datasource is currently relying on.\n // Otherwise (create datasource), set defaultTab to Direct access.\n const defaultTab = value.proxy ? proxyModeId : directModeId;\n\n const initialSpecDirect: PrometheusDatasourceSpec = {\n directUrl: '',\n };\n\n const initialSpecProxy: PrometheusDatasourceSpec = {\n proxy: {\n kind: 'HTTPProxy',\n spec: {\n allowedEndpoints: [\n // list of standard endpoints suggested by default\n {\n endpointPattern: '/api/v1/labels',\n method: 'POST',\n },\n {\n endpointPattern: '/api/v1/series',\n method: 'POST',\n },\n {\n endpointPattern: '/api/v1/metadata',\n method: 'GET',\n },\n {\n endpointPattern: '/api/v1/query',\n method: 'POST',\n },\n {\n endpointPattern: '/api/v1/query_range',\n method: 'POST',\n },\n {\n endpointPattern: '/api/v1/label/([a-zA-Z0-9_-]+)/values',\n method: 'GET',\n },\n ],\n url: '',\n },\n },\n };\n\n // For better user experience, save previous states in mind for both mode.\n // This avoids losing everything when the user changes their mind back.\n const [previousSpecDirect, setPreviousSpecDirect] = useState(initialSpecDirect);\n const [previousSpecProxy, setPreviousSpecProxy] = useState(initialSpecProxy);\n\n // When changing mode, remove previous mode's config + append default values for the new mode.\n const handleModeChange = (v: number) => {\n if (tabs[v]?.label == strDirect) {\n setPreviousSpecProxy(value);\n onChange(previousSpecDirect);\n } else if (tabs[v]?.label == strProxy) {\n setPreviousSpecDirect(value);\n onChange(previousSpecProxy);\n }\n };\n\n return (\n <>\n <Typography variant=\"h4\" mb={2}>\n General Settings\n </Typography>\n <TextField\n fullWidth\n label=\"Scrape Interval\"\n value={value.scrapeInterval \|\| ''}\n placeholder={`Default: ${DEFAULT_SCRAPE_INTERVAL}`}\n InputProps={{\n readOnly: isReadonly,\n }}\n InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n onChange={(e) => onChange({ ...value, scrapeInterval: e.target.value as DurationString })}\n />\n <Typography variant=\"h4\" mt={2}>\n HTTP Settings\n </Typography>\n <OptionsEditorRadios\n isReadonly={isReadonly}\n tabs={tabs}\n defaultTab={defaultTab}\n onModeChange={handleModeChange}\n />\n </>\n );\n}\n"],"names":["OptionsEditorRadios","Grid","IconButton","MenuItem","TextField","Typography","React","Fragment","useState","produce","MinusIcon","PlusIcon","DEFAULT_SCRAPE_INTERVAL","PrometheusDatasourceEditor","props","value","onChange","isReadonly","strDirect","strProxy","buildNewHeaders","oldHeaders","oldName","newName","undefined","keys","Object","newHeaders","reduce","acc","val","tabs","label","content","fullWidth","directUrl","InputProps","readOnly","InputLabelProps","shrink","e","draft","target","proxy","spec","url","sx","mb","variant","container","spacing","allowedEndpoints","length","map","endpointPattern","method","i","item","xs","itemIndex","select","disabled","onClick","filter","fontStyle","paddingTop","paddingLeft","headers","headerName","secret","directModeId","findIndex","tab","proxyModeId","defaultTab","initialSpecDirect","initialSpecProxy","kind","previousSpecDirect","setPreviousSpecDirect","previousSpecProxy","setPreviousSpecProxy","handleModeChange","v","scrapeInterval","placeholder","mt","onModeChange"],"mappings":"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"}
1	+ {"version":3,"sources":["../../src/plugins/PrometheusDatasourceEditor.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 { DurationString, RequestHeaders } from '@perses-dev/core';\nimport { OptionsEditorRadios } from '@perses-dev/plugin-system';\nimport { Grid, IconButton, MenuItem, TextField, Typography } from '@mui/material';\nimport React, { Fragment, useState } from 'react';\nimport { produce } from 'immer';\nimport { Controller } from 'react-hook-form';\nimport MinusIcon from 'mdi-material-ui/Minus';\nimport PlusIcon from 'mdi-material-ui/Plus';\nimport { DEFAULT_SCRAPE_INTERVAL, PrometheusDatasourceSpec } from './types';\n\nexport interface PrometheusDatasourceEditorProps {\n value: PrometheusDatasourceSpec;\n onChange: (next: PrometheusDatasourceSpec) => void;\n isReadonly?: boolean;\n}\n\nexport function PrometheusDatasourceEditor(props: PrometheusDatasourceEditorProps) {\n const { value, onChange, isReadonly } = props;\n const strDirect = 'Direct access';\n const strProxy = 'Proxy';\n\n // utilitary function used for headers when renaming a property\n // -> TODO it would be cleaner to manipulate headers as an intermediary list instead, to avoid doing this.\n const buildNewHeaders = (oldHeaders: RequestHeaders \| undefined, oldName: string, newName: string) => {\n if (oldHeaders === undefined) return oldHeaders;\n const keys = Object.keys(oldHeaders);\n const newHeaders = keys.reduce<Record<string, string>>((acc, val) => {\n if (val === oldName) {\n acc[newName] = oldHeaders[oldName] \|\| '';\n } else {\n acc[val] = oldHeaders[val] \|\| '';\n }\n return acc;\n }, {});\n\n return { ...newHeaders };\n };\n\n const tabs = [\n {\n label: strDirect,\n content: (\n <Controller\n name=\"URL\"\n render={({ field, fieldState }) => (\n <TextField\n {...field}\n fullWidth\n label=\"URL\"\n value={value.directUrl \|\| ''}\n error={!!fieldState.error}\n helperText={fieldState.error?.message}\n InputProps={{\n readOnly: isReadonly,\n }}\n InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n onChange={(e) => {\n field.onChange(e);\n onChange(\n produce(value, (draft) => {\n draft.directUrl = e.target.value;\n })\n );\n }}\n />\n )}\n />\n ),\n },\n {\n label: strProxy,\n content: (\n <>\n <Controller\n name=\"URL\"\n render={({ field, fieldState }) => (\n <TextField\n {...field}\n fullWidth\n label=\"URL\"\n value={value.proxy?.spec.url \|\| ''}\n error={!!fieldState.error}\n helperText={fieldState.error?.message}\n InputProps={{\n readOnly: isReadonly,\n }}\n InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n onChange={(e) => {\n field.onChange(e);\n onChange(\n produce(value, (draft) => {\n if (draft.proxy !== undefined) {\n draft.proxy.spec.url = e.target.value;\n }\n })\n );\n }}\n sx={{ mb: 2 }}\n />\n )}\n />\n <Typography variant=\"h4\" mb={2}>\n Allowed endpoints\n </Typography>\n <Grid container spacing={2} mb={2}>\n {value.proxy?.spec.allowedEndpoints && value.proxy?.spec.allowedEndpoints.length != 0 ? (\n value.proxy.spec.allowedEndpoints.map(({ endpointPattern, method }, i) => {\n return (\n <Fragment key={i}>\n <Grid item xs={8}>\n <Controller\n name={`Endpoint pattern ${i}`}\n render={({ field, fieldState }) => (\n <TextField\n {...field}\n fullWidth\n label=\"Endpoint pattern\"\n value={endpointPattern}\n error={!!fieldState.error}\n helperText={fieldState.error?.message}\n InputProps={{\n readOnly: isReadonly,\n }}\n InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n onChange={(e) => {\n field.onChange(e);\n onChange(\n produce(value, (draft) => {\n if (draft.proxy !== undefined) {\n draft.proxy.spec.allowedEndpoints = draft.proxy.spec.allowedEndpoints?.map(\n (item, itemIndex) => {\n if (i === itemIndex) {\n return {\n endpointPattern: e.target.value,\n method: item.method,\n };\n } else {\n return item;\n }\n }\n );\n }\n })\n );\n }}\n />\n )}\n />\n </Grid>\n <Grid item xs={3}>\n <Controller\n name={`Method ${i}`}\n render={({ field, fieldState }) => (\n <TextField\n {...field}\n select\n fullWidth\n label=\"Method\"\n value={method}\n error={!!fieldState.error}\n helperText={fieldState.error?.message}\n InputProps={{\n readOnly: isReadonly,\n }}\n InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n onChange={(e) => {\n field.onChange(e);\n onChange(\n produce(value, (draft) => {\n if (draft.proxy !== undefined) {\n draft.proxy.spec.allowedEndpoints = draft.proxy.spec.allowedEndpoints?.map(\n (item, itemIndex) => {\n if (i === itemIndex) {\n return {\n endpointPattern: item.endpointPattern,\n method: e.target.value,\n };\n } else {\n return item;\n }\n }\n );\n }\n })\n );\n }}\n >\n <MenuItem value=\"GET\">GET</MenuItem>\n <MenuItem value=\"POST\">POST</MenuItem>\n <MenuItem value=\"PUT\">PUT</MenuItem>\n <MenuItem value=\"PATCH\">PATCH</MenuItem>\n <MenuItem value=\"DELETE\">DELETE</MenuItem>\n </TextField>\n )}\n />\n </Grid>\n <Grid item xs={1}>\n <Controller\n name={`Remove Endpoint ${i}`}\n render={({ field }) => (\n <IconButton\n {...field}\n disabled={isReadonly}\n // Remove the given allowed endpoint from the list\n onClick={(e) => {\n field.onChange(e);\n onChange(\n produce(value, (draft) => {\n if (draft.proxy !== undefined) {\n draft.proxy.spec.allowedEndpoints = [\n ...(draft.proxy.spec.allowedEndpoints?.filter((item, itemIndex) => {\n return itemIndex !== i;\n }) \|\| []),\n ];\n }\n })\n );\n }}\n >\n <MinusIcon />\n </IconButton>\n )}\n />\n </Grid>\n </Fragment>\n );\n })\n ) : (\n <Grid item xs={4}>\n <Typography sx={{ fontStyle: 'italic' }}>None</Typography>\n </Grid>\n )}\n <Grid item xs={12} sx={{ paddingTop: '0px !important', paddingLeft: '5px !important' }}>\n <IconButton\n disabled={isReadonly}\n // Add a new (empty) allowed endpoint to the list\n onClick={() =>\n onChange(\n produce(value, (draft) => {\n if (draft.proxy !== undefined) {\n draft.proxy.spec.allowedEndpoints = [\n ...(draft.proxy.spec.allowedEndpoints ?? []),\n { endpointPattern: '', method: '' },\n ];\n }\n })\n )\n }\n >\n <PlusIcon />\n </IconButton>\n </Grid>\n </Grid>\n <Typography variant=\"h4\" mb={2}>\n Request Headers\n </Typography>\n <Grid container spacing={2} mb={2}>\n {value.proxy?.spec.headers &&\n Object.keys(value.proxy.spec.headers).map((headerName, i) => {\n return (\n <Fragment key={i}>\n <Grid item xs={4}>\n <Controller\n name={`Header name ${i}`}\n render={({ field, fieldState }) => (\n <TextField\n {...field}\n fullWidth\n label=\"Header name\"\n value={headerName}\n error={!!fieldState.error}\n helperText={fieldState.error?.message}\n InputProps={{\n readOnly: isReadonly,\n }}\n InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n onChange={(e) => {\n field.onChange(e);\n onChange(\n produce(value, (draft) => {\n if (draft.proxy !== undefined) {\n draft.proxy.spec.headers = buildNewHeaders(\n draft.proxy.spec.headers,\n headerName,\n e.target.value\n );\n }\n })\n );\n }}\n />\n )}\n />\n </Grid>\n <Grid item xs={7}>\n <Controller\n name={`Header value ${i}`}\n render={({ field, fieldState }) => (\n <TextField\n {...field}\n fullWidth\n label=\"Header value\"\n value={value.proxy?.spec.headers?.[headerName]}\n error={!!fieldState.error}\n helperText={fieldState.error?.message}\n InputProps={{\n readOnly: isReadonly,\n }}\n InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n onChange={(e) => {\n field.onChange(e);\n onChange(\n produce(value, (draft) => {\n if (draft.proxy !== undefined) {\n draft.proxy.spec.headers = {\n ...draft.proxy.spec.headers,\n [headerName]: e.target.value,\n };\n }\n })\n );\n }}\n />\n )}\n />\n </Grid>\n <Grid item xs={1}>\n <Controller\n name={`Remove Header ${i}`}\n render={({ field }) => (\n <IconButton\n {...field}\n disabled={isReadonly}\n // Remove the given header from the list\n onClick={(e) => {\n field.onChange(e);\n const newHeaders = { ...value.proxy?.spec.headers };\n delete newHeaders[headerName];\n onChange(\n produce(value, (draft) => {\n if (draft.proxy !== undefined) {\n draft.proxy.spec.headers = newHeaders;\n }\n })\n );\n }}\n >\n <MinusIcon />\n </IconButton>\n )}\n />\n </Grid>\n </Fragment>\n );\n })}\n <Grid item xs={12} sx={{ paddingTop: '0px !important', paddingLeft: '5px !important' }}>\n <IconButton\n disabled={isReadonly}\n // Add a new (empty) header to the list\n onClick={() =>\n onChange(\n produce(value, (draft) => {\n if (draft.proxy !== undefined) {\n draft.proxy.spec.headers = { ...draft.proxy.spec.headers, '': '' };\n }\n })\n )\n }\n >\n <PlusIcon />\n </IconButton>\n </Grid>\n </Grid>\n\n <Controller\n name=\"Secret\"\n render={({ field, fieldState }) => (\n <TextField\n {...field}\n fullWidth\n label=\"Secret\"\n value={value.proxy?.spec.secret \|\| ''}\n error={!!fieldState.error}\n helperText={fieldState.error?.message}\n InputProps={{\n readOnly: isReadonly,\n }}\n InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n onChange={(e) => {\n field.onChange(e);\n onChange(\n produce(value, (draft) => {\n if (draft.proxy !== undefined) {\n draft.proxy.spec.secret = e.target.value;\n }\n })\n );\n }}\n />\n )}\n />\n </>\n ),\n },\n ];\n\n // Use of findIndex instead of providing hardcoded values to avoid desynchronisatio or\n // bug in case the tabs get eventually swapped in the future.\n const directModeId = tabs.findIndex((tab) => tab.label == strDirect);\n const proxyModeId = tabs.findIndex((tab) => tab.label == strProxy);\n\n // In \"update datasource\" case, set defaultTab to the mode that this datasource is currently relying on.\n // Otherwise (create datasource), set defaultTab to Direct access.\n const defaultTab = value.proxy ? proxyModeId : directModeId;\n\n const initialSpecDirect: PrometheusDatasourceSpec = {\n directUrl: '',\n };\n\n const initialSpecProxy: PrometheusDatasourceSpec = {\n proxy: {\n kind: 'HTTPProxy',\n spec: {\n allowedEndpoints: [\n // list of standard endpoints suggested by default\n {\n endpointPattern: '/api/v1/labels',\n method: 'POST',\n },\n {\n endpointPattern: '/api/v1/series',\n method: 'POST',\n },\n {\n endpointPattern: '/api/v1/metadata',\n method: 'GET',\n },\n {\n endpointPattern: '/api/v1/query',\n method: 'POST',\n },\n {\n endpointPattern: '/api/v1/query_range',\n method: 'POST',\n },\n {\n endpointPattern: '/api/v1/label/([a-zA-Z0-9_-]+)/values',\n method: 'GET',\n },\n ],\n url: '',\n },\n },\n };\n\n // For better user experience, save previous states in mind for both mode.\n // This avoids losing everything when the user changes their mind back.\n const [previousSpecDirect, setPreviousSpecDirect] = useState(initialSpecDirect);\n const [previousSpecProxy, setPreviousSpecProxy] = useState(initialSpecProxy);\n\n // When changing mode, remove previous mode's config + append default values for the new mode.\n const handleModeChange = (v: number) => {\n if (tabs[v]?.label == strDirect) {\n setPreviousSpecProxy(value);\n onChange(previousSpecDirect);\n } else if (tabs[v]?.label == strProxy) {\n setPreviousSpecDirect(value);\n onChange(previousSpecProxy);\n }\n };\n\n return (\n <>\n <Typography variant=\"h4\" mb={2}>\n General Settings\n </Typography>\n <TextField\n fullWidth\n label=\"Scrape Interval\"\n value={value.scrapeInterval \|\| ''}\n placeholder={`Default: ${DEFAULT_SCRAPE_INTERVAL}`}\n InputProps={{\n readOnly: isReadonly,\n }}\n InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n onChange={(e) => onChange({ ...value, scrapeInterval: e.target.value as DurationString })}\n />\n <Typography variant=\"h4\" mt={2}>\n HTTP Settings\n </Typography>\n <OptionsEditorRadios\n isReadonly={isReadonly}\n tabs={tabs}\n defaultTab={defaultTab}\n onModeChange={handleModeChange}\n />\n </>\n );\n}\n"],"names":["OptionsEditorRadios","Grid","IconButton","MenuItem","TextField","Typography","React","Fragment","useState","produce","Controller","MinusIcon","PlusIcon","DEFAULT_SCRAPE_INTERVAL","PrometheusDatasourceEditor","props","value","onChange","isReadonly","strDirect","strProxy","buildNewHeaders","oldHeaders","oldName","newName","undefined","keys","Object","newHeaders","reduce","acc","val","tabs","label","content","name","render","field","fieldState","fullWidth","directUrl","error","helperText","message","InputProps","readOnly","InputLabelProps","shrink","e","draft","target","proxy","spec","url","sx","mb","variant","container","spacing","allowedEndpoints","length","map","endpointPattern","method","i","item","xs","itemIndex","select","disabled","onClick","filter","fontStyle","paddingTop","paddingLeft","headers","headerName","secret","directModeId","findIndex","tab","proxyModeId","defaultTab","initialSpecDirect","initialSpecProxy","kind","previousSpecDirect","setPreviousSpecDirect","previousSpecProxy","setPreviousSpecProxy","handleModeChange","v","scrapeInterval","placeholder","mt","onModeChange"],"mappings":"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"}

package/dist/plugins/prometheus-datasource.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"prometheus-datasource.d.ts","sourceRoot":"","sources":["../../src/plugins/prometheus-datasource.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,~~EAAqD~~,gBAAgB,EAAE,MAAM,UAAU,CAAC;~~AAC/F~~,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;~~AA6EnD~~,eAAO,MAAM,oBAAoB,EAAE,gBAAgB,CAAC,wBAAwB,EAAE,gBAAgB,CAK7F,CAAC"}
1	+ {"version":3,"file":"prometheus-datasource.d.ts","sourceRoot":"","sources":["../../src/plugins/prometheus-datasource.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAkE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5G,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AA8EnD,eAAO,MAAM,oBAAoB,EAAE,gBAAgB,CAAC,wBAAwB,EAAE,gBAAgB,CAK7F,CAAC"}

package/dist/plugins/prometheus-datasource.js CHANGED Viewed

@@ -10,7 +10,7 @@
 // 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 { instantQuery, rangeQuery, labelNames, labelValues } from '../model';
+import { healthCheck, instantQuery, rangeQuery, labelNames, labelValues } from '../model';
 import { PrometheusDatasourceEditor } from './PrometheusDatasourceEditor';
 /**
  * Creates a PrometheusClient for a specific datasource spec.
@@ -28,6 +28,10 @@ import { PrometheusDatasourceEditor } from './PrometheusDatasourceEditor';
         options: {
             datasourceUrl
         },
+        healthCheck: healthCheck({
+            datasourceUrl,
+            headers: specHeaders
+        }),
         instantQuery: (params, headers)=>instantQuery(params, {
                 datasourceUrl,
                 headers: headers !== null && headers !== void 0 ? headers : specHeaders

package/dist/plugins/prometheus-datasource.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/plugins/prometheus-datasource.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 { BuiltinVariableDefinition } from '@perses-dev/core';\nimport { DatasourcePlugin } from '@perses-dev/plugin-system';\nimport { instantQuery, rangeQuery, labelNames, labelValues, PrometheusClient } from '../model';\nimport { PrometheusDatasourceSpec } from './types';\nimport { PrometheusDatasourceEditor } from './PrometheusDatasourceEditor';\n\n/*\n Creates a PrometheusClient for a specific datasource spec.\n */\nconst createClient: DatasourcePlugin<PrometheusDatasourceSpec, PrometheusClient>['createClient'] = (spec, options) => {\n const { directUrl, proxy } = spec;\n const { proxyUrl } = options;\n\n // Use the direct URL if specified, but fallback to the proxyUrl by default if not specified\n const datasourceUrl = directUrl ?? proxyUrl;\n if (datasourceUrl === undefined) {\n throw new Error('No URL specified for Prometheus client. You can use directUrl in the spec to configure it.');\n }\n\n const specHeaders = proxy?.spec.headers;\n\n // Could think about this becoming a class, although it definitely doesn't have to be\n return {\n options: {\n datasourceUrl,\n },\n instantQuery: (params, headers) => instantQuery(params, { datasourceUrl, headers: headers ?? specHeaders }),\n rangeQuery: (params, headers) => rangeQuery(params, { datasourceUrl, headers: headers ?? specHeaders }),\n labelNames: (params, headers) => labelNames(params, { datasourceUrl, headers: headers ?? specHeaders }),\n labelValues: (params, headers) => labelValues(params, { datasourceUrl, headers: headers ?? specHeaders }),\n };\n};\n\nconst getBuiltinVariableDefinitions: () => BuiltinVariableDefinition[] = () => {\n return [\n {\n kind: 'BuiltinVariable',\n spec: {\n name: '__interval',\n value: () => '$__interval', // will be overriden when time series query is called\n source: 'Prometheus',\n display: {\n name: '__interval',\n description:\n 'Interval that can be used to group by time in queries. When there are more data points than can be shown on a graph then queries can be made more efficient by grouping by a larger interval.',\n hidden: true,\n },\n },\n },\n {\n kind: 'BuiltinVariable',\n spec: {\n name: '__interval_ms',\n value: () => '$__interval_ms', // will be overriden when time series query is called\n source: 'Prometheus',\n display: {\n name: '__interval_ms',\n description:\n 'Interval in millisecond that can be used to group by time in queries. When there are more data points than can be shown on a graph then queries can be made more efficient by grouping by a larger interval.',\n hidden: true,\n },\n },\n },\n {\n kind: 'BuiltinVariable',\n spec: {\n name: '__rate_interval',\n value: () => '$__rate_interval', // will be overriden when time series query is called\n source: 'Prometheus',\n display: {\n name: '__rate_interval',\n description:\n \"Interval at least four times the value of the scrape interval. It avoids problems specific to Prometheus when using 'rate' and 'increase' functions.\",\n hidden: true,\n },\n },\n },\n ] as BuiltinVariableDefinition[];\n};\n\nexport const PrometheusDatasource: DatasourcePlugin<PrometheusDatasourceSpec, PrometheusClient> = {\n createClient,\n getBuiltinVariableDefinitions,\n OptionsEditorComponent: PrometheusDatasourceEditor,\n createInitialOptions: () => ({ directUrl: '' }),\n};\n"],"names":["instantQuery","rangeQuery","labelNames","labelValues","PrometheusDatasourceEditor","createClient","spec","options","directUrl","proxy","proxyUrl","datasourceUrl","undefined","Error","specHeaders","headers","params","getBuiltinVariableDefinitions","kind","name","value","source","display","description","hidden","PrometheusDatasource","OptionsEditorComponent","createInitialOptions"],"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;AAIjC,SAASA,YAAY,EAAEC,UAAU,EAAEC,UAAU,EAAEC,WAAW,QAA0B,WAAW;~~AAE/F~~,SAASC,0BAA0B,QAAQ,+BAA+B;AAE1E;;CAEC,GACD,MAAMC,eAA6F,CAACC,MAAMC;IACxG,MAAM,EAAEC,UAAS,EAAEC,MAAK,EAAE,GAAGH;IAC7B,MAAM,EAAEI,SAAQ,EAAE,GAAGH;IAErB,4FAA4F;IAC5F,MAAMI,gBAAgBH,sBAAAA,uBAAAA,YAAaE;IACnC,IAAIC,kBAAkBC,WAAW;QAC/B,MAAM,IAAIC,MAAM;IAClB;IAEA,MAAMC,cAAcL,kBAAAA,mBAAAA,KAAAA,IAAAA,MAAOH,KAAKS;IAEhC,qFAAqF;IACrF,OAAO;QACLR,SAAS;YACPI;QACF;~~QACAX~~,cAAc,CAACgB,QAAQD,UAAYf,aAAagB,QAAQ;gBAAEL;gBAAeI,SAASA,oBAAAA,qBAAAA,UAAWD;YAAY;QACzGb,YAAY,CAACe,QAAQD,UAAYd,WAAWe,QAAQ;gBAAEL;gBAAeI,SAASA,oBAAAA,qBAAAA,UAAWD;YAAY;QACrGZ,YAAY,CAACc,QAAQD,UAAYb,WAAWc,QAAQ;gBAAEL;gBAAeI,SAASA,oBAAAA,qBAAAA,UAAWD;YAAY;QACrGX,aAAa,CAACa,QAAQD,UAAYZ,YAAYa,QAAQ;gBAAEL;gBAAeI,SAASA,oBAAAA,qBAAAA,UAAWD;YAAY;IACzG;AACF;AAEA,MAAMG,gCAAmE;IACvE,OAAO;QACL;YACEC,MAAM;YACNZ,MAAM;gBACJa,MAAM;gBACNC,OAAO,IAAM;gBACbC,QAAQ;gBACRC,SAAS;oBACPH,MAAM;oBACNI,aACE;oBACFC,QAAQ;gBACV;YACF;QACF;QACA;YACEN,MAAM;YACNZ,MAAM;gBACJa,MAAM;gBACNC,OAAO,IAAM;gBACbC,QAAQ;gBACRC,SAAS;oBACPH,MAAM;oBACNI,aACE;oBACFC,QAAQ;gBACV;YACF;QACF;QACA;YACEN,MAAM;YACNZ,MAAM;gBACJa,MAAM;gBACNC,OAAO,IAAM;gBACbC,QAAQ;gBACRC,SAAS;oBACPH,MAAM;oBACNI,aACE;oBACFC,QAAQ;gBACV;YACF;QACF;KACD;AACH;AAEA,OAAO,MAAMC,uBAAqF;IAChGpB;IACAY;IACAS,wBAAwBtB;IACxBuB,sBAAsB,IAAO,CAAA;YAAEnB,WAAW;QAAG,CAAA;AAC/C,EAAE"}
1	+ {"version":3,"sources":["../../src/plugins/prometheus-datasource.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 { BuiltinVariableDefinition } from '@perses-dev/core';\nimport { DatasourcePlugin } from '@perses-dev/plugin-system';\nimport { healthCheck, instantQuery, rangeQuery, labelNames, labelValues, PrometheusClient } from '../model';\nimport { PrometheusDatasourceSpec } from './types';\nimport { PrometheusDatasourceEditor } from './PrometheusDatasourceEditor';\n\n/*\n Creates a PrometheusClient for a specific datasource spec.\n */\nconst createClient: DatasourcePlugin<PrometheusDatasourceSpec, PrometheusClient>['createClient'] = (spec, options) => {\n const { directUrl, proxy } = spec;\n const { proxyUrl } = options;\n\n // Use the direct URL if specified, but fallback to the proxyUrl by default if not specified\n const datasourceUrl = directUrl ?? proxyUrl;\n if (datasourceUrl === undefined) {\n throw new Error('No URL specified for Prometheus client. You can use directUrl in the spec to configure it.');\n }\n\n const specHeaders = proxy?.spec.headers;\n\n // Could think about this becoming a class, although it definitely doesn't have to be\n return {\n options: {\n datasourceUrl,\n },\n healthCheck: healthCheck({ datasourceUrl, headers: specHeaders }),\n instantQuery: (params, headers) => instantQuery(params, { datasourceUrl, headers: headers ?? specHeaders }),\n rangeQuery: (params, headers) => rangeQuery(params, { datasourceUrl, headers: headers ?? specHeaders }),\n labelNames: (params, headers) => labelNames(params, { datasourceUrl, headers: headers ?? specHeaders }),\n labelValues: (params, headers) => labelValues(params, { datasourceUrl, headers: headers ?? specHeaders }),\n };\n};\n\nconst getBuiltinVariableDefinitions: () => BuiltinVariableDefinition[] = () => {\n return [\n {\n kind: 'BuiltinVariable',\n spec: {\n name: '__interval',\n value: () => '$__interval', // will be overriden when time series query is called\n source: 'Prometheus',\n display: {\n name: '__interval',\n description:\n 'Interval that can be used to group by time in queries. When there are more data points than can be shown on a graph then queries can be made more efficient by grouping by a larger interval.',\n hidden: true,\n },\n },\n },\n {\n kind: 'BuiltinVariable',\n spec: {\n name: '__interval_ms',\n value: () => '$__interval_ms', // will be overriden when time series query is called\n source: 'Prometheus',\n display: {\n name: '__interval_ms',\n description:\n 'Interval in millisecond that can be used to group by time in queries. When there are more data points than can be shown on a graph then queries can be made more efficient by grouping by a larger interval.',\n hidden: true,\n },\n },\n },\n {\n kind: 'BuiltinVariable',\n spec: {\n name: '__rate_interval',\n value: () => '$__rate_interval', // will be overriden when time series query is called\n source: 'Prometheus',\n display: {\n name: '__rate_interval',\n description:\n \"Interval at least four times the value of the scrape interval. It avoids problems specific to Prometheus when using 'rate' and 'increase' functions.\",\n hidden: true,\n },\n },\n },\n ] as BuiltinVariableDefinition[];\n};\n\nexport const PrometheusDatasource: DatasourcePlugin<PrometheusDatasourceSpec, PrometheusClient> = {\n createClient,\n getBuiltinVariableDefinitions,\n OptionsEditorComponent: PrometheusDatasourceEditor,\n createInitialOptions: () => ({ directUrl: '' }),\n};\n"],"names":["healthCheck","instantQuery","rangeQuery","labelNames","labelValues","PrometheusDatasourceEditor","createClient","spec","options","directUrl","proxy","proxyUrl","datasourceUrl","undefined","Error","specHeaders","headers","params","getBuiltinVariableDefinitions","kind","name","value","source","display","description","hidden","PrometheusDatasource","OptionsEditorComponent","createInitialOptions"],"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;AAIjC,SAASA,WAAW,EAAEC,YAAY,EAAEC,UAAU,EAAEC,UAAU,EAAEC,WAAW,QAA0B,WAAW;AAE5G,SAASC,0BAA0B,QAAQ,+BAA+B;AAE1E;;CAEC,GACD,MAAMC,eAA6F,CAACC,MAAMC;IACxG,MAAM,EAAEC,UAAS,EAAEC,MAAK,EAAE,GAAGH;IAC7B,MAAM,EAAEI,SAAQ,EAAE,GAAGH;IAErB,4FAA4F;IAC5F,MAAMI,gBAAgBH,sBAAAA,uBAAAA,YAAaE;IACnC,IAAIC,kBAAkBC,WAAW;QAC/B,MAAM,IAAIC,MAAM;IAClB;IAEA,MAAMC,cAAcL,kBAAAA,mBAAAA,KAAAA,IAAAA,MAAOH,KAAKS;IAEhC,qFAAqF;IACrF,OAAO;QACLR,SAAS;YACPI;QACF;QACAZ,aAAaA,YAAY;YAAEY;YAAeI,SAASD;QAAY;QAC/Dd,cAAc,CAACgB,QAAQD,UAAYf,aAAagB,QAAQ;gBAAEL;gBAAeI,SAASA,oBAAAA,qBAAAA,UAAWD;YAAY;QACzGb,YAAY,CAACe,QAAQD,UAAYd,WAAWe,QAAQ;gBAAEL;gBAAeI,SAASA,oBAAAA,qBAAAA,UAAWD;YAAY;QACrGZ,YAAY,CAACc,QAAQD,UAAYb,WAAWc,QAAQ;gBAAEL;gBAAeI,SAASA,oBAAAA,qBAAAA,UAAWD;YAAY;QACrGX,aAAa,CAACa,QAAQD,UAAYZ,YAAYa,QAAQ;gBAAEL;gBAAeI,SAASA,oBAAAA,qBAAAA,UAAWD;YAAY;IACzG;AACF;AAEA,MAAMG,gCAAmE;IACvE,OAAO;QACL;YACEC,MAAM;YACNZ,MAAM;gBACJa,MAAM;gBACNC,OAAO,IAAM;gBACbC,QAAQ;gBACRC,SAAS;oBACPH,MAAM;oBACNI,aACE;oBACFC,QAAQ;gBACV;YACF;QACF;QACA;YACEN,MAAM;YACNZ,MAAM;gBACJa,MAAM;gBACNC,OAAO,IAAM;gBACbC,QAAQ;gBACRC,SAAS;oBACPH,MAAM;oBACNI,aACE;oBACFC,QAAQ;gBACV;YACF;QACF;QACA;YACEN,MAAM;YACNZ,MAAM;gBACJa,MAAM;gBACNC,OAAO,IAAM;gBACbC,QAAQ;gBACRC,SAAS;oBACPH,MAAM;oBACNI,aACE;oBACFC,QAAQ;gBACV;YACF;QACF;KACD;AACH;AAEA,OAAO,MAAMC,uBAAqF;IAChGpB;IACAY;IACAS,wBAAwBtB;IACxBuB,sBAAsB,IAAO,CAAA;YAAEnB,WAAW;QAAG,CAAA;AAC/C,EAAE"}

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+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): JSX.Element;
+export {};
+//# sourceMappingURL=DashboardPrometheusTimeSeriesQueryEditor.d.ts.map

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

@@ -0,0 +1 @@

+ {"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,eA2D5G"}

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

@@ -0,0 +1,80 @@
+// 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 ADDED Viewed

@@ -0,0 +1 @@

+ {"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,mBAAkB,EAClBC,uBAAsB,EACtBC,QAAO,EACPC,MAAK,EACLC,kBAAiB,EACjBC,gBAAe,EACfC,OAAM,EACNC,iBAAgB,EAChBC,oBAAmB,EACnBC,mBAAkB,EAClBC,kBAAiB,EACjBC,mBAAkB,EAClBC,QAAO,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,OAAOZ;wBAC7CO,QAAQlB;;kCAEV,KAACf;wBACC6B,OAAM;wBACNM,aAAahB;wBACbiB,YAAW;wBACXV,OAAON;wBACPO,UAAU,CAACU,IAAMrB,oBAAoBqB,EAAEC,OAAOZ;wBAC9CO,QAAQf;wBACRqB,IAAI;4BAAEC,OAAO;wBAAQ;;;;;;AAK/B"}

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+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): JSX.Element;
+export {};
+//# sourceMappingURL=ExplorePrometheusTimeSeriesQueryEditor.d.ts.map

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

@@ -0,0 +1 @@

+ {"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,eA+ExG"}

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

@@ -0,0 +1,115 @@
+// 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 ADDED Viewed

@@ -0,0 +1 @@

+ {"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,mBAAkB,EAClBC,uBAAsB,EACtBC,QAAO,EACPC,MAAK,EACLC,kBAAiB,EACjBC,gBAAe,EACfC,OAAM,EACNC,iBAAgB,EAChBC,oBAAmB,EACnBC,mBAAkB,EAClBC,kBAAiB,EACjBC,mBAAkB,EAClBC,QAAO,EACR,GAAGb;IAEJ,MAAM,EAAEc,QAAO,EAAEC,WAAU,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,SAASC;oCAC1BH,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,OAAOb;wBAC7CQ,QAAQ3B;;kCAEV,KAACnB;wBACCqC,OAAM;wBACNW,aAAazB;wBACb0B,YAAW;wBACXX,OAAOd;wBACPe,UAAU,CAACW,IAAM9B,oBAAoB8B,EAAEC,OAAOb;wBAC9CQ,QAAQxB;wBACR8B,IAAI;4BAAEC,OAAO;wBAAQ;;;;;;AAK/B"}

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

	@@ -1 +1 @@
1	- {"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,~~eA0E1F~~"}
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,eAqE1F"}