@perses-dev/alert-manager-plugin 0.1.0-rc.0

package/lib/components/MatcherEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/MatcherEditor.tsx"],"sourcesContent":["// Copyright 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 { ReactElement, useId } from 'react';\nimport {\n  IconButton,\n  MenuItem,\n  Stack,\n  TextField,\n  Select,\n  FormControl,\n  InputLabel,\n  SelectChangeEvent,\n} from '@mui/material';\nimport DeleteIcon from 'mdi-material-ui/Delete';\n\nexport interface MatcherValue {\n  name: string;\n  value: string;\n  isEqual: boolean;\n  isRegex: boolean;\n}\n\nexport interface MatcherEditorProps {\n  matcher: MatcherValue;\n  onChange: (matcher: MatcherValue) => void;\n  onRemove: () => void;\n}\n\ntype MatchType = '=' | '!=' | '=~' | '!~';\n\nfunction getMatchType(matcher: MatcherValue): MatchType {\n  if (matcher.isRegex) {\n    return matcher.isEqual ? '=~' : '!~';\n  }\n  return matcher.isEqual ? '=' : '!=';\n}\n\nfunction parseMatchType(matchType: MatchType): { isEqual: boolean; isRegex: boolean } {\n  switch (matchType) {\n    case '=':\n      return { isEqual: true, isRegex: false };\n    case '!=':\n      return { isEqual: false, isRegex: false };\n    case '=~':\n      return { isEqual: true, isRegex: true };\n    case '!~':\n      return { isEqual: false, isRegex: true };\n  }\n}\n\n/**\n * A form for editing a single matcher with fields for name, value, and match type.\n */\nexport function MatcherEditor({ matcher, onChange, onRemove }: MatcherEditorProps): ReactElement {\n  const matchTypeLabelId = useId();\n\n  const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n    onChange({ ...matcher, name: e.target.value });\n  };\n\n  const handleValueChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n    onChange({ ...matcher, value: e.target.value });\n  };\n\n  const handleMatchTypeChange = (e: SelectChangeEvent): void => {\n    const { isEqual, isRegex } = parseMatchType(e.target.value as MatchType);\n    onChange({ ...matcher, isEqual, isRegex });\n  };\n\n  return (\n    <Stack direction=\"row\" spacing={1} alignItems=\"center\">\n      <TextField\n        label=\"Label name\"\n        value={matcher.name}\n        onChange={handleNameChange}\n        size=\"small\"\n        sx={{ minWidth: 150 }}\n      />\n      <FormControl size=\"small\" sx={{ minWidth: 80 }}>\n        <InputLabel id={matchTypeLabelId}>Match</InputLabel>\n        <Select labelId={matchTypeLabelId} value={getMatchType(matcher)} onChange={handleMatchTypeChange} label=\"Match\">\n          <MenuItem value=\"=\">=</MenuItem>\n          <MenuItem value=\"!=\">!=</MenuItem>\n          <MenuItem value=\"=~\">=~</MenuItem>\n          <MenuItem value=\"!~\">!~</MenuItem>\n        </Select>\n      </FormControl>\n      <TextField label=\"Value\" value={matcher.value} onChange={handleValueChange} size=\"small\" sx={{ minWidth: 200 }} />\n      <IconButton onClick={onRemove} size=\"small\" aria-label=\"Remove matcher\">\n        <DeleteIcon fontSize=\"small\" />\n      </IconButton>\n    </Stack>\n  );\n}\n"],"names":["useId","IconButton","MenuItem","Stack","TextField","Select","FormControl","InputLabel","DeleteIcon","getMatchType","matcher","isRegex","isEqual","parseMatchType","matchType","MatcherEditor","onChange","onRemove","matchTypeLabelId","handleNameChange","e","name","target","value","handleValueChange","handleMatchTypeChange","direction","spacing","alignItems","label","size","sx","minWidth","id","labelId","onClick","aria-label","fontSize"],"mappings":";AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAAuBA,KAAK,QAAQ,QAAQ;AAC5C,SACEC,UAAU,EACVC,QAAQ,EACRC,KAAK,EACLC,SAAS,EACTC,MAAM,EACNC,WAAW,EACXC,UAAU,QAEL,gBAAgB;AACvB,OAAOC,gBAAgB,yBAAyB;AAiBhD,SAASC,aAAaC,OAAqB;IACzC,IAAIA,QAAQC,OAAO,EAAE;QACnB,OAAOD,QAAQE,OAAO,GAAG,OAAO;IAClC;IACA,OAAOF,QAAQE,OAAO,GAAG,MAAM;AACjC;AAEA,SAASC,eAAeC,SAAoB;IAC1C,OAAQA;QACN,KAAK;YACH,OAAO;gBAAEF,SAAS;gBAAMD,SAAS;YAAM;QACzC,KAAK;YACH,OAAO;gBAAEC,SAAS;gBAAOD,SAAS;YAAM;QAC1C,KAAK;YACH,OAAO;gBAAEC,SAAS;gBAAMD,SAAS;YAAK;QACxC,KAAK;YACH,OAAO;gBAAEC,SAAS;gBAAOD,SAAS;YAAK;IAC3C;AACF;AAEA;;CAEC,GACD,OAAO,SAASI,cAAc,EAAEL,OAAO,EAAEM,QAAQ,EAAEC,QAAQ,EAAsB;IAC/E,MAAMC,mBAAmBlB;IAEzB,MAAMmB,mBAAmB,CAACC;QACxBJ,SAAS;YAAE,GAAGN,OAAO;YAAEW,MAAMD,EAAEE,MAAM,CAACC,KAAK;QAAC;IAC9C;IAEA,MAAMC,oBAAoB,CAACJ;QACzBJ,SAAS;YAAE,GAAGN,OAAO;YAAEa,OAAOH,EAAEE,MAAM,CAACC,KAAK;QAAC;IAC/C;IAEA,MAAME,wBAAwB,CAACL;QAC7B,MAAM,EAAER,OAAO,EAAED,OAAO,EAAE,GAAGE,eAAeO,EAAEE,MAAM,CAACC,KAAK;QAC1DP,SAAS;YAAE,GAAGN,OAAO;YAAEE;YAASD;QAAQ;IAC1C;IAEA,qBACE,MAACR;QAAMuB,WAAU;QAAMC,SAAS;QAAGC,YAAW;;0BAC5C,KAACxB;gBACCyB,OAAM;gBACNN,OAAOb,QAAQW,IAAI;gBACnBL,UAAUG;gBACVW,MAAK;gBACLC,IAAI;oBAAEC,UAAU;gBAAI;;0BAEtB,MAAC1B;gBAAYwB,MAAK;gBAAQC,IAAI;oBAAEC,UAAU;gBAAG;;kCAC3C,KAACzB;wBAAW0B,IAAIf;kCAAkB;;kCAClC,MAACb;wBAAO6B,SAAShB;wBAAkBK,OAAOd,aAAaC;wBAAUM,UAAUS;wBAAuBI,OAAM;;0CACtG,KAAC3B;gCAASqB,OAAM;0CAAI;;0CACpB,KAACrB;gCAASqB,OAAM;0CAAK;;0CACrB,KAACrB;gCAASqB,OAAM;0CAAK;;0CACrB,KAACrB;gCAASqB,OAAM;0CAAK;;;;;;0BAGzB,KAACnB;gBAAUyB,OAAM;gBAAQN,OAAOb,QAAQa,KAAK;gBAAEP,UAAUQ;gBAAmBM,MAAK;gBAAQC,IAAI;oBAAEC,UAAU;gBAAI;;0BAC7G,KAAC/B;gBAAWkC,SAASlB;gBAAUa,MAAK;gBAAQM,cAAW;0BACrD,cAAA,KAAC5B;oBAAW6B,UAAS;;;;;AAI7B"}

package/lib/components/MatchersList.d.ts

@@ -0,0 +1,10 @@
+import { SilenceMatcher } from '@perses-dev/spec';
+import { ReactElement } from 'react';
+export interface MatchersListProps {
+    matchers: SilenceMatcher[];
+}
+/**
+ * Renders a list of matchers as MUI Chips.
+ */
+export declare function MatchersList({ matchers }: MatchersListProps): ReactElement;
+//# sourceMappingURL=MatchersList.d.ts.map

package/lib/components/MatchersList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MatchersList.d.ts","sourceRoot":"","sources":["../../../src/components/MatchersList.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,cAAc,EAAE,CAAC;CAC5B;AAYD;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,GAAG,YAAY,CAQ1E"}

package/lib/components/MatchersList.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// 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.
+import { Chip, Stack } from '@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}"`;
+}
+/**
+ * Renders a list of matchers as MUI Chips.
+ */ export function MatchersList({ matchers }) {
+    return /*#__PURE__*/ _jsx(Stack, {
+        direction: "row",
+        spacing: 0.5,
+        flexWrap: "wrap",
+        useFlexGap: true,
+        children: matchers.map((matcher, index)=>/*#__PURE__*/ _jsx(Chip, {
+                label: formatMatcher(matcher),
+                size: "small",
+                variant: "outlined"
+            }, index))
+    });
+}
+
+//# sourceMappingURL=MatchersList.js.map

package/lib/components/MatchersList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/MatchersList.tsx"],"sourcesContent":["// Copyright 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 { Chip, Stack } from '@mui/material';\nimport { SilenceMatcher } from '@perses-dev/spec';\nimport { ReactElement } from 'react';\n\nexport interface MatchersListProps {\n  matchers: SilenceMatcher[];\n}\n\nfunction formatMatcher(matcher: SilenceMatcher): string {\n  let operator: string;\n  if (matcher.isRegex) {\n    operator = (matcher.isEqual ?? true) ? '=~' : '!~';\n  } else {\n    operator = (matcher.isEqual ?? true) ? '=' : '!=';\n  }\n  return `${matcher.name}${operator}\"${matcher.value}\"`;\n}\n\n/**\n * Renders a list of matchers as MUI Chips.\n */\nexport function MatchersList({ matchers }: MatchersListProps): ReactElement {\n  return (\n    <Stack direction=\"row\" spacing={0.5} flexWrap=\"wrap\" useFlexGap>\n      {matchers.map((matcher, index) => (\n        <Chip key={index} label={formatMatcher(matcher)} size=\"small\" variant=\"outlined\" />\n      ))}\n    </Stack>\n  );\n}\n"],"names":["Chip","Stack","formatMatcher","matcher","operator","isRegex","isEqual","name","value","MatchersList","matchers","direction","spacing","flexWrap","useFlexGap","map","index","label","size","variant"],"mappings":";AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,IAAI,EAAEC,KAAK,QAAQ,gBAAgB;AAQ5C,SAASC,cAAcC,OAAuB;IAC5C,IAAIC;IACJ,IAAID,QAAQE,OAAO,EAAE;QACnBD,WAAW,AAACD,QAAQG,OAAO,IAAI,OAAQ,OAAO;IAChD,OAAO;QACLF,WAAW,AAACD,QAAQG,OAAO,IAAI,OAAQ,MAAM;IAC/C;IACA,OAAO,GAAGH,QAAQI,IAAI,GAAGH,SAAS,CAAC,EAAED,QAAQK,KAAK,CAAC,CAAC,CAAC;AACvD;AAEA;;CAEC,GACD,OAAO,SAASC,aAAa,EAAEC,QAAQ,EAAqB;IAC1D,qBACE,KAACT;QAAMU,WAAU;QAAMC,SAAS;QAAKC,UAAS;QAAOC,UAAU;kBAC5DJ,SAASK,GAAG,CAAC,CAACZ,SAASa,sBACtB,KAAChB;gBAAiBiB,OAAOf,cAAcC;gBAAUe,MAAK;gBAAQC,SAAQ;eAA3DH;;AAInB"}

package/lib/components/SilenceForm.d.ts

@@ -0,0 +1,13 @@
+import { ReactElement } from 'react';
+import { PostableSilence } from '../model/api-types';
+export interface SilenceFormProps {
+    open: boolean;
+    onClose: () => void;
+    onSubmit: (silence: PostableSilence) => void;
+    initialSilence?: Partial<PostableSilence>;
+}
+/**
+ * Form dialog for creating or editing silences.
+ */
+export declare function SilenceForm({ open, onClose, onSubmit, initialSilence }: SilenceFormProps): ReactElement;
+//# sourceMappingURL=SilenceForm.d.ts.map

package/lib/components/SilenceForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SilenceForm.d.ts","sourceRoot":"","sources":["../../../src/components/SilenceForm.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGrD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CAC3C;AAwBD;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,gBAAgB,GAAG,YAAY,CA0HvG"}

package/lib/components/SilenceForm.js

@@ -0,0 +1,194 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// 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.
+import { Button, Dialog, DialogActions, DialogContent, DialogTitle, Stack, TextField, Typography } from '@mui/material';
+import AddIcon from 'mdi-material-ui/Plus';
+import { useState } from 'react';
+import { MatcherEditor } from './MatcherEditor';
+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());
+}
+/**
+ * Form dialog for creating or editing silences.
+ */ export function SilenceForm({ open, onClose, onSubmit, initialSilence }) {
+    const [matchers, setMatchers] = 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] = useState(initialSilence?.startsAt?.slice(0, 16) ?? getNowLocalISO());
+    const [endsAt, setEndsAt] = useState(initialSilence?.endsAt?.slice(0, 16) ?? getDefaultEndTime());
+    const [createdBy, setCreatedBy] = useState(initialSilence?.createdBy ?? '');
+    const [comment, setComment] = 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__*/ _jsxs(Dialog, {
+        open: open,
+        onClose: onClose,
+        maxWidth: "md",
+        fullWidth: true,
+        children: [
+            /*#__PURE__*/ _jsx(DialogTitle, {
+                children: initialSilence?.id ? 'Edit Silence' : 'Create Silence'
+            }),
+            /*#__PURE__*/ _jsx(DialogContent, {
+                children: /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 2,
+                    sx: {
+                        mt: 1
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "subtitle2",
+                            children: "Matchers"
+                        }),
+                        matchers.map((matcher, index)=>/*#__PURE__*/ _jsx(MatcherEditor, {
+                                matcher: matcher,
+                                onChange: (updated)=>handleMatcherChange(index, updated),
+                                onRemove: ()=>handleRemoveMatcher(index)
+                            }, index)),
+                        /*#__PURE__*/ _jsx(Button, {
+                            startIcon: /*#__PURE__*/ _jsx(AddIcon, {}),
+                            onClick: handleAddMatcher,
+                            variant: "outlined",
+                            size: "small",
+                            children: "Add Matcher"
+                        }),
+                        /*#__PURE__*/ _jsxs(Stack, {
+                            direction: "row",
+                            spacing: 2,
+                            children: [
+                                /*#__PURE__*/ _jsx(TextField, {
+                                    label: "Start",
+                                    type: "datetime-local",
+                                    value: startsAt,
+                                    onChange: (e)=>setStartsAt(e.target.value),
+                                    size: "small",
+                                    InputLabelProps: {
+                                        shrink: true
+                                    },
+                                    sx: {
+                                        flex: 1
+                                    }
+                                }),
+                                /*#__PURE__*/ _jsx(TextField, {
+                                    label: "End",
+                                    type: "datetime-local",
+                                    value: endsAt,
+                                    onChange: (e)=>setEndsAt(e.target.value),
+                                    size: "small",
+                                    InputLabelProps: {
+                                        shrink: true
+                                    },
+                                    sx: {
+                                        flex: 1
+                                    }
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsx(TextField, {
+                            label: "Creator",
+                            value: createdBy,
+                            onChange: (e)=>setCreatedBy(e.target.value),
+                            size: "small",
+                            required: true
+                        }),
+                        /*#__PURE__*/ _jsx(TextField, {
+                            label: "Comment",
+                            value: comment,
+                            onChange: (e)=>setComment(e.target.value),
+                            size: "small",
+                            multiline: true,
+                            rows: 2
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsxs(DialogActions, {
+                children: [
+                    /*#__PURE__*/ _jsx(Button, {
+                        onClick: onClose,
+                        children: "Cancel"
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        onClick: handleSubmit,
+                        variant: "contained",
+                        disabled: !isValid,
+                        children: initialSilence?.id ? 'Update' : 'Create'
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=SilenceForm.js.map

package/lib/components/SilenceForm.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SilenceForm.tsx"],"sourcesContent":["// Copyright 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 { Button, Dialog, DialogActions, DialogContent, DialogTitle, Stack, TextField, Typography } from '@mui/material';\nimport AddIcon from 'mdi-material-ui/Plus';\nimport { ReactElement, useState } from 'react';\nimport { PostableSilence } from '../model/api-types';\nimport { MatcherEditor, MatcherValue } from './MatcherEditor';\n\nexport interface SilenceFormProps {\n  open: boolean;\n  onClose: () => void;\n  onSubmit: (silence: PostableSilence) => void;\n  initialSilence?: Partial<PostableSilence>;\n}\n\nconst DEFAULT_MATCHER: MatcherValue = {\n  name: '',\n  value: '',\n  isEqual: true,\n  isRegex: false,\n};\n\nfunction toLocalDatetimeString(date: Date): string {\n  const pad = (n: number): string => String(n).padStart(2, '0');\n  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}T${pad(date.getHours())}:${pad(date.getMinutes())}`;\n}\n\nfunction getDefaultEndTime(): string {\n  const end = new Date();\n  end.setMinutes(end.getMinutes() + 30);\n  return toLocalDatetimeString(end);\n}\n\nfunction getNowLocalISO(): string {\n  return toLocalDatetimeString(new Date());\n}\n\n/**\n * Form dialog for creating or editing silences.\n */\nexport function SilenceForm({ open, onClose, onSubmit, initialSilence }: SilenceFormProps): ReactElement {\n  const [matchers, setMatchers] = useState<MatcherValue[]>(\n    initialSilence?.matchers?.length\n      ? initialSilence.matchers.map((m) => ({\n          name: m.name,\n          value: m.value,\n          isEqual: m.isEqual,\n          isRegex: m.isRegex,\n        }))\n      : [{ ...DEFAULT_MATCHER }]\n  );\n  const [startsAt, setStartsAt] = useState(initialSilence?.startsAt?.slice(0, 16) ?? getNowLocalISO());\n  const [endsAt, setEndsAt] = useState(initialSilence?.endsAt?.slice(0, 16) ?? getDefaultEndTime());\n  const [createdBy, setCreatedBy] = useState(initialSilence?.createdBy ?? '');\n  const [comment, setComment] = useState(initialSilence?.comment ?? '');\n\n  const handleAddMatcher = (): void => {\n    setMatchers([...matchers, { ...DEFAULT_MATCHER }]);\n  };\n\n  const handleMatcherChange = (index: number, updated: MatcherValue): void => {\n    const next = [...matchers];\n    next[index] = updated;\n    setMatchers(next);\n  };\n\n  const handleRemoveMatcher = (index: number): void => {\n    setMatchers(matchers.filter((_, i) => i !== index));\n  };\n\n  const handleSubmit = (): void => {\n    const startsAtDate = new Date(startsAt);\n    const endsAtDate = new Date(endsAt);\n    if (isNaN(startsAtDate.getTime()) || isNaN(endsAtDate.getTime())) return;\n\n    const silence: PostableSilence = {\n      id: initialSilence?.id,\n      matchers: matchers.map((m) => ({\n        name: m.name,\n        value: m.value,\n        isEqual: m.isEqual,\n        isRegex: m.isRegex,\n      })),\n      startsAt: startsAtDate.toISOString(),\n      endsAt: endsAtDate.toISOString(),\n      createdBy,\n      comment,\n    };\n    onSubmit(silence);\n  };\n\n  const startsAtDate = new Date(startsAt);\n  const endsAtDate = new Date(endsAt);\n  const isValidDates =\n    !isNaN(startsAtDate.getTime()) && !isNaN(endsAtDate.getTime()) && endsAtDate.getTime() > startsAtDate.getTime();\n  const isValid =\n    matchers.length > 0 && matchers.every((m) => m.name.length > 0) && createdBy.length > 0 && isValidDates;\n\n  return (\n    <Dialog open={open} onClose={onClose} maxWidth=\"md\" fullWidth>\n      <DialogTitle>{initialSilence?.id ? 'Edit Silence' : 'Create Silence'}</DialogTitle>\n      <DialogContent>\n        <Stack spacing={2} sx={{ mt: 1 }}>\n          <Typography variant=\"subtitle2\">Matchers</Typography>\n          {matchers.map((matcher, index) => (\n            <MatcherEditor\n              key={index}\n              matcher={matcher}\n              onChange={(updated) => handleMatcherChange(index, updated)}\n              onRemove={() => handleRemoveMatcher(index)}\n            />\n          ))}\n          <Button startIcon={<AddIcon />} onClick={handleAddMatcher} variant=\"outlined\" size=\"small\">\n            Add Matcher\n          </Button>\n\n          <Stack direction=\"row\" spacing={2}>\n            <TextField\n              label=\"Start\"\n              type=\"datetime-local\"\n              value={startsAt}\n              onChange={(e) => setStartsAt(e.target.value)}\n              size=\"small\"\n              InputLabelProps={{ shrink: true }}\n              sx={{ flex: 1 }}\n            />\n            <TextField\n              label=\"End\"\n              type=\"datetime-local\"\n              value={endsAt}\n              onChange={(e) => setEndsAt(e.target.value)}\n              size=\"small\"\n              InputLabelProps={{ shrink: true }}\n              sx={{ flex: 1 }}\n            />\n          </Stack>\n\n          <TextField\n            label=\"Creator\"\n            value={createdBy}\n            onChange={(e) => setCreatedBy(e.target.value)}\n            size=\"small\"\n            required\n          />\n          <TextField\n            label=\"Comment\"\n            value={comment}\n            onChange={(e) => setComment(e.target.value)}\n            size=\"small\"\n            multiline\n            rows={2}\n          />\n        </Stack>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={onClose}>Cancel</Button>\n        <Button onClick={handleSubmit} variant=\"contained\" disabled={!isValid}>\n          {initialSilence?.id ? 'Update' : 'Create'}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n}\n"],"names":["Button","Dialog","DialogActions","DialogContent","DialogTitle","Stack","TextField","Typography","AddIcon","useState","MatcherEditor","DEFAULT_MATCHER","name","value","isEqual","isRegex","toLocalDatetimeString","date","pad","n","String","padStart","getFullYear","getMonth","getDate","getHours","getMinutes","getDefaultEndTime","end","Date","setMinutes","getNowLocalISO","SilenceForm","open","onClose","onSubmit","initialSilence","matchers","setMatchers","length","map","m","startsAt","setStartsAt","slice","endsAt","setEndsAt","createdBy","setCreatedBy","comment","setComment","handleAddMatcher","handleMatcherChange","index","updated","next","handleRemoveMatcher","filter","_","i","handleSubmit","startsAtDate","endsAtDate","isNaN","getTime","silence","id","toISOString","isValidDates","isValid","every","maxWidth","fullWidth","spacing","sx","mt","variant","matcher","onChange","onRemove","startIcon","onClick","size","direction","label","type","e","target","InputLabelProps","shrink","flex","required","multiline","rows","disabled"],"mappings":"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"}

package/lib/components/StatusBadge.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+export interface StatusBadgeProps {
+    status: string;
+    variant?: 'alert' | 'silence';
+}
+/**
+ * Renders a colored badge/chip based on alert or silence status.
+ */
+export declare function StatusBadge({ status, variant }: StatusBadgeProps): ReactElement;
+//# sourceMappingURL=StatusBadge.d.ts.map

package/lib/components/StatusBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/StatusBadge.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGrC,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B;AAqBD;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,OAAiB,EAAE,EAAE,gBAAgB,GAAG,YAAY,CAQzF"}

package/lib/components/StatusBadge.js

@@ -0,0 +1,65 @@
+// 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.
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Chip } from '@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'
+    }
+};
+/**
+ * Renders a colored badge/chip based on alert or silence status.
+ */ export 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__*/ _jsx(Chip, {
+        label: label,
+        color: color,
+        size: "small"
+    });
+}
+
+//# sourceMappingURL=StatusBadge.js.map

package/lib/components/StatusBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/StatusBadge.tsx"],"sourcesContent":["// Copyright 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 { ReactElement } from 'react';\nimport { Chip, ChipProps } from '@mui/material';\n\nexport interface StatusBadgeProps {\n  status: string;\n  variant?: 'alert' | 'silence';\n}\n\ninterface StatusConfig {\n  label: string;\n  color: ChipProps['color'];\n}\n\nconst ALERT_STATUS_MAP: Record<string, StatusConfig> = {\n  firing: { label: 'Firing', color: 'error' },\n  suppressed: { label: 'Silenced', color: 'warning' },\n  pending: { label: 'Pending', color: 'default' },\n  resolved: { label: 'Resolved', color: 'success' },\n  inactive: { label: 'Inactive', color: 'default' },\n};\n\nconst SILENCE_STATUS_MAP: Record<string, StatusConfig> = {\n  active: { label: 'Active', color: 'success' },\n  expired: { label: 'Expired', color: 'default' },\n  pending: { label: 'Pending', color: 'warning' },\n};\n\n/**\n * Renders a colored badge/chip based on alert or silence status.\n */\nexport function StatusBadge({ status, variant = 'alert' }: StatusBadgeProps): ReactElement {\n  const statusMap = variant === 'silence' ? SILENCE_STATUS_MAP : ALERT_STATUS_MAP;\n  const config = statusMap[status];\n\n  const label = config?.label ?? status;\n  const color = config?.color ?? 'default';\n\n  return <Chip label={label} color={color} size=\"small\" />;\n}\n"],"names":["Chip","ALERT_STATUS_MAP","firing","label","color","suppressed","pending","resolved","inactive","SILENCE_STATUS_MAP","active","expired","StatusBadge","status","variant","statusMap","config","size"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAGjC,SAASA,IAAI,QAAmB,gBAAgB;AAYhD,MAAMC,mBAAiD;IACrDC,QAAQ;QAAEC,OAAO;QAAUC,OAAO;IAAQ;IAC1CC,YAAY;QAAEF,OAAO;QAAYC,OAAO;IAAU;IAClDE,SAAS;QAAEH,OAAO;QAAWC,OAAO;IAAU;IAC9CG,UAAU;QAAEJ,OAAO;QAAYC,OAAO;IAAU;IAChDI,UAAU;QAAEL,OAAO;QAAYC,OAAO;IAAU;AAClD;AAEA,MAAMK,qBAAmD;IACvDC,QAAQ;QAAEP,OAAO;QAAUC,OAAO;IAAU;IAC5CO,SAAS;QAAER,OAAO;QAAWC,OAAO;IAAU;IAC9CE,SAAS;QAAEH,OAAO;QAAWC,OAAO;IAAU;AAChD;AAEA;;CAEC,GACD,OAAO,SAASQ,YAAY,EAAEC,MAAM,EAAEC,UAAU,OAAO,EAAoB;IACzE,MAAMC,YAAYD,YAAY,YAAYL,qBAAqBR;IAC/D,MAAMe,SAASD,SAAS,CAACF,OAAO;IAEhC,MAAMV,QAAQa,QAAQb,SAASU;IAC/B,MAAMT,QAAQY,QAAQZ,SAAS;IAE/B,qBAAO,KAACJ;QAAKG,OAAOA;QAAOC,OAAOA;QAAOa,MAAK;;AAChD"}

package/lib/components/index.d.ts

@@ -0,0 +1,11 @@
+export { StatusBadge } from './StatusBadge';
+export type { StatusBadgeProps } from './StatusBadge';
+export { MatchersList } from './MatchersList';
+export type { MatchersListProps } from './MatchersList';
+export { MatcherEditor } from './MatcherEditor';
+export type { MatcherEditorProps, MatcherValue } from './MatcherEditor';
+export { SilenceForm } from './SilenceForm';
+export type { SilenceFormProps } from './SilenceForm';
+export { LazyTextField } from './LazyTextField';
+export type { LazyTextFieldProps } from './LazyTextField';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAExE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

package/lib/components/index.js

@@ -0,0 +1,19 @@
+// 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.
+export { StatusBadge } from './StatusBadge';
+export { MatchersList } from './MatchersList';
+export { MatcherEditor } from './MatcherEditor';
+export { SilenceForm } from './SilenceForm';
+export { LazyTextField } from './LazyTextField';
+
+//# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["// Copyright 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\nexport { StatusBadge } from './StatusBadge';\nexport type { StatusBadgeProps } from './StatusBadge';\n\nexport { MatchersList } from './MatchersList';\nexport type { MatchersListProps } from './MatchersList';\n\nexport { MatcherEditor } from './MatcherEditor';\nexport type { MatcherEditorProps, MatcherValue } from './MatcherEditor';\n\nexport { SilenceForm } from './SilenceForm';\nexport type { SilenceFormProps } from './SilenceForm';\n\nexport { LazyTextField } from './LazyTextField';\nexport type { LazyTextFieldProps } from './LazyTextField';\n"],"names":["StatusBadge","MatchersList","MatcherEditor","SilenceForm","LazyTextField"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,WAAW,QAAQ,gBAAgB;AAG5C,SAASC,YAAY,QAAQ,iBAAiB;AAG9C,SAASC,aAAa,QAAQ,kBAAkB;AAGhD,SAASC,WAAW,QAAQ,gBAAgB;AAG5C,SAASC,aAAa,QAAQ,kBAAkB"}

package/lib/explore/AlertManagerAlertsExplorer.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+export declare function AlertManagerAlertsExplorer(): ReactElement;
+//# sourceMappingURL=AlertManagerAlertsExplorer.d.ts.map

package/lib/explore/AlertManagerAlertsExplorer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertManagerAlertsExplorer.d.ts","sourceRoot":"","sources":["../../../src/explore/AlertManagerAlertsExplorer.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;AAa/C,wBAAgB,0BAA0B,IAAI,YAAY,CAiCzD"}

package/lib/explore/AlertManagerAlertsExplorer.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// 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.
+import { useState } from 'react';
+import { Box, Stack } from '@mui/material';
+import { DataQueriesProvider, MultiQueryEditor } from '@perses-dev/plugin-system';
+import { Panel } from '@perses-dev/dashboards';
+import { useExplorerManagerContext } from '@perses-dev/explore';
+const PANEL_PREVIEW_HEIGHT = 600;
+export function AlertManagerAlertsExplorer() {
+    const { data: { queries = [] }, setData } = useExplorerManagerContext();
+    const [queryDefinitions, setQueryDefinitions] = useState(queries);
+    return /*#__PURE__*/ _jsxs(Stack, {
+        gap: 2,
+        sx: {
+            width: '100%'
+        },
+        children: [
+            /*#__PURE__*/ _jsx(MultiQueryEditor, {
+                queryTypes: [
+                    'AlertsQuery'
+                ],
+                onChange: (state)=>setQueryDefinitions(state),
+                queries: queryDefinitions,
+                onQueryRun: ()=>setData({
+                        queries: queryDefinitions
+                    })
+            }),
+            /*#__PURE__*/ _jsx(DataQueriesProvider, {
+                definitions: queries,
+                children: /*#__PURE__*/ _jsx(Box, {
+                    height: PANEL_PREVIEW_HEIGHT,
+                    children: /*#__PURE__*/ _jsx(Panel, {
+                        panelOptions: {
+                            hideHeader: true
+                        },
+                        definition: {
+                            kind: 'Panel',
+                            spec: {
+                                queries,
+                                display: {
+                                    name: ''
+                                },
+                                plugin: {
+                                    kind: 'AlertTable',
+                                    spec: {
+                                        defaultGroupBy: [
+                                            'alertname'
+                                        ]
+                                    }
+                                }
+                            }
+                        }
+                    })
+                })
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=AlertManagerAlertsExplorer.js.map

package/lib/explore/AlertManagerAlertsExplorer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/explore/AlertManagerAlertsExplorer.tsx"],"sourcesContent":["// Copyright 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 { ReactElement, useState } from 'react';\nimport { Box, Stack } from '@mui/material';\nimport { DataQueriesProvider, MultiQueryEditor } from '@perses-dev/plugin-system';\nimport { Panel } from '@perses-dev/dashboards';\nimport { useExplorerManagerContext } from '@perses-dev/explore';\nimport { QueryDefinition } from '@perses-dev/spec';\n\ninterface AlertsExplorerQueryParams {\n  queries?: QueryDefinition[];\n}\n\nconst PANEL_PREVIEW_HEIGHT = 600;\n\nexport function AlertManagerAlertsExplorer(): ReactElement {\n  const {\n    data: { queries = [] },\n    setData,\n  } = useExplorerManagerContext<AlertsExplorerQueryParams>();\n\n  const [queryDefinitions, setQueryDefinitions] = useState<QueryDefinition[]>(queries);\n\n  return (\n    <Stack gap={2} sx={{ width: '100%' }}>\n      <MultiQueryEditor\n        queryTypes={['AlertsQuery']}\n        onChange={(state) => setQueryDefinitions(state)}\n        queries={queryDefinitions}\n        onQueryRun={() => setData({ queries: queryDefinitions })}\n      />\n      <DataQueriesProvider definitions={queries}>\n        <Box height={PANEL_PREVIEW_HEIGHT}>\n          <Panel\n            panelOptions={{ hideHeader: true }}\n            definition={{\n              kind: 'Panel',\n              spec: {\n                queries,\n                display: { name: '' },\n                plugin: { kind: 'AlertTable', spec: { defaultGroupBy: ['alertname'] } },\n              },\n            }}\n          />\n        </Box>\n      </DataQueriesProvider>\n    </Stack>\n  );\n}\n"],"names":["useState","Box","Stack","DataQueriesProvider","MultiQueryEditor","Panel","useExplorerManagerContext","PANEL_PREVIEW_HEIGHT","AlertManagerAlertsExplorer","data","queries","setData","queryDefinitions","setQueryDefinitions","gap","sx","width","queryTypes","onChange","state","onQueryRun","definitions","height","panelOptions","hideHeader","definition","kind","spec","display","name","plugin","defaultGroupBy"],"mappings":";AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAAuBA,QAAQ,QAAQ,QAAQ;AAC/C,SAASC,GAAG,EAAEC,KAAK,QAAQ,gBAAgB;AAC3C,SAASC,mBAAmB,EAAEC,gBAAgB,QAAQ,4BAA4B;AAClF,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SAASC,yBAAyB,QAAQ,sBAAsB;AAOhE,MAAMC,uBAAuB;AAE7B,OAAO,SAASC;IACd,MAAM,EACJC,MAAM,EAAEC,UAAU,EAAE,EAAE,EACtBC,OAAO,EACR,GAAGL;IAEJ,MAAM,CAACM,kBAAkBC,oBAAoB,GAAGb,SAA4BU;IAE5E,qBACE,MAACR;QAAMY,KAAK;QAAGC,IAAI;YAAEC,OAAO;QAAO;;0BACjC,KAACZ;gBACCa,YAAY;oBAAC;iBAAc;gBAC3BC,UAAU,CAACC,QAAUN,oBAAoBM;gBACzCT,SAASE;gBACTQ,YAAY,IAAMT,QAAQ;wBAAED,SAASE;oBAAiB;;0BAExD,KAACT;gBAAoBkB,aAAaX;0BAChC,cAAA,KAACT;oBAAIqB,QAAQf;8BACX,cAAA,KAACF;wBACCkB,cAAc;4BAAEC,YAAY;wBAAK;wBACjCC,YAAY;4BACVC,MAAM;4BACNC,MAAM;gCACJjB;gCACAkB,SAAS;oCAAEC,MAAM;gCAAG;gCACpBC,QAAQ;oCAAEJ,MAAM;oCAAcC,MAAM;wCAAEI,gBAAgB;4CAAC;yCAAY;oCAAC;gCAAE;4BACxE;wBACF;;;;;;AAMZ"}

package/lib/explore/AlertManagerSilencesExplorer.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+export declare function AlertManagerSilencesExplorer(): ReactElement;
+//# sourceMappingURL=AlertManagerSilencesExplorer.d.ts.map

package/lib/explore/AlertManagerSilencesExplorer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertManagerSilencesExplorer.d.ts","sourceRoot":"","sources":["../../../src/explore/AlertManagerSilencesExplorer.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAA0C,MAAM,OAAO,CAAC;AAoE7E,wBAAgB,4BAA4B,IAAI,YAAY,CAoC3D"}