npm - @perses-dev/prometheus-plugin - Versions diffs - 0.0.0-snapshot-panel-extra-content-2-2767e21 → 0.0.0-snapshot-scatter-chart-embed-8efdfab - Mend

@perses-dev/prometheus-plugin 0.0.0-snapshot-panel-extra-content-2-2767e21 → 0.0.0-snapshot-scatter-chart-embed-8efdfab

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 (84) hide show

package/dist/plugins/PrometheusDatasourceEditor.js ADDED Viewed

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

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

@@ -0,0 +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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"}