@perses-dev/alert-manager-plugin 0.1.0

package/lib/plugins/alertmanager-silences-query/AlertManagerSilencesQuery.js

@@ -0,0 +1,37 @@
+// 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 { isVariableDatasource, parseVariables } from '@perses-dev/plugin-system';
+import { getSilencesData } from './get-silences-data';
+import { AlertManagerSilencesQueryEditor } from './AlertManagerSilencesQueryEditor';
+export const AlertManagerSilencesQuery = {
+    getSilencesData,
+    OptionsEditorComponent: AlertManagerSilencesQueryEditor,
+    createInitialOptions: ()=>({
+            datasource: undefined,
+            filters: []
+        }),
+    dependsOn: (spec)=>{
+        const datasourceVariables = isVariableDatasource(spec.datasource) ? parseVariables(spec.datasource ?? '') : [];
+        const filterVariables = spec.filters?.flatMap((f)=>parseVariables(f)) ?? [];
+        return {
+            variables: [
+                ...new Set([
+                    ...datasourceVariables,
+                    ...filterVariables
+                ])
+            ]
+        };
+    }
+};
+
+//# sourceMappingURL=AlertManagerSilencesQuery.js.map

package/lib/plugins/alertmanager-silences-query/AlertManagerSilencesQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/plugins/alertmanager-silences-query/AlertManagerSilencesQuery.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\nimport { isVariableDatasource, parseVariables, SilencesQueryPlugin } from '@perses-dev/plugin-system';\nimport { AlertManagerSilencesQuerySpec } from '../types';\nimport { getSilencesData } from './get-silences-data';\nimport { AlertManagerSilencesQueryEditor } from './AlertManagerSilencesQueryEditor';\n\nexport const AlertManagerSilencesQuery: SilencesQueryPlugin<AlertManagerSilencesQuerySpec> = {\n  getSilencesData,\n  OptionsEditorComponent: AlertManagerSilencesQueryEditor,\n  createInitialOptions: (): AlertManagerSilencesQuerySpec => ({\n    datasource: undefined,\n    filters: [],\n  }),\n  dependsOn: (spec: AlertManagerSilencesQuerySpec) => {\n    const datasourceVariables = isVariableDatasource(spec.datasource) ? parseVariables(spec.datasource ?? '') : [];\n    const filterVariables = spec.filters?.flatMap((f) => parseVariables(f)) ?? [];\n    return {\n      variables: [...new Set([...datasourceVariables, ...filterVariables])],\n    };\n  },\n};\n"],"names":["isVariableDatasource","parseVariables","getSilencesData","AlertManagerSilencesQueryEditor","AlertManagerSilencesQuery","OptionsEditorComponent","createInitialOptions","datasource","undefined","filters","dependsOn","spec","datasourceVariables","filterVariables","flatMap","f","variables","Set"],"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,oBAAoB,EAAEC,cAAc,QAA6B,4BAA4B;AAEtG,SAASC,eAAe,QAAQ,sBAAsB;AACtD,SAASC,+BAA+B,QAAQ,oCAAoC;AAEpF,OAAO,MAAMC,4BAAgF;IAC3FF;IACAG,wBAAwBF;IACxBG,sBAAsB,IAAsC,CAAA;YAC1DC,YAAYC;YACZC,SAAS,EAAE;QACb,CAAA;IACAC,WAAW,CAACC;QACV,MAAMC,sBAAsBZ,qBAAqBW,KAAKJ,UAAU,IAAIN,eAAeU,KAAKJ,UAAU,IAAI,MAAM,EAAE;QAC9G,MAAMM,kBAAkBF,KAAKF,OAAO,EAAEK,QAAQ,CAACC,IAAMd,eAAec,OAAO,EAAE;QAC7E,OAAO;YACLC,WAAW;mBAAI,IAAIC,IAAI;uBAAIL;uBAAwBC;iBAAgB;aAAE;QACvE;IACF;AACF,EAAE"}

package/lib/plugins/alertmanager-silences-query/AlertManagerSilencesQueryEditor.d.ts

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+import { AlertManagerSilencesQuerySpec } from '../types';
+interface AlertManagerSilencesQueryEditorProps {
+    value: AlertManagerSilencesQuerySpec;
+    onChange: (next: AlertManagerSilencesQuerySpec) => void;
+}
+export declare function AlertManagerSilencesQueryEditor(props: AlertManagerSilencesQueryEditorProps): ReactElement;
+export {};
+//# sourceMappingURL=AlertManagerSilencesQueryEditor.d.ts.map

package/lib/plugins/alertmanager-silences-query/AlertManagerSilencesQueryEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertManagerSilencesQueryEditor.d.ts","sourceRoot":"","sources":["../../../../src/plugins/alertmanager-silences-query/AlertManagerSilencesQueryEditor.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,YAAY,EAAe,MAAM,OAAO,CAAC;AAQlD,OAAO,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAC;AAEzD,UAAU,oCAAoC;IAC5C,KAAK,EAAE,6BAA6B,CAAC;IACrC,QAAQ,EAAE,CAAC,IAAI,EAAE,6BAA6B,KAAK,IAAI,CAAC;CACzD;AAED,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,oCAAoC,GAAG,YAAY,CAuDzG"}

package/lib/plugins/alertmanager-silences-query/AlertManagerSilencesQueryEditor.js

@@ -0,0 +1,70 @@
+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 { FormControl, Stack } from '@mui/material';
+import { useId } from '@perses-dev/components';
+import { DatasourceSelect } from '@perses-dev/plugin-system';
+import { produce } from 'immer';
+import { useCallback } from 'react';
+import { LazyTextField } from '../../components/LazyTextField';
+import { ALERTMANAGER_DATASOURCE_KIND, DEFAULT_ALERTMANAGER, isAlertManagerDatasourceSelector, isDefaultAlertManagerSelector } from '../../model';
+export function AlertManagerSilencesQueryEditor(props) {
+    const { onChange, value } = props;
+    const datasourceSelectValue = value.datasource ?? DEFAULT_ALERTMANAGER;
+    const datasourceSelectLabelID = useId('alertmanager-silences-datasource-label');
+    const handleDatasourceChange = (next)=>{
+        if (isAlertManagerDatasourceSelector(next)) {
+            onChange(produce(value, (draft)=>{
+                draft.datasource = isDefaultAlertManagerSelector(next) ? undefined : next;
+            }));
+            return;
+        }
+        throw new Error('Got unexpected non-AlertManager datasource selector');
+    };
+    const handleFiltersChange = useCallback((filtersText)=>{
+        onChange(produce(value, (draft)=>{
+            draft.filters = filtersText.split('\n').map((f)=>f.trim()).filter((f)=>f !== '');
+        }));
+    }, [
+        onChange,
+        value
+    ]);
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 2,
+        children: [
+            /*#__PURE__*/ _jsx(FormControl, {
+                margin: "dense",
+                fullWidth: false,
+                children: /*#__PURE__*/ _jsx(DatasourceSelect, {
+                    datasourcePluginKind: ALERTMANAGER_DATASOURCE_KIND,
+                    value: datasourceSelectValue,
+                    onChange: handleDatasourceChange,
+                    labelId: datasourceSelectLabelID,
+                    label: "Alert Manager Datasource",
+                    notched: true
+                })
+            }),
+            /*#__PURE__*/ _jsx(LazyTextField, {
+                label: "Filters (one per line)",
+                value: (value.filters ?? []).join('\n'),
+                onCommit: handleFiltersChange,
+                placeholder: 'alertname="HighMemory"\nseverity="critical"\nenvironment=~"${env:pipe}"',
+                helperText: "PromQL-style matchers, one per line.",
+                multiline: true,
+                minRows: 3
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=AlertManagerSilencesQueryEditor.js.map

package/lib/plugins/alertmanager-silences-query/AlertManagerSilencesQueryEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/plugins/alertmanager-silences-query/AlertManagerSilencesQueryEditor.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 { FormControl, Stack } from '@mui/material';\nimport { useId } from '@perses-dev/components';\nimport { DatasourceSelect, DatasourceSelectProps } from '@perses-dev/plugin-system';\nimport { produce } from 'immer';\nimport { ReactElement, useCallback } from 'react';\nimport { LazyTextField } from '../../components/LazyTextField';\nimport {\n  ALERTMANAGER_DATASOURCE_KIND,\n  DEFAULT_ALERTMANAGER,\n  isAlertManagerDatasourceSelector,\n  isDefaultAlertManagerSelector,\n} from '../../model';\nimport { AlertManagerSilencesQuerySpec } from '../types';\n\ninterface AlertManagerSilencesQueryEditorProps {\n  value: AlertManagerSilencesQuerySpec;\n  onChange: (next: AlertManagerSilencesQuerySpec) => void;\n}\n\nexport function AlertManagerSilencesQueryEditor(props: AlertManagerSilencesQueryEditorProps): ReactElement {\n  const { onChange, value } = props;\n  const datasourceSelectValue = value.datasource ?? DEFAULT_ALERTMANAGER;\n  const datasourceSelectLabelID = useId('alertmanager-silences-datasource-label');\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (next) => {\n    if (isAlertManagerDatasourceSelector(next)) {\n      onChange(\n        produce(value, (draft) => {\n          draft.datasource = isDefaultAlertManagerSelector(next) ? undefined : next;\n        })\n      );\n      return;\n    }\n\n    throw new Error('Got unexpected non-AlertManager datasource selector');\n  };\n\n  const handleFiltersChange = useCallback(\n    (filtersText: string): void => {\n      onChange(\n        produce(value, (draft) => {\n          draft.filters = filtersText\n            .split('\\n')\n            .map((f) => f.trim())\n            .filter((f) => f !== '');\n        })\n      );\n    },\n    [onChange, value]\n  );\n\n  return (\n    <Stack spacing={2}>\n      <FormControl margin=\"dense\" fullWidth={false}>\n        <DatasourceSelect\n          datasourcePluginKind={ALERTMANAGER_DATASOURCE_KIND}\n          value={datasourceSelectValue}\n          onChange={handleDatasourceChange}\n          labelId={datasourceSelectLabelID}\n          label=\"Alert Manager Datasource\"\n          notched\n        />\n      </FormControl>\n      <LazyTextField\n        label=\"Filters (one per line)\"\n        value={(value.filters ?? []).join('\\n')}\n        onCommit={handleFiltersChange}\n        placeholder={'alertname=\"HighMemory\"\\nseverity=\"critical\"\\nenvironment=~\"${env:pipe}\"'}\n        helperText=\"PromQL-style matchers, one per line.\"\n        multiline\n        minRows={3}\n      />\n    </Stack>\n  );\n}\n"],"names":["FormControl","Stack","useId","DatasourceSelect","produce","useCallback","LazyTextField","ALERTMANAGER_DATASOURCE_KIND","DEFAULT_ALERTMANAGER","isAlertManagerDatasourceSelector","isDefaultAlertManagerSelector","AlertManagerSilencesQueryEditor","props","onChange","value","datasourceSelectValue","datasource","datasourceSelectLabelID","handleDatasourceChange","next","draft","undefined","Error","handleFiltersChange","filtersText","filters","split","map","f","trim","filter","spacing","margin","fullWidth","datasourcePluginKind","labelId","label","notched","join","onCommit","placeholder","helperText","multiline","minRows"],"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,EAAEC,KAAK,QAAQ,gBAAgB;AACnD,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SAASC,gBAAgB,QAA+B,4BAA4B;AACpF,SAASC,OAAO,QAAQ,QAAQ;AAChC,SAAuBC,WAAW,QAAQ,QAAQ;AAClD,SAASC,aAAa,QAAQ,iCAAiC;AAC/D,SACEC,4BAA4B,EAC5BC,oBAAoB,EACpBC,gCAAgC,EAChCC,6BAA6B,QACxB,cAAc;AAQrB,OAAO,SAASC,gCAAgCC,KAA2C;IACzF,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGF;IAC5B,MAAMG,wBAAwBD,MAAME,UAAU,IAAIR;IAClD,MAAMS,0BAA0Bf,MAAM;IAEtC,MAAMgB,yBAA4D,CAACC;QACjE,IAAIV,iCAAiCU,OAAO;YAC1CN,SACET,QAAQU,OAAO,CAACM;gBACdA,MAAMJ,UAAU,GAAGN,8BAA8BS,QAAQE,YAAYF;YACvE;YAEF;QACF;QAEA,MAAM,IAAIG,MAAM;IAClB;IAEA,MAAMC,sBAAsBlB,YAC1B,CAACmB;QACCX,SACET,QAAQU,OAAO,CAACM;YACdA,MAAMK,OAAO,GAAGD,YACbE,KAAK,CAAC,MACNC,GAAG,CAAC,CAACC,IAAMA,EAAEC,IAAI,IACjBC,MAAM,CAAC,CAACF,IAAMA,MAAM;QACzB;IAEJ,GACA;QAACf;QAAUC;KAAM;IAGnB,qBACE,MAACb;QAAM8B,SAAS;;0BACd,KAAC/B;gBAAYgC,QAAO;gBAAQC,WAAW;0BACrC,cAAA,KAAC9B;oBACC+B,sBAAsB3B;oBACtBO,OAAOC;oBACPF,UAAUK;oBACViB,SAASlB;oBACTmB,OAAM;oBACNC,OAAO;;;0BAGX,KAAC/B;gBACC8B,OAAM;gBACNtB,OAAO,AAACA,CAAAA,MAAMW,OAAO,IAAI,EAAE,AAAD,EAAGa,IAAI,CAAC;gBAClCC,UAAUhB;gBACViB,aAAa;gBACbC,YAAW;gBACXC,SAAS;gBACTC,SAAS;;;;AAIjB"}

package/lib/plugins/alertmanager-silences-query/get-silences-data.d.ts

@@ -0,0 +1,8 @@
+import { SilencesQueryContext } from '@perses-dev/plugin-system';
+import { SilencesData } from '@perses-dev/spec';
+import { AlertManagerSilencesQuerySpec } from '../types';
+/**
+ * Get silences data from Alert Manager, transforming the API response into the plugin-system SilencesData format.
+ */
+export declare function getSilencesData(spec: AlertManagerSilencesQuerySpec, context: SilencesQueryContext): Promise<SilencesData>;
+//# sourceMappingURL=get-silences-data.d.ts.map

package/lib/plugins/alertmanager-silences-query/get-silences-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-silences-data.d.ts","sourceRoot":"","sources":["../../../../src/plugins/alertmanager-silences-query/get-silences-data.ts"],"names":[],"mappings":"AAaA,OAAO,EAAqD,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACpH,OAAO,EAAW,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAC;AAsBzD;;GAEG;AACH,wBAAsB,eAAe,CACnC,IAAI,EAAE,6BAA6B,EACnC,OAAO,EAAE,oBAAoB,GAC5B,OAAO,CAAC,YAAY,CAAC,CAsBvB"}

package/lib/plugins/alertmanager-silences-query/get-silences-data.js

@@ -0,0 +1,58 @@
+// 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 { datasourceSelectValueToSelector, replaceVariables } from '@perses-dev/plugin-system';
+import { ALERTMANAGER_DATASOURCE_KIND, DEFAULT_ALERTMANAGER } from '../../model';
+/**
+ * Transform a GettableSilence from the Alertmanager API into our normalized Silence format.
+ */ function transformSilence(apiSilence) {
+    return {
+        id: apiSilence.id,
+        state: apiSilence.status.state,
+        matchers: apiSilence.matchers.map((m)=>({
+                name: m.name,
+                value: m.value,
+                isRegex: m.isRegex,
+                isEqual: m.isEqual
+            })),
+        startsAt: apiSilence.startsAt,
+        endsAt: apiSilence.endsAt,
+        createdBy: apiSilence.createdBy,
+        comment: apiSilence.comment,
+        updatedAt: apiSilence.updatedAt
+    };
+}
+/**
+ * Get silences data from Alert Manager, transforming the API response into the plugin-system SilencesData format.
+ */ export async function getSilencesData(spec, context) {
+    const listDatasourceSelectItems = await context.datasourceStore.listDatasourceSelectItems(ALERTMANAGER_DATASOURCE_KIND);
+    const datasourceSelector = datasourceSelectValueToSelector(spec.datasource, context.variableState, listDatasourceSelectItems) ?? DEFAULT_ALERTMANAGER;
+    const client = await context.datasourceStore.getDatasourceClient(datasourceSelector);
+    const interpolatedFilters = spec.filters?.map((f)=>replaceVariables(f, context.variableState));
+    const apiSilences = await client.getSilences({
+        filter: interpolatedFilters
+    });
+    const silences = apiSilences.map(transformSilence);
+    return {
+        silences,
+        metadata: {
+            executedQueryString: buildQueryString(spec)
+        }
+    };
+}
+function buildQueryString(spec) {
+    return JSON.stringify(Object.fromEntries(Object.entries({
+        filters: spec.filters
+    }).filter(([, value])=>value !== undefined)));
+}
+
+//# sourceMappingURL=get-silences-data.js.map

package/lib/plugins/alertmanager-silences-query/get-silences-data.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/plugins/alertmanager-silences-query/get-silences-data.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\nimport { datasourceSelectValueToSelector, replaceVariables, SilencesQueryContext } from '@perses-dev/plugin-system';\nimport { Silence, SilencesData } from '@perses-dev/spec';\nimport { ALERTMANAGER_DATASOURCE_KIND, AlertManagerClient, DEFAULT_ALERTMANAGER, GettableSilence } from '../../model';\nimport { AlertManagerSilencesQuerySpec } from '../types';\n/**\n * Transform a GettableSilence from the Alertmanager API into our normalized Silence format.\n */\nfunction transformSilence(apiSilence: GettableSilence): Silence {\n  return {\n    id: apiSilence.id,\n    state: apiSilence.status.state,\n    matchers: apiSilence.matchers.map((m) => ({\n      name: m.name,\n      value: m.value,\n      isRegex: m.isRegex,\n      isEqual: m.isEqual,\n    })),\n    startsAt: apiSilence.startsAt,\n    endsAt: apiSilence.endsAt,\n    createdBy: apiSilence.createdBy,\n    comment: apiSilence.comment,\n    updatedAt: apiSilence.updatedAt,\n  };\n}\n\n/**\n * Get silences data from Alert Manager, transforming the API response into the plugin-system SilencesData format.\n */\nexport async function getSilencesData(\n  spec: AlertManagerSilencesQuerySpec,\n  context: SilencesQueryContext\n): Promise<SilencesData> {\n  const listDatasourceSelectItems =\n    await context.datasourceStore.listDatasourceSelectItems(ALERTMANAGER_DATASOURCE_KIND);\n  const datasourceSelector =\n    datasourceSelectValueToSelector(spec.datasource, context.variableState, listDatasourceSelectItems) ??\n    DEFAULT_ALERTMANAGER;\n  const client = await context.datasourceStore.getDatasourceClient<AlertManagerClient>(datasourceSelector);\n\n  const interpolatedFilters = spec.filters?.map((f) => replaceVariables(f, context.variableState));\n\n  const apiSilences = await client.getSilences({\n    filter: interpolatedFilters,\n  });\n\n  const silences = apiSilences.map(transformSilence);\n\n  return {\n    silences,\n    metadata: {\n      executedQueryString: buildQueryString(spec),\n    },\n  };\n}\n\nfunction buildQueryString(spec: AlertManagerSilencesQuerySpec): string {\n  return JSON.stringify(\n    Object.fromEntries(\n      Object.entries({\n        filters: spec.filters,\n      }).filter(([, value]) => value !== undefined)\n    )\n  );\n}\n"],"names":["datasourceSelectValueToSelector","replaceVariables","ALERTMANAGER_DATASOURCE_KIND","DEFAULT_ALERTMANAGER","transformSilence","apiSilence","id","state","status","matchers","map","m","name","value","isRegex","isEqual","startsAt","endsAt","createdBy","comment","updatedAt","getSilencesData","spec","context","listDatasourceSelectItems","datasourceStore","datasourceSelector","datasource","variableState","client","getDatasourceClient","interpolatedFilters","filters","f","apiSilences","getSilences","filter","silences","metadata","executedQueryString","buildQueryString","JSON","stringify","Object","fromEntries","entries","undefined"],"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,+BAA+B,EAAEC,gBAAgB,QAA8B,4BAA4B;AAEpH,SAASC,4BAA4B,EAAsBC,oBAAoB,QAAyB,cAAc;AAEtH;;CAEC,GACD,SAASC,iBAAiBC,UAA2B;IACnD,OAAO;QACLC,IAAID,WAAWC,EAAE;QACjBC,OAAOF,WAAWG,MAAM,CAACD,KAAK;QAC9BE,UAAUJ,WAAWI,QAAQ,CAACC,GAAG,CAAC,CAACC,IAAO,CAAA;gBACxCC,MAAMD,EAAEC,IAAI;gBACZC,OAAOF,EAAEE,KAAK;gBACdC,SAASH,EAAEG,OAAO;gBAClBC,SAASJ,EAAEI,OAAO;YACpB,CAAA;QACAC,UAAUX,WAAWW,QAAQ;QAC7BC,QAAQZ,WAAWY,MAAM;QACzBC,WAAWb,WAAWa,SAAS;QAC/BC,SAASd,WAAWc,OAAO;QAC3BC,WAAWf,WAAWe,SAAS;IACjC;AACF;AAEA;;CAEC,GACD,OAAO,eAAeC,gBACpBC,IAAmC,EACnCC,OAA6B;IAE7B,MAAMC,4BACJ,MAAMD,QAAQE,eAAe,CAACD,yBAAyB,CAACtB;IAC1D,MAAMwB,qBACJ1B,gCAAgCsB,KAAKK,UAAU,EAAEJ,QAAQK,aAAa,EAAEJ,8BACxErB;IACF,MAAM0B,SAAS,MAAMN,QAAQE,eAAe,CAACK,mBAAmB,CAAqBJ;IAErF,MAAMK,sBAAsBT,KAAKU,OAAO,EAAEtB,IAAI,CAACuB,IAAMhC,iBAAiBgC,GAAGV,QAAQK,aAAa;IAE9F,MAAMM,cAAc,MAAML,OAAOM,WAAW,CAAC;QAC3CC,QAAQL;IACV;IAEA,MAAMM,WAAWH,YAAYxB,GAAG,CAACN;IAEjC,OAAO;QACLiC;QACAC,UAAU;YACRC,qBAAqBC,iBAAiBlB;QACxC;IACF;AACF;AAEA,SAASkB,iBAAiBlB,IAAmC;IAC3D,OAAOmB,KAAKC,SAAS,CACnBC,OAAOC,WAAW,CAChBD,OAAOE,OAAO,CAAC;QACbb,SAASV,KAAKU,OAAO;IACvB,GAAGI,MAAM,CAAC,CAAC,GAAGvB,MAAM,GAAKA,UAAUiC;AAGzC"}

package/lib/plugins/index.d.ts

@@ -0,0 +1,19 @@
+export * from './alertmanager-datasource';
+export * from './types';
+export * from './AlertManagerDatasourceEditor';
+export * from './alertmanager-alerts-query/AlertManagerAlertsQuery';
+export * from './alertmanager-alerts-query/get-alerts-data';
+export * from './alertmanager-alerts-query/AlertManagerAlertsQueryEditor';
+export * from './alertmanager-silences-query/AlertManagerSilencesQuery';
+export * from './alertmanager-silences-query/get-silences-data';
+export * from './alertmanager-silences-query/AlertManagerSilencesQueryEditor';
+export * from './alert-table/AlertTable';
+export * from './alert-table/alert-table-model';
+export * from './alert-table/AlertTablePanel';
+export * from './silence-table/SilenceTable';
+export { ALL_SILENCE_ACTIONS, DEFAULT_COLUMN_HEADERS, DEFAULT_SILENCE_COLUMNS, getSilenceDuration, getSilenceFieldValue, inferSortMode, } from './silence-table/silence-table-model';
+export type { SilenceAction, SilenceColumnDefinition, SilenceColumnSortMode, SilenceFieldName, SilenceTableOptions, } from './silence-table/silence-table-model';
+export { compareSilencesByColumn } from './silence-table/silence-table-sorting';
+export type { SilenceSortState } from './silence-table/silence-table-sorting';
+export * from './silence-table/SilenceTablePanel';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/index.ts"],"names":[],"mappings":"AAaA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,SAAS,CAAC;AACxB,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qDAAqD,CAAC;AACpE,cAAc,6CAA6C,CAAC;AAC5D,cAAc,2DAA2D,CAAC;AAC1E,cAAc,yDAAyD,CAAC;AACxE,cAAc,iDAAiD,CAAC;AAChE,cAAc,+DAA+D,CAAC;AAC9E,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,OAAO,EACL,mBAAmB,EACnB,sBAAsB,EACtB,uBAAuB,EACvB,kBAAkB,EAClB,oBAAoB,EACpB,aAAa,GACd,MAAM,qCAAqC,CAAC;AAC7C,YAAY,EACV,aAAa,EACb,uBAAuB,EACvB,qBAAqB,EACrB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAChF,YAAY,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AAC9E,cAAc,mCAAmC,CAAC"}

package/lib/plugins/index.js

@@ -0,0 +1,30 @@
+// 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 * from './alertmanager-datasource';
+export * from './types';
+export * from './AlertManagerDatasourceEditor';
+export * from './alertmanager-alerts-query/AlertManagerAlertsQuery';
+export * from './alertmanager-alerts-query/get-alerts-data';
+export * from './alertmanager-alerts-query/AlertManagerAlertsQueryEditor';
+export * from './alertmanager-silences-query/AlertManagerSilencesQuery';
+export * from './alertmanager-silences-query/get-silences-data';
+export * from './alertmanager-silences-query/AlertManagerSilencesQueryEditor';
+export * from './alert-table/AlertTable';
+export * from './alert-table/alert-table-model';
+export * from './alert-table/AlertTablePanel';
+export * from './silence-table/SilenceTable';
+export { ALL_SILENCE_ACTIONS, DEFAULT_COLUMN_HEADERS, DEFAULT_SILENCE_COLUMNS, getSilenceDuration, getSilenceFieldValue, inferSortMode } from './silence-table/silence-table-model';
+export { compareSilencesByColumn } from './silence-table/silence-table-sorting';
+export * from './silence-table/SilenceTablePanel';
+
+//# sourceMappingURL=index.js.map

package/lib/plugins/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/plugins/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 * from './alertmanager-datasource';\nexport * from './types';\nexport * from './AlertManagerDatasourceEditor';\nexport * from './alertmanager-alerts-query/AlertManagerAlertsQuery';\nexport * from './alertmanager-alerts-query/get-alerts-data';\nexport * from './alertmanager-alerts-query/AlertManagerAlertsQueryEditor';\nexport * from './alertmanager-silences-query/AlertManagerSilencesQuery';\nexport * from './alertmanager-silences-query/get-silences-data';\nexport * from './alertmanager-silences-query/AlertManagerSilencesQueryEditor';\nexport * from './alert-table/AlertTable';\nexport * from './alert-table/alert-table-model';\nexport * from './alert-table/AlertTablePanel';\nexport * from './silence-table/SilenceTable';\nexport {\n  ALL_SILENCE_ACTIONS,\n  DEFAULT_COLUMN_HEADERS,\n  DEFAULT_SILENCE_COLUMNS,\n  getSilenceDuration,\n  getSilenceFieldValue,\n  inferSortMode,\n} from './silence-table/silence-table-model';\nexport type {\n  SilenceAction,\n  SilenceColumnDefinition,\n  SilenceColumnSortMode,\n  SilenceFieldName,\n  SilenceTableOptions,\n} from './silence-table/silence-table-model';\nexport { compareSilencesByColumn } from './silence-table/silence-table-sorting';\nexport type { SilenceSortState } from './silence-table/silence-table-sorting';\nexport * from './silence-table/SilenceTablePanel';\n"],"names":["ALL_SILENCE_ACTIONS","DEFAULT_COLUMN_HEADERS","DEFAULT_SILENCE_COLUMNS","getSilenceDuration","getSilenceFieldValue","inferSortMode","compareSilencesByColumn"],"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,cAAc,4BAA4B;AAC1C,cAAc,UAAU;AACxB,cAAc,iCAAiC;AAC/C,cAAc,sDAAsD;AACpE,cAAc,8CAA8C;AAC5D,cAAc,4DAA4D;AAC1E,cAAc,0DAA0D;AACxE,cAAc,kDAAkD;AAChE,cAAc,gEAAgE;AAC9E,cAAc,2BAA2B;AACzC,cAAc,kCAAkC;AAChD,cAAc,gCAAgC;AAC9C,cAAc,+BAA+B;AAC7C,SACEA,mBAAmB,EACnBC,sBAAsB,EACtBC,uBAAuB,EACvBC,kBAAkB,EAClBC,oBAAoB,EACpBC,aAAa,QACR,sCAAsC;AAQ7C,SAASC,uBAAuB,QAAQ,wCAAwC;AAEhF,cAAc,oCAAoC"}

package/lib/plugins/silence-table/SilenceTable.d.ts

@@ -0,0 +1,7 @@
+import { PanelPlugin } from '@perses-dev/plugin-system';
+import { SilenceTableOptions } from './silence-table-model';
+/**
+ * Panel plugin for displaying Alert Manager silences in a table.
+ */
+export declare const SilenceTable: PanelPlugin<SilenceTableOptions>;
+//# sourceMappingURL=SilenceTable.d.ts.map

package/lib/plugins/silence-table/SilenceTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SilenceTable.d.ts","sourceRoot":"","sources":["../../../../src/plugins/silence-table/SilenceTable.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAIxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,WAAW,CAAC,mBAAmB,CAQzD,CAAC"}

package/lib/plugins/silence-table/SilenceTable.js

@@ -0,0 +1,36 @@
+// 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 { SilenceTableColumnsEditor } from './SilenceTableColumnsEditor';
+import { SilenceTableOptionsEditor } from './SilenceTableOptionsEditor';
+import { SilenceTablePanel } from './SilenceTablePanel';
+/**
+ * Panel plugin for displaying Alert Manager silences in a table.
+ */ export const SilenceTable = {
+    PanelComponent: SilenceTablePanel,
+    supportedQueryTypes: [
+        'SilencesQuery'
+    ],
+    panelOptionsEditorComponents: [
+        {
+            label: 'General',
+            content: SilenceTableOptionsEditor
+        },
+        {
+            label: 'Columns',
+            content: SilenceTableColumnsEditor
+        }
+    ],
+    createInitialOptions: ()=>({})
+};
+
+//# sourceMappingURL=SilenceTable.js.map

package/lib/plugins/silence-table/SilenceTable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/plugins/silence-table/SilenceTable.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\nimport { PanelPlugin } from '@perses-dev/plugin-system';\nimport { SilenceTableColumnsEditor } from './SilenceTableColumnsEditor';\nimport { SilenceTableOptionsEditor } from './SilenceTableOptionsEditor';\nimport { SilenceTablePanel } from './SilenceTablePanel';\nimport { SilenceTableOptions } from './silence-table-model';\n\n/**\n * Panel plugin for displaying Alert Manager silences in a table.\n */\nexport const SilenceTable: PanelPlugin<SilenceTableOptions> = {\n  PanelComponent: SilenceTablePanel as PanelPlugin<SilenceTableOptions>['PanelComponent'],\n  supportedQueryTypes: ['SilencesQuery'],\n  panelOptionsEditorComponents: [\n    { label: 'General', content: SilenceTableOptionsEditor },\n    { label: 'Columns', content: SilenceTableColumnsEditor },\n  ],\n  createInitialOptions: () => ({}),\n};\n"],"names":["SilenceTableColumnsEditor","SilenceTableOptionsEditor","SilenceTablePanel","SilenceTable","PanelComponent","supportedQueryTypes","panelOptionsEditorComponents","label","content","createInitialOptions"],"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,yBAAyB,QAAQ,8BAA8B;AACxE,SAASC,yBAAyB,QAAQ,8BAA8B;AACxE,SAASC,iBAAiB,QAAQ,sBAAsB;AAGxD;;CAEC,GACD,OAAO,MAAMC,eAAiD;IAC5DC,gBAAgBF;IAChBG,qBAAqB;QAAC;KAAgB;IACtCC,8BAA8B;QAC5B;YAAEC,OAAO;YAAWC,SAASP;QAA0B;QACvD;YAAEM,OAAO;YAAWC,SAASR;QAA0B;KACxD;IACDS,sBAAsB,IAAO,CAAA,CAAC,CAAA;AAChC,EAAE"}

package/lib/plugins/silence-table/SilenceTableColumnsEditor.d.ts

@@ -0,0 +1,5 @@
+import { OptionsEditorProps } from '@perses-dev/plugin-system';
+import { ReactElement } from 'react';
+import { SilenceTableOptions } from './silence-table-model';
+export declare function SilenceTableColumnsEditor(props: OptionsEditorProps<SilenceTableOptions>): ReactElement;
+//# sourceMappingURL=SilenceTableColumnsEditor.d.ts.map

package/lib/plugins/silence-table/SilenceTableColumnsEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SilenceTableColumnsEditor.d.ts","sourceRoot":"","sources":["../../../../src/plugins/silence-table/SilenceTableColumnsEditor.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE/D,OAAO,EAAE,YAAY,EAAe,MAAM,OAAO,CAAC;AAElD,OAAO,EAML,mBAAmB,EAEpB,MAAM,uBAAuB,CAAC;AAuB/B,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,GAAG,YAAY,CAuGtG"}

package/lib/plugins/silence-table/SilenceTableColumnsEditor.js

@@ -0,0 +1,129 @@
+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 { FormControl, InputLabel, MenuItem, Select } from '@mui/material';
+import { produce } from 'immer';
+import { useCallback } from 'react';
+import { ColumnsEditor } from '../../components/ColumnsEditor';
+import { DEFAULT_COLUMN_HEADERS, DEFAULT_SILENCE_COLUMNS, inferSortMode } from './silence-table-model';
+const DEFAULT_FIELD_NAMES = new Set(DEFAULT_SILENCE_COLUMNS.map((c)=>c.name));
+const ALL_FIELDS = [
+    'status',
+    'matchers',
+    'createdBy',
+    'startsAt',
+    'endsAt',
+    'duration',
+    'comment',
+    'updatedAt'
+];
+const FIELD_OPTIONS = ALL_FIELDS.filter((f)=>!DEFAULT_FIELD_NAMES.has(f));
+const SORT_MODE_LABELS = {
+    alphabetical: 'Alphabetical',
+    date: 'Date (chronological)',
+    status: 'Status (active > pending > expired)'
+};
+export function SilenceTableColumnsEditor(props) {
+    const { value, onChange } = props;
+    const columns = value.columns ?? [];
+    const handleAddColumn = useCallback(()=>{
+        onChange(produce(value, (draft)=>{
+            if (!draft.columns) draft.columns = [];
+            draft.columns.push({
+                name: FIELD_OPTIONS[0] ?? 'updatedAt'
+            });
+        }));
+    }, [
+        value,
+        onChange
+    ]);
+    const handleRemoveColumn = useCallback((index)=>{
+        onChange(produce(value, (draft)=>{
+            draft.columns?.splice(index, 1);
+        }));
+    }, [
+        value,
+        onChange
+    ]);
+    const handleUpdateColumn = useCallback((index, updater)=>{
+        onChange(produce(value, (draft)=>{
+            const column = draft.columns?.[index];
+            if (column) {
+                updater(column);
+            }
+        }));
+    }, [
+        value,
+        onChange
+    ]);
+    const handleMoveUp = useCallback((index)=>{
+        if (index <= 0) return;
+        onChange(produce(value, (draft)=>{
+            if (!draft.columns) return;
+            const item = draft.columns.splice(index, 1)[0];
+            draft.columns.splice(index - 1, 0, item);
+        }));
+    }, [
+        value,
+        onChange
+    ]);
+    const handleMoveDown = useCallback((index)=>{
+        onChange(produce(value, (draft)=>{
+            if (!draft.columns || index >= draft.columns.length - 1) return;
+            const item = draft.columns.splice(index, 1)[0];
+            draft.columns.splice(index + 1, 0, item);
+        }));
+    }, [
+        value,
+        onChange
+    ]);
+    return /*#__PURE__*/ _jsx(ColumnsEditor, {
+        columns: columns,
+        description: "Status and Matchers are always shown. Add extra columns below.",
+        sortModeLabels: SORT_MODE_LABELS,
+        defaultSortMode: "alphabetical",
+        getDisplayName: (col)=>col.header || DEFAULT_COLUMN_HEADERS[col.name] || 'New column',
+        getHeaderPlaceholder: (col)=>DEFAULT_COLUMN_HEADERS[col.name] || 'Column header',
+        onAdd: handleAddColumn,
+        onRemove: handleRemoveColumn,
+        onUpdate: handleUpdateColumn,
+        onMoveUp: handleMoveUp,
+        onMoveDown: handleMoveDown,
+        renderNameField: (col, index, onUpdate)=>/*#__PURE__*/ _jsxs(FormControl, {
+                size: "small",
+                fullWidth: true,
+                children: [
+                    /*#__PURE__*/ _jsx(InputLabel, {
+                        id: `field-name-label-${index}`,
+                        children: "Field"
+                    }),
+                    /*#__PURE__*/ _jsx(Select, {
+                        labelId: `field-name-label-${index}`,
+                        value: col.name,
+                        onChange: (e)=>onUpdate(index, (draft)=>{
+                                const field = e.target.value;
+                                draft.name = field;
+                                draft.sortMode = inferSortMode(field);
+                            }),
+                        label: "Field",
+                        children: FIELD_OPTIONS.map((field)=>/*#__PURE__*/ _jsx(MenuItem, {
+                                value: field,
+                                children: DEFAULT_COLUMN_HEADERS[field]
+                            }, field))
+                    })
+                ]
+            })
+    });
+}
+
+//# sourceMappingURL=SilenceTableColumnsEditor.js.map

package/lib/plugins/silence-table/SilenceTableColumnsEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/plugins/silence-table/SilenceTableColumnsEditor.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 { FormControl, InputLabel, MenuItem, Select } from '@mui/material';\nimport { OptionsEditorProps } from '@perses-dev/plugin-system';\nimport { produce } from 'immer';\nimport { ReactElement, useCallback } from 'react';\nimport { ColumnsEditor } from '../../components/ColumnsEditor';\nimport {\n  DEFAULT_COLUMN_HEADERS,\n  DEFAULT_SILENCE_COLUMNS,\n  SilenceColumnDefinition,\n  SilenceColumnSortMode,\n  SilenceFieldName,\n  SilenceTableOptions,\n  inferSortMode,\n} from './silence-table-model';\n\nconst DEFAULT_FIELD_NAMES = new Set(DEFAULT_SILENCE_COLUMNS.map((c) => c.name));\n\nconst ALL_FIELDS: SilenceFieldName[] = [\n  'status',\n  'matchers',\n  'createdBy',\n  'startsAt',\n  'endsAt',\n  'duration',\n  'comment',\n  'updatedAt',\n];\n\nconst FIELD_OPTIONS: SilenceFieldName[] = ALL_FIELDS.filter((f) => !DEFAULT_FIELD_NAMES.has(f));\n\nconst SORT_MODE_LABELS: Record<SilenceColumnSortMode, string> = {\n  alphabetical: 'Alphabetical',\n  date: 'Date (chronological)',\n  status: 'Status (active > pending > expired)',\n};\n\nexport function SilenceTableColumnsEditor(props: OptionsEditorProps<SilenceTableOptions>): ReactElement {\n  const { value, onChange } = props;\n  const columns = value.columns ?? [];\n\n  const handleAddColumn = useCallback((): void => {\n    onChange(\n      produce(value, (draft) => {\n        if (!draft.columns) draft.columns = [];\n        draft.columns.push({ name: FIELD_OPTIONS[0] ?? 'updatedAt' });\n      })\n    );\n  }, [value, onChange]);\n\n  const handleRemoveColumn = useCallback(\n    (index: number): void => {\n      onChange(\n        produce(value, (draft) => {\n          draft.columns?.splice(index, 1);\n        })\n      );\n    },\n    [value, onChange]\n  );\n\n  const handleUpdateColumn = useCallback(\n    (index: number, updater: (draft: SilenceColumnDefinition) => void): void => {\n      onChange(\n        produce(value, (draft) => {\n          const column = draft.columns?.[index];\n          if (column) {\n            updater(column);\n          }\n        })\n      );\n    },\n    [value, onChange]\n  );\n\n  const handleMoveUp = useCallback(\n    (index: number): void => {\n      if (index <= 0) return;\n      onChange(\n        produce(value, (draft) => {\n          if (!draft.columns) return;\n          const item = draft.columns.splice(index, 1)[0]!;\n          draft.columns.splice(index - 1, 0, item);\n        })\n      );\n    },\n    [value, onChange]\n  );\n\n  const handleMoveDown = useCallback(\n    (index: number): void => {\n      onChange(\n        produce(value, (draft) => {\n          if (!draft.columns || index >= draft.columns.length - 1) return;\n          const item = draft.columns.splice(index, 1)[0]!;\n          draft.columns.splice(index + 1, 0, item);\n        })\n      );\n    },\n    [value, onChange]\n  );\n\n  return (\n    <ColumnsEditor<SilenceColumnDefinition>\n      columns={columns}\n      description=\"Status and Matchers are always shown. Add extra columns below.\"\n      sortModeLabels={SORT_MODE_LABELS}\n      defaultSortMode=\"alphabetical\"\n      getDisplayName={(col) => col.header || DEFAULT_COLUMN_HEADERS[col.name] || 'New column'}\n      getHeaderPlaceholder={(col) => DEFAULT_COLUMN_HEADERS[col.name] || 'Column header'}\n      onAdd={handleAddColumn}\n      onRemove={handleRemoveColumn}\n      onUpdate={handleUpdateColumn}\n      onMoveUp={handleMoveUp}\n      onMoveDown={handleMoveDown}\n      renderNameField={(col, index, onUpdate) => (\n        <FormControl size=\"small\" fullWidth>\n          <InputLabel id={`field-name-label-${index}`}>Field</InputLabel>\n          <Select\n            labelId={`field-name-label-${index}`}\n            value={col.name}\n            onChange={(e) =>\n              onUpdate(index, (draft) => {\n                const field = e.target.value as SilenceFieldName;\n                draft.name = field;\n                draft.sortMode = inferSortMode(field);\n              })\n            }\n            label=\"Field\"\n          >\n            {FIELD_OPTIONS.map((field) => (\n              <MenuItem key={field} value={field}>\n                {DEFAULT_COLUMN_HEADERS[field]}\n              </MenuItem>\n            ))}\n          </Select>\n        </FormControl>\n      )}\n    />\n  );\n}\n"],"names":["FormControl","InputLabel","MenuItem","Select","produce","useCallback","ColumnsEditor","DEFAULT_COLUMN_HEADERS","DEFAULT_SILENCE_COLUMNS","inferSortMode","DEFAULT_FIELD_NAMES","Set","map","c","name","ALL_FIELDS","FIELD_OPTIONS","filter","f","has","SORT_MODE_LABELS","alphabetical","date","status","SilenceTableColumnsEditor","props","value","onChange","columns","handleAddColumn","draft","push","handleRemoveColumn","index","splice","handleUpdateColumn","updater","column","handleMoveUp","item","handleMoveDown","length","description","sortModeLabels","defaultSortMode","getDisplayName","col","header","getHeaderPlaceholder","onAdd","onRemove","onUpdate","onMoveUp","onMoveDown","renderNameField","size","fullWidth","id","labelId","e","field","target","sortMode","label"],"mappings":"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"}

package/lib/plugins/silence-table/SilenceTableOptionsEditor.d.ts

@@ -0,0 +1,5 @@
+import { OptionsEditorProps } from '@perses-dev/plugin-system';
+import { ReactElement } from 'react';
+import { SilenceTableOptions } from './silence-table-model';
+export declare function SilenceTableOptionsEditor(props: OptionsEditorProps<SilenceTableOptions>): ReactElement;
+//# sourceMappingURL=SilenceTableOptionsEditor.d.ts.map

package/lib/plugins/silence-table/SilenceTableOptionsEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SilenceTableOptionsEditor.d.ts","sourceRoot":"","sources":["../../../../src/plugins/silence-table/SilenceTableOptionsEditor.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE/D,OAAO,EAAE,YAAY,EAAe,MAAM,OAAO,CAAC;AAClD,OAAO,EAAsC,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAMhG,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,GAAG,YAAY,CAuCtG"}

package/lib/plugins/silence-table/SilenceTableOptionsEditor.js

@@ -0,0 +1,55 @@
+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 { Checkbox, FormControlLabel } from '@mui/material';
+import { OptionsEditorGroup } from '@perses-dev/components';
+import { produce } from 'immer';
+import { useCallback } from 'react';
+import { ALL_SILENCE_ACTIONS } from './silence-table-model';
+const ACTION_LABELS = {
+    expire: 'Expire silence'
+};
+export function SilenceTableOptionsEditor(props) {
+    const { value, onChange } = props;
+    const effectiveActions = value.allowedActions ?? ALL_SILENCE_ACTIONS;
+    const handleToggle = useCallback((action, checked)=>{
+        onChange(produce(value, (draft)=>{
+            const current = draft.allowedActions ?? [
+                ...ALL_SILENCE_ACTIONS
+            ];
+            if (checked) {
+                if (!current.includes(action)) current.push(action);
+            } else {
+                const idx = current.indexOf(action);
+                if (idx >= 0) current.splice(idx, 1);
+            }
+            draft.allowedActions = current;
+        }));
+    }, [
+        value,
+        onChange
+    ]);
+    return /*#__PURE__*/ _jsx(OptionsEditorGroup, {
+        title: "Actions",
+        children: ALL_SILENCE_ACTIONS.map((action)=>/*#__PURE__*/ _jsx(FormControlLabel, {
+                control: /*#__PURE__*/ _jsx(Checkbox, {
+                    checked: effectiveActions.includes(action),
+                    onChange: (e)=>handleToggle(action, e.target.checked),
+                    size: "small"
+                }),
+                label: ACTION_LABELS[action]
+            }, action))
+    });
+}
+
+//# sourceMappingURL=SilenceTableOptionsEditor.js.map

package/lib/plugins/silence-table/SilenceTableOptionsEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/plugins/silence-table/SilenceTableOptionsEditor.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 { Checkbox, FormControlLabel } from '@mui/material';\nimport { OptionsEditorGroup } from '@perses-dev/components';\nimport { OptionsEditorProps } from '@perses-dev/plugin-system';\nimport { produce } from 'immer';\nimport { ReactElement, useCallback } from 'react';\nimport { ALL_SILENCE_ACTIONS, SilenceAction, SilenceTableOptions } from './silence-table-model';\n\nconst ACTION_LABELS: Record<SilenceAction, string> = {\n  expire: 'Expire silence',\n};\n\nexport function SilenceTableOptionsEditor(props: OptionsEditorProps<SilenceTableOptions>): ReactElement {\n  const { value, onChange } = props;\n  const effectiveActions = value.allowedActions ?? ALL_SILENCE_ACTIONS;\n\n  const handleToggle = useCallback(\n    (action: SilenceAction, checked: boolean) => {\n      onChange(\n        produce(value, (draft) => {\n          const current = draft.allowedActions ?? [...ALL_SILENCE_ACTIONS];\n          if (checked) {\n            if (!current.includes(action)) current.push(action);\n          } else {\n            const idx = current.indexOf(action);\n            if (idx >= 0) current.splice(idx, 1);\n          }\n          draft.allowedActions = current;\n        })\n      );\n    },\n    [value, onChange]\n  );\n\n  return (\n    <OptionsEditorGroup title=\"Actions\">\n      {ALL_SILENCE_ACTIONS.map((action) => (\n        <FormControlLabel\n          key={action}\n          control={\n            <Checkbox\n              checked={effectiveActions.includes(action)}\n              onChange={(e) => handleToggle(action, e.target.checked)}\n              size=\"small\"\n            />\n          }\n          label={ACTION_LABELS[action]}\n        />\n      ))}\n    </OptionsEditorGroup>\n  );\n}\n"],"names":["Checkbox","FormControlLabel","OptionsEditorGroup","produce","useCallback","ALL_SILENCE_ACTIONS","ACTION_LABELS","expire","SilenceTableOptionsEditor","props","value","onChange","effectiveActions","allowedActions","handleToggle","action","checked","draft","current","includes","push","idx","indexOf","splice","title","map","control","e","target","size","label"],"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,QAAQ,EAAEC,gBAAgB,QAAQ,gBAAgB;AAC3D,SAASC,kBAAkB,QAAQ,yBAAyB;AAE5D,SAASC,OAAO,QAAQ,QAAQ;AAChC,SAAuBC,WAAW,QAAQ,QAAQ;AAClD,SAASC,mBAAmB,QAA4C,wBAAwB;AAEhG,MAAMC,gBAA+C;IACnDC,QAAQ;AACV;AAEA,OAAO,SAASC,0BAA0BC,KAA8C;IACtF,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGF;IAC5B,MAAMG,mBAAmBF,MAAMG,cAAc,IAAIR;IAEjD,MAAMS,eAAeV,YACnB,CAACW,QAAuBC;QACtBL,SACER,QAAQO,OAAO,CAACO;YACd,MAAMC,UAAUD,MAAMJ,cAAc,IAAI;mBAAIR;aAAoB;YAChE,IAAIW,SAAS;gBACX,IAAI,CAACE,QAAQC,QAAQ,CAACJ,SAASG,QAAQE,IAAI,CAACL;YAC9C,OAAO;gBACL,MAAMM,MAAMH,QAAQI,OAAO,CAACP;gBAC5B,IAAIM,OAAO,GAAGH,QAAQK,MAAM,CAACF,KAAK;YACpC;YACAJ,MAAMJ,cAAc,GAAGK;QACzB;IAEJ,GACA;QAACR;QAAOC;KAAS;IAGnB,qBACE,KAACT;QAAmBsB,OAAM;kBACvBnB,oBAAoBoB,GAAG,CAAC,CAACV,uBACxB,KAACd;gBAECyB,uBACE,KAAC1B;oBACCgB,SAASJ,iBAAiBO,QAAQ,CAACJ;oBACnCJ,UAAU,CAACgB,IAAMb,aAAaC,QAAQY,EAAEC,MAAM,CAACZ,OAAO;oBACtDa,MAAK;;gBAGTC,OAAOxB,aAAa,CAACS,OAAO;eARvBA;;AAaf"}

package/lib/plugins/silence-table/SilenceTablePanel.d.ts

@@ -0,0 +1,11 @@
+import { PanelProps } from '@perses-dev/plugin-system';
+import { SilencesData } from '@perses-dev/spec';
+import { ReactElement } from 'react';
+import { SilenceTableOptions } from './silence-table-model';
+export type SilenceTablePanelProps = PanelProps<SilenceTableOptions, SilencesData>;
+/**
+ * Silence table panel component.
+ * Displays silences with matchers, status, creator, duration, and actions.
+ */
+export declare function SilenceTablePanel({ spec, queryResults, contentDimensions }: SilenceTablePanelProps): ReactElement;
+//# sourceMappingURL=SilenceTablePanel.d.ts.map

package/lib/plugins/silence-table/SilenceTablePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SilenceTablePanel.d.ts","sourceRoot":"","sources":["../../../../src/plugins/silence-table/SilenceTablePanel.tsx"],"names":[],"mappings":"AA8BA,OAAO,EAAE,UAAU,EAAuB,MAAM,2BAA2B,CAAC;AAC5E,OAAO,EAAW,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIzD,OAAO,EAAE,YAAY,EAAkC,MAAM,OAAO,CAAC;AAIrE,OAAO,EAOL,mBAAmB,EAGpB,MAAM,uBAAuB,CAAC;AAG/B,MAAM,MAAM,sBAAsB,GAAG,UAAU,CAAC,mBAAmB,EAAE,YAAY,CAAC,CAAC;AA2EnF;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,iBAAiB,EAAE,EAAE,sBAAsB,GAAG,YAAY,CAwKjH"}