@perses-dev/alert-manager-plugin 0.1.0 → 0.2.0-beta.1

package/lib/cjs/components/MatcherEditor.js

@@ -1,153 +0,0 @@
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "MatcherEditor", {
-    enumerable: true,
-    get: function() {
-        return MatcherEditor;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = require("react");
-const _material = require("@mui/material");
-const _Delete = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Delete"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function getMatchType(matcher) {
-    if (matcher.isRegex) {
-        return matcher.isEqual ? '=~' : '!~';
-    }
-    return matcher.isEqual ? '=' : '!=';
-}
-function parseMatchType(matchType) {
-    switch(matchType){
-        case '=':
-            return {
-                isEqual: true,
-                isRegex: false
-            };
-        case '!=':
-            return {
-                isEqual: false,
-                isRegex: false
-            };
-        case '=~':
-            return {
-                isEqual: true,
-                isRegex: true
-            };
-        case '!~':
-            return {
-                isEqual: false,
-                isRegex: true
-            };
-    }
-}
-function MatcherEditor({ matcher, onChange, onRemove }) {
-    const matchTypeLabelId = (0, _react.useId)();
-    const handleNameChange = (e)=>{
-        onChange({
-            ...matcher,
-            name: e.target.value
-        });
-    };
-    const handleValueChange = (e)=>{
-        onChange({
-            ...matcher,
-            value: e.target.value
-        });
-    };
-    const handleMatchTypeChange = (e)=>{
-        const { isEqual, isRegex } = parseMatchType(e.target.value);
-        onChange({
-            ...matcher,
-            isEqual,
-            isRegex
-        });
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-        direction: "row",
-        spacing: 1,
-        alignItems: "center",
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
-                label: "Label name",
-                value: matcher.name,
-                onChange: handleNameChange,
-                size: "small",
-                sx: {
-                    minWidth: 150
-                }
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.FormControl, {
-                size: "small",
-                sx: {
-                    minWidth: 80
-                },
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.InputLabel, {
-                        id: matchTypeLabelId,
-                        children: "Match"
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Select, {
-                        labelId: matchTypeLabelId,
-                        value: getMatchType(matcher),
-                        onChange: handleMatchTypeChange,
-                        label: "Match",
-                        children: [
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
-                                value: "=",
-                                children: "="
-                            }),
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
-                                value: "!=",
-                                children: "!="
-                            }),
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
-                                value: "=~",
-                                children: "=~"
-                            }),
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
-                                value: "!~",
-                                children: "!~"
-                            })
-                        ]
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
-                label: "Value",
-                value: matcher.value,
-                onChange: handleValueChange,
-                size: "small",
-                sx: {
-                    minWidth: 200
-                }
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
-                onClick: onRemove,
-                size: "small",
-                "aria-label": "Remove matcher",
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Delete.default, {
-                    fontSize: "small"
-                })
-            })
-        ]
-    });
-}

package/lib/cjs/components/MatchersList.js

@@ -1,46 +0,0 @@
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "MatchersList", {
-    enumerable: true,
-    get: function() {
-        return MatchersList;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-function formatMatcher(matcher) {
-    let operator;
-    if (matcher.isRegex) {
-        operator = matcher.isEqual ?? true ? '=~' : '!~';
-    } else {
-        operator = matcher.isEqual ?? true ? '=' : '!=';
-    }
-    return `${matcher.name}${operator}"${matcher.value}"`;
-}
-function MatchersList({ matchers }) {
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
-        direction: "row",
-        spacing: 0.5,
-        flexWrap: "wrap",
-        useFlexGap: true,
-        children: matchers.map((matcher, index)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Chip, {
-                label: formatMatcher(matcher),
-                size: "small",
-                variant: "outlined"
-            }, index))
-    });
-}

package/lib/cjs/components/SilenceForm.js

@@ -1,205 +0,0 @@
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "SilenceForm", {
-    enumerable: true,
-    get: function() {
-        return SilenceForm;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-const _Plus = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Plus"));
-const _react = require("react");
-const _MatcherEditor = require("./MatcherEditor");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const DEFAULT_MATCHER = {
-    name: '',
-    value: '',
-    isEqual: true,
-    isRegex: false
-};
-function toLocalDatetimeString(date) {
-    const pad = (n)=>String(n).padStart(2, '0');
-    return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}T${pad(date.getHours())}:${pad(date.getMinutes())}`;
-}
-function getDefaultEndTime() {
-    const end = new Date();
-    end.setMinutes(end.getMinutes() + 30);
-    return toLocalDatetimeString(end);
-}
-function getNowLocalISO() {
-    return toLocalDatetimeString(new Date());
-}
-function SilenceForm({ open, onClose, onSubmit, initialSilence }) {
-    const [matchers, setMatchers] = (0, _react.useState)(initialSilence?.matchers?.length ? initialSilence.matchers.map((m)=>({
-            name: m.name,
-            value: m.value,
-            isEqual: m.isEqual,
-            isRegex: m.isRegex
-        })) : [
-        {
-            ...DEFAULT_MATCHER
-        }
-    ]);
-    const [startsAt, setStartsAt] = (0, _react.useState)(initialSilence?.startsAt?.slice(0, 16) ?? getNowLocalISO());
-    const [endsAt, setEndsAt] = (0, _react.useState)(initialSilence?.endsAt?.slice(0, 16) ?? getDefaultEndTime());
-    const [createdBy, setCreatedBy] = (0, _react.useState)(initialSilence?.createdBy ?? '');
-    const [comment, setComment] = (0, _react.useState)(initialSilence?.comment ?? '');
-    const handleAddMatcher = ()=>{
-        setMatchers([
-            ...matchers,
-            {
-                ...DEFAULT_MATCHER
-            }
-        ]);
-    };
-    const handleMatcherChange = (index, updated)=>{
-        const next = [
-            ...matchers
-        ];
-        next[index] = updated;
-        setMatchers(next);
-    };
-    const handleRemoveMatcher = (index)=>{
-        setMatchers(matchers.filter((_, i)=>i !== index));
-    };
-    const handleSubmit = ()=>{
-        const startsAtDate = new Date(startsAt);
-        const endsAtDate = new Date(endsAt);
-        if (isNaN(startsAtDate.getTime()) || isNaN(endsAtDate.getTime())) return;
-        const silence = {
-            id: initialSilence?.id,
-            matchers: matchers.map((m)=>({
-                    name: m.name,
-                    value: m.value,
-                    isEqual: m.isEqual,
-                    isRegex: m.isRegex
-                })),
-            startsAt: startsAtDate.toISOString(),
-            endsAt: endsAtDate.toISOString(),
-            createdBy,
-            comment
-        };
-        onSubmit(silence);
-    };
-    const startsAtDate = new Date(startsAt);
-    const endsAtDate = new Date(endsAt);
-    const isValidDates = !isNaN(startsAtDate.getTime()) && !isNaN(endsAtDate.getTime()) && endsAtDate.getTime() > startsAtDate.getTime();
-    const isValid = matchers.length > 0 && matchers.every((m)=>m.name.length > 0) && createdBy.length > 0 && isValidDates;
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Dialog, {
-        open: open,
-        onClose: onClose,
-        maxWidth: "md",
-        fullWidth: true,
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.DialogTitle, {
-                children: initialSilence?.id ? 'Edit Silence' : 'Create Silence'
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.DialogContent, {
-                children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                    spacing: 2,
-                    sx: {
-                        mt: 1
-                    },
-                    children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                            variant: "subtitle2",
-                            children: "Matchers"
-                        }),
-                        matchers.map((matcher, index)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_MatcherEditor.MatcherEditor, {
-                                matcher: matcher,
-                                onChange: (updated)=>handleMatcherChange(index, updated),
-                                onRemove: ()=>handleRemoveMatcher(index)
-                            }, index)),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
-                            startIcon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Plus.default, {}),
-                            onClick: handleAddMatcher,
-                            variant: "outlined",
-                            size: "small",
-                            children: "Add Matcher"
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                            direction: "row",
-                            spacing: 2,
-                            children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
-                                    label: "Start",
-                                    type: "datetime-local",
-                                    value: startsAt,
-                                    onChange: (e)=>setStartsAt(e.target.value),
-                                    size: "small",
-                                    InputLabelProps: {
-                                        shrink: true
-                                    },
-                                    sx: {
-                                        flex: 1
-                                    }
-                                }),
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
-                                    label: "End",
-                                    type: "datetime-local",
-                                    value: endsAt,
-                                    onChange: (e)=>setEndsAt(e.target.value),
-                                    size: "small",
-                                    InputLabelProps: {
-                                        shrink: true
-                                    },
-                                    sx: {
-                                        flex: 1
-                                    }
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
-                            label: "Creator",
-                            value: createdBy,
-                            onChange: (e)=>setCreatedBy(e.target.value),
-                            size: "small",
-                            required: true
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
-                            label: "Comment",
-                            value: comment,
-                            onChange: (e)=>setComment(e.target.value),
-                            size: "small",
-                            multiline: true,
-                            rows: 2
-                        })
-                    ]
-                })
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.DialogActions, {
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
-                        onClick: onClose,
-                        children: "Cancel"
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
-                        onClick: handleSubmit,
-                        variant: "contained",
-                        disabled: !isValid,
-                        children: initialSilence?.id ? 'Update' : 'Create'
-                    })
-                ]
-            })
-        ]
-    });
-}

package/lib/cjs/components/StatusBadge.js

@@ -1,71 +0,0 @@
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "StatusBadge", {
-    enumerable: true,
-    get: function() {
-        return StatusBadge;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-const ALERT_STATUS_MAP = {
-    firing: {
-        label: 'Firing',
-        color: 'error'
-    },
-    suppressed: {
-        label: 'Silenced',
-        color: 'warning'
-    },
-    pending: {
-        label: 'Pending',
-        color: 'default'
-    },
-    resolved: {
-        label: 'Resolved',
-        color: 'success'
-    },
-    inactive: {
-        label: 'Inactive',
-        color: 'default'
-    }
-};
-const SILENCE_STATUS_MAP = {
-    active: {
-        label: 'Active',
-        color: 'success'
-    },
-    expired: {
-        label: 'Expired',
-        color: 'default'
-    },
-    pending: {
-        label: 'Pending',
-        color: 'warning'
-    }
-};
-function StatusBadge({ status, variant = 'alert' }) {
-    const statusMap = variant === 'silence' ? SILENCE_STATUS_MAP : ALERT_STATUS_MAP;
-    const config = statusMap[status];
-    const label = config?.label ?? status;
-    const color = config?.color ?? 'default';
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Chip, {
-        label: label,
-        color: color,
-        size: "small"
-    });
-}

package/lib/cjs/components/index.js

@@ -1,44 +0,0 @@
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get LazyTextField () {
-        return _LazyTextField.LazyTextField;
-    },
-    get MatcherEditor () {
-        return _MatcherEditor.MatcherEditor;
-    },
-    get MatchersList () {
-        return _MatchersList.MatchersList;
-    },
-    get SilenceForm () {
-        return _SilenceForm.SilenceForm;
-    },
-    get StatusBadge () {
-        return _StatusBadge.StatusBadge;
-    }
-});
-const _StatusBadge = require("./StatusBadge");
-const _MatchersList = require("./MatchersList");
-const _MatcherEditor = require("./MatcherEditor");
-const _SilenceForm = require("./SilenceForm");
-const _LazyTextField = require("./LazyTextField");

package/lib/cjs/explore/AlertManagerAlertsExplorer.js

@@ -1,79 +0,0 @@
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "AlertManagerAlertsExplorer", {
-    enumerable: true,
-    get: function() {
-        return AlertManagerAlertsExplorer;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = require("react");
-const _material = require("@mui/material");
-const _pluginsystem = require("@perses-dev/plugin-system");
-const _dashboards = require("@perses-dev/dashboards");
-const _explore = require("@perses-dev/explore");
-const PANEL_PREVIEW_HEIGHT = 600;
-function AlertManagerAlertsExplorer() {
-    const { data: { queries = [] }, setData } = (0, _explore.useExplorerManagerContext)();
-    const [queryDefinitions, setQueryDefinitions] = (0, _react.useState)(queries);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-        gap: 2,
-        sx: {
-            width: '100%'
-        },
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.MultiQueryEditor, {
-                queryTypes: [
-                    'AlertsQuery'
-                ],
-                onChange: (state)=>setQueryDefinitions(state),
-                queries: queryDefinitions,
-                onQueryRun: ()=>setData({
-                        queries: queryDefinitions
-                    })
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.DataQueriesProvider, {
-                definitions: queries,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
-                    height: PANEL_PREVIEW_HEIGHT,
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_dashboards.Panel, {
-                        panelOptions: {
-                            hideHeader: true
-                        },
-                        definition: {
-                            kind: 'Panel',
-                            spec: {
-                                queries,
-                                display: {
-                                    name: ''
-                                },
-                                plugin: {
-                                    kind: 'AlertTable',
-                                    spec: {
-                                        defaultGroupBy: [
-                                            'alertname'
-                                        ]
-                                    }
-                                }
-                            }
-                        }
-                    })
-                })
-            })
-        ]
-    });
-}