@perses-dev/alert-manager-plugin 0.1.1 → 0.2.0-beta.2

package/lib/plugins/index.js

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

package/lib/plugins/index.js.map

@@ -1 +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"}
+{"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,+BAA4B;AAC1C,cAAc,aAAU;AACxB,cAAc,oCAAiC;AAC/C,cAAc,yDAAsD;AACpE,cAAc,iDAA8C;AAC5D,cAAc,+DAA4D;AAC1E,cAAc,6DAA0D;AACxE,cAAc,qDAAkD;AAChE,cAAc,mEAAgE;AAC9E,cAAc,8BAA2B;AACzC,cAAc,qCAAkC;AAChD,cAAc,mCAAgC;AAC9C,cAAc,kCAA+B;AAC7C,SACEA,mBAAmB,EACnBC,sBAAsB,EACtBC,uBAAuB,EACvBC,kBAAkB,EAClBC,oBAAoB,EACpBC,aAAa,QACR,yCAAsC;AAQ7C,SAASC,uBAAuB,QAAQ,2CAAwC;AAEhF,cAAc,uCAAoC"}

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

@@ -1,5 +1,5 @@
-import { PanelPlugin } from '@perses-dev/plugin-system';
-import { SilenceTableOptions } from './silence-table-model';
+import type { PanelPlugin } from '@perses-dev/plugin-system';
+import type { SilenceTableOptions } from './silence-table-model';
 /**
  * Panel plugin for displaying Alert Manager silences in a table.
  */

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

@@ -1 +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"}
+{"version":3,"file":"SilenceTable.d.ts","sourceRoot":"","sources":["../../../../src/plugins/silence-table/SilenceTable.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAE7D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAKjE;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,WAAW,CAAC,mBAAmB,CAQzD,CAAC"}

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

@@ -10,9 +10,9 @@
 // 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';
+import { SilenceTableColumnsEditor } from "./SilenceTableColumnsEditor.js";
+import { SilenceTableOptionsEditor } from "./SilenceTableOptionsEditor.js";
+import { SilenceTablePanel } from "./SilenceTablePanel.js";
 /**
  * Panel plugin for displaying Alert Manager silences in a table.
  */ export const SilenceTable = {

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

@@ -1 +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"}
+{"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 type { PanelPlugin } from '@perses-dev/plugin-system';\n\nimport type { SilenceTableOptions } from './silence-table-model';\nimport { SilenceTableColumnsEditor } from './SilenceTableColumnsEditor';\nimport { SilenceTableOptionsEditor } from './SilenceTableOptionsEditor';\nimport { SilenceTablePanel } from './SilenceTablePanel';\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;AAKjC,SAASA,yBAAyB,QAAQ,iCAA8B;AACxE,SAASC,yBAAyB,QAAQ,iCAA8B;AACxE,SAASC,iBAAiB,QAAQ,yBAAsB;AAExD;;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

@@ -1,5 +1,5 @@
-import { OptionsEditorProps } from '@perses-dev/plugin-system';
-import { ReactElement } from 'react';
-import { SilenceTableOptions } from './silence-table-model';
+import type { OptionsEditorProps } from '@perses-dev/plugin-system';
+import type { ReactElement } from 'react';
+import type { 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

@@ -1 +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"}
+{"version":3,"file":"SilenceTableColumnsEditor.d.ts","sourceRoot":"","sources":["../../../../src/plugins/silence-table/SilenceTableColumnsEditor.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,EAIV,mBAAmB,EACpB,MAAM,uBAAuB,CAAC;AAwB/B,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,GAAG,YAAY,CAuGtG"}

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

@@ -11,11 +11,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // 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';
+import { FormControl, InputLabel, MenuItem, Select } from "@mui/material";
+import { produce } from "immer";
+import { useCallback } from "react";
+import { ColumnsEditor } from "../../components/ColumnsEditor.js";
+import { DEFAULT_COLUMN_HEADERS, DEFAULT_SILENCE_COLUMNS, inferSortMode } from "./silence-table-model.js";
 const DEFAULT_FIELD_NAMES = new Set(DEFAULT_SILENCE_COLUMNS.map((c)=>c.name));
 const ALL_FIELDS = [
     'status',

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

@@ -1 +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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"}
+{"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 type { OptionsEditorProps } from '@perses-dev/plugin-system';\nimport { produce } from 'immer';\nimport type { ReactElement } from 'react';\nimport { useCallback } from 'react';\n\nimport { ColumnsEditor } from '../../components/ColumnsEditor';\nimport type {\n  SilenceColumnDefinition,\n  SilenceColumnSortMode,\n  SilenceFieldName,\n  SilenceTableOptions,\n} from './silence-table-model';\nimport { DEFAULT_COLUMN_HEADERS, DEFAULT_SILENCE_COLUMNS, inferSortMode } 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

@@ -1,5 +1,5 @@
-import { OptionsEditorProps } from '@perses-dev/plugin-system';
-import { ReactElement } from 'react';
-import { SilenceTableOptions } from './silence-table-model';
+import type { OptionsEditorProps } from '@perses-dev/plugin-system';
+import type { ReactElement } from 'react';
+import type { 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

@@ -1 +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"}
+{"version":3,"file":"SilenceTableOptionsEditor.d.ts","sourceRoot":"","sources":["../../../../src/plugins/silence-table/SilenceTableOptionsEditor.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAiB,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAOhF,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,GAAG,YAAY,CAuCtG"}

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

@@ -11,11 +11,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // 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';
+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.js";
 const ACTION_LABELS = {
     expire: 'Expire silence'
 };

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

@@ -1 +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"}
+{"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 type { OptionsEditorProps } from '@perses-dev/plugin-system';\nimport { produce } from 'immer';\nimport type { ReactElement } from 'react';\nimport { useCallback } from 'react';\n\nimport type { SilenceAction, SilenceTableOptions } from './silence-table-model';\nimport { ALL_SILENCE_ACTIONS } 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;AAEhC,SAASC,WAAW,QAAQ,QAAQ;AAGpC,SAASC,mBAAmB,QAAQ,2BAAwB;AAE5D,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

@@ -1,7 +1,7 @@
-import { PanelProps } from '@perses-dev/plugin-system';
-import { SilencesData } from '@perses-dev/spec';
-import { ReactElement } from 'react';
-import { SilenceTableOptions } from './silence-table-model';
+import type { PanelProps } from '@perses-dev/plugin-system';
+import type { SilencesData } from '@perses-dev/spec';
+import type { ReactElement } from 'react';
+import type { SilenceTableOptions } from './silence-table-model';
 export type SilenceTablePanelProps = PanelProps<SilenceTableOptions, SilencesData>;
 /**
  * Silence table panel component.

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

@@ -1 +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"}
+{"version":3,"file":"SilenceTablePanel.d.ts","sourceRoot":"","sources":["../../../../src/plugins/silence-table/SilenceTablePanel.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,OAAO,KAAK,EAAW,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAI9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAO1C,OAAO,KAAK,EAIV,mBAAmB,EACpB,MAAM,uBAAuB,CAAC;AAW/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"}

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

@@ -11,18 +11,18 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // 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 { Box, IconButton, InputAdornment, Stack, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, TableSortLabel, TextField, Tooltip, Typography } from '@mui/material';
-import { Dialog, useSnackbar } from '@perses-dev/components';
-import { useDatasourceClient } from '@perses-dev/plugin-system';
-import { useQueryClient } from '@tanstack/react-query';
-import DeleteIcon from 'mdi-material-ui/Delete';
-import MagnifyIcon from 'mdi-material-ui/Magnify';
-import { useCallback, useMemo, useState } from 'react';
-import { MatchersList } from '../../components/MatchersList';
-import { StatusBadge } from '../../components/StatusBadge';
-import { extractDatasourceSelector } from '../../model';
-import { ALL_SILENCE_ACTIONS, DEFAULT_COLUMN_HEADERS, DEFAULT_SILENCE_COLUMNS, getSilenceDuration, inferSortMode } from './silence-table-model';
-import { compareSilencesByColumn } from './silence-table-sorting';
+import { Box, IconButton, InputAdornment, Stack, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, TableSortLabel, TextField, Tooltip, Typography } from "@mui/material";
+import { Dialog, useSnackbar } from "@perses-dev/components";
+import { useDatasourceClient } from "@perses-dev/plugin-system";
+import { useQueryClient } from "@tanstack/react-query";
+import DeleteIcon from "mdi-material-ui/Delete";
+import MagnifyIcon from "mdi-material-ui/Magnify";
+import { useCallback, useMemo, useState } from "react";
+import { MatchersList } from "../../components/MatchersList.js";
+import { StatusBadge } from "../../components/StatusBadge.js";
+import { extractDatasourceSelector } from "../../model/index.js";
+import { ALL_SILENCE_ACTIONS, DEFAULT_COLUMN_HEADERS, DEFAULT_SILENCE_COLUMNS, getSilenceDuration, inferSortMode } from "./silence-table-model.js";
+import { compareSilencesByColumn } from "./silence-table-sorting.js";
 function renderSilenceCell(silence, field) {
     switch(field){
         case 'status':
@@ -208,7 +208,7 @@ function SilenceRow({ silence, columnDefs, allowedActions, onExpire }) {
         if (!sortState) return filteredSilences;
         return [
             ...filteredSilences
-        ].sort((a, b)=>compareSilencesByColumn(a, b, sortState));
+        ].toSorted((a, b)=>compareSilencesByColumn(a, b, sortState));
     }, [
         filteredSilences,
         sortState

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/plugins/silence-table/SilenceTablePanel.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 {\n  Box,\n  IconButton,\n  InputAdornment,\n  Stack,\n  Table,\n  TableBody,\n  TableCell,\n  TableContainer,\n  TableHead,\n  TableRow,\n  TableSortLabel,\n  TextField,\n  Tooltip,\n  Typography,\n} from '@mui/material';\nimport { Dialog, useSnackbar } from '@perses-dev/components';\nimport { PanelProps, useDatasourceClient } from '@perses-dev/plugin-system';\nimport { Silence, SilencesData } from '@perses-dev/spec';\nimport { useQueryClient } from '@tanstack/react-query';\nimport DeleteIcon from 'mdi-material-ui/Delete';\nimport MagnifyIcon from 'mdi-material-ui/Magnify';\nimport { ReactElement, useCallback, useMemo, useState } from 'react';\nimport { MatchersList } from '../../components/MatchersList';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { AlertManagerClient, extractDatasourceSelector } from '../../model';\nimport {\n  ALL_SILENCE_ACTIONS,\n  DEFAULT_COLUMN_HEADERS,\n  DEFAULT_SILENCE_COLUMNS,\n  SilenceAction,\n  SilenceColumnDefinition,\n  SilenceFieldName,\n  SilenceTableOptions,\n  getSilenceDuration,\n  inferSortMode,\n} from './silence-table-model';\nimport { SilenceSortState, compareSilencesByColumn } from './silence-table-sorting';\n\nexport type SilenceTablePanelProps = PanelProps<SilenceTableOptions, SilencesData>;\n\nfunction renderSilenceCell(silence: Silence, field: SilenceFieldName): ReactElement {\n  switch (field) {\n    case 'status':\n      return <StatusBadge status={silence.state} variant=\"silence\" />;\n    case 'matchers':\n      return <MatchersList matchers={silence.matchers} />;\n    case 'startsAt':\n    case 'endsAt':\n    case 'updatedAt': {\n      const raw = field === 'updatedAt' ? silence.updatedAt : silence[field];\n      return <>{raw ? new Date(raw).toLocaleString() : ''}</>;\n    }\n    case 'duration':\n      return <>{getSilenceDuration(silence)}</>;\n    case 'comment':\n      return (\n        <Tooltip title={silence.comment ?? ''}>\n          <Typography\n            variant=\"body2\"\n            sx={{ maxWidth: 200, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}\n          >\n            {silence.comment ?? ''}\n          </Typography>\n        </Tooltip>\n      );\n    case 'createdBy':\n      return <>{silence.createdBy}</>;\n  }\n}\n\nfunction SilenceRow({\n  silence,\n  columnDefs,\n  allowedActions,\n  onExpire,\n}: {\n  silence: Silence;\n  columnDefs: SilenceColumnDefinition[];\n  allowedActions: SilenceAction[];\n  onExpire: (silence: Silence) => void;\n}): ReactElement {\n  const showActions = allowedActions.length > 0;\n  const isExpired = silence.state === 'expired';\n\n  return (\n    <TableRow hover>\n      {columnDefs.map((col, colIdx) => (\n        <TableCell key={colIdx}>{renderSilenceCell(silence, col.name)}</TableCell>\n      ))}\n      {showActions && (\n        <TableCell>\n          <Stack direction=\"row\" spacing={0.5}>\n            {allowedActions.includes('expire') && (\n              <Tooltip title={isExpired ? 'Already expired' : 'Expire silence'}>\n                <span>\n                  <IconButton\n                    size=\"small\"\n                    aria-label=\"Expire silence\"\n                    onClick={() => onExpire(silence)}\n                    disabled={isExpired}\n                  >\n                    <DeleteIcon fontSize=\"small\" />\n                  </IconButton>\n                </span>\n              </Tooltip>\n            )}\n          </Stack>\n        </TableCell>\n      )}\n    </TableRow>\n  );\n}\n\n/**\n * Silence table panel component.\n * Displays silences with matchers, status, creator, duration, and actions.\n */\nexport function SilenceTablePanel({ spec, queryResults, contentDimensions }: SilenceTablePanelProps): ReactElement {\n  const datasourceSelector = useMemo(() => extractDatasourceSelector(queryResults), [queryResults]);\n  const { data: amClient } = useDatasourceClient<AlertManagerClient>(datasourceSelector);\n  const queryClient = useQueryClient();\n\n  const [expireTarget, setExpireTarget] = useState<Silence | null>(null);\n  const [isExpiring, setIsExpiring] = useState(false);\n  const { successSnackbar, exceptionSnackbar } = useSnackbar();\n\n  const handleExpire = useCallback(async () => {\n    if (!amClient || !expireTarget) return;\n    setIsExpiring(true);\n    try {\n      await amClient.deleteSilence(expireTarget.id);\n      setExpireTarget(null);\n      successSnackbar('Silence expired successfully');\n      queryClient.invalidateQueries({ queryKey: ['query', 'AlertsQuery'] });\n      queryClient.invalidateQueries({ queryKey: ['query', 'SilencesQuery'] });\n    } catch (err) {\n      exceptionSnackbar(err);\n    } finally {\n      setIsExpiring(false);\n    }\n  }, [amClient, expireTarget, queryClient, successSnackbar, exceptionSnackbar]);\n\n  const [search, setSearch] = useState('');\n\n  const effectiveActions = useMemo<SilenceAction[]>(\n    () => spec?.allowedActions ?? ALL_SILENCE_ACTIONS,\n    [spec?.allowedActions]\n  );\n  const showActionsColumn = effectiveActions.length > 0;\n\n  const columnDefs = useMemo(() => {\n    if (!spec.columns || spec.columns.length === 0) return DEFAULT_SILENCE_COLUMNS;\n    const defaultNames = new Set(DEFAULT_SILENCE_COLUMNS.map((c) => c.name));\n    const extra = spec.columns.filter((c) => !defaultNames.has(c.name));\n    return [...DEFAULT_SILENCE_COLUMNS, ...extra];\n  }, [spec.columns]);\n\n  const initialSort = useMemo<SilenceSortState | null>(() => {\n    const col = columnDefs.find((c) => c.sort && c.enableSorting !== false);\n    if (!col?.sort) return null;\n    return { fieldName: col.name, direction: col.sort, mode: col.sortMode ?? inferSortMode(col.name) };\n  }, [columnDefs]);\n  const [sortState, setSortState] = useState<SilenceSortState | null>(initialSort);\n\n  const handleSortClick = useCallback((col: SilenceColumnDefinition): void => {\n    setSortState((prev) => {\n      if (prev?.fieldName === col.name) {\n        return prev.direction === 'asc' ? { ...prev, direction: 'desc' } : null;\n      }\n      return { fieldName: col.name, direction: 'asc', mode: col.sortMode ?? inferSortMode(col.name) };\n    });\n  }, []);\n\n  // Flatten all silences from all query results\n  const allSilences = useMemo(() => {\n    return queryResults.flatMap((result) => result.data?.silences ?? []);\n  }, [queryResults]);\n\n  const filteredSilences = useMemo(() => {\n    const term = search.trim().toLowerCase();\n    if (!term) return allSilences;\n    return allSilences.filter((s) => {\n      if (s.state.toLowerCase().includes(term)) return true;\n      if (s.createdBy.toLowerCase().includes(term)) return true;\n      if (s.comment?.toLowerCase().includes(term)) return true;\n      return s.matchers.some((m) => m.name.toLowerCase().includes(term) || m.value.toLowerCase().includes(term));\n    });\n  }, [allSilences, search]);\n\n  const silences = useMemo(() => {\n    if (!sortState) return filteredSilences;\n    return [...filteredSilences].sort((a, b) => compareSilencesByColumn(a, b, sortState));\n  }, [filteredSilences, sortState]);\n\n  if (allSilences.length === 0) {\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          height: contentDimensions?.height ?? '100%',\n        }}\n      >\n        <Typography>No silences to display</Typography>\n      </Box>\n    );\n  }\n\n  return (\n    <TableContainer sx={{ height: contentDimensions?.height, overflow: 'auto' }}>\n      <Box sx={{ px: 1, py: 0.5 }}>\n        <TextField\n          size=\"small\"\n          placeholder=\"Search silences...\"\n          value={search}\n          onChange={(e) => setSearch(e.target.value)}\n          fullWidth\n          slotProps={{\n            htmlInput: { 'aria-label': 'Search silences' },\n            input: {\n              startAdornment: (\n                <InputAdornment position=\"start\">\n                  <MagnifyIcon fontSize=\"small\" />\n                </InputAdornment>\n              ),\n            },\n          }}\n        />\n      </Box>\n      <Table size=\"small\" stickyHeader>\n        <TableHead>\n          <TableRow>\n            {columnDefs.map((col, colIdx) => (\n              <TableCell key={colIdx} sortDirection={sortState?.fieldName === col.name ? sortState.direction : false}>\n                {col.enableSorting !== false ? (\n                  <TableSortLabel\n                    active={sortState?.fieldName === col.name}\n                    direction={sortState?.fieldName === col.name ? sortState.direction : 'asc'}\n                    onClick={() => handleSortClick(col)}\n                  >\n                    {col.header ?? DEFAULT_COLUMN_HEADERS[col.name]}\n                  </TableSortLabel>\n                ) : (\n                  (col.header ?? DEFAULT_COLUMN_HEADERS[col.name])\n                )}\n              </TableCell>\n            ))}\n            {showActionsColumn && <TableCell>Actions</TableCell>}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {silences.length === 0 ? (\n            <TableRow>\n              <TableCell colSpan={99} align=\"center\" sx={{ py: 4 }}>\n                <Typography color=\"text.secondary\">No matching silences</Typography>\n              </TableCell>\n            </TableRow>\n          ) : (\n            silences.map((silence) => (\n              <SilenceRow\n                key={silence.id}\n                silence={silence}\n                columnDefs={columnDefs}\n                allowedActions={effectiveActions}\n                onExpire={setExpireTarget}\n              />\n            ))\n          )}\n        </TableBody>\n      </Table>\n      <Dialog open={!!expireTarget} onClose={() => setExpireTarget(null)}>\n        <Dialog.Header onClose={() => setExpireTarget(null)}>Expire Silence</Dialog.Header>\n        <Dialog.Content>\n          Are you sure you want to expire this silence? Alerts matching its matchers will start firing again.\n        </Dialog.Content>\n        <Dialog.Actions>\n          <Dialog.SecondaryButton onClick={() => setExpireTarget(null)}>Cancel</Dialog.SecondaryButton>\n          <Dialog.PrimaryButton onClick={handleExpire} disabled={isExpiring}>\n            {isExpiring ? 'Expiring...' : 'Expire'}\n          </Dialog.PrimaryButton>\n        </Dialog.Actions>\n      </Dialog>\n    </TableContainer>\n  );\n}\n"],"names":["Box","IconButton","InputAdornment","Stack","Table","TableBody","TableCell","TableContainer","TableHead","TableRow","TableSortLabel","TextField","Tooltip","Typography","Dialog","useSnackbar","useDatasourceClient","useQueryClient","DeleteIcon","MagnifyIcon","useCallback","useMemo","useState","MatchersList","StatusBadge","extractDatasourceSelector","ALL_SILENCE_ACTIONS","DEFAULT_COLUMN_HEADERS","DEFAULT_SILENCE_COLUMNS","getSilenceDuration","inferSortMode","compareSilencesByColumn","renderSilenceCell","silence","field","status","state","variant","matchers","raw","updatedAt","Date","toLocaleString","title","comment","sx","maxWidth","overflow","textOverflow","whiteSpace","createdBy","SilenceRow","columnDefs","allowedActions","onExpire","showActions","length","isExpired","hover","map","col","colIdx","name","direction","spacing","includes","span","size","aria-label","onClick","disabled","fontSize","SilenceTablePanel","spec","queryResults","contentDimensions","datasourceSelector","data","amClient","queryClient","expireTarget","setExpireTarget","isExpiring","setIsExpiring","successSnackbar","exceptionSnackbar","handleExpire","deleteSilence","id","invalidateQueries","queryKey","err","search","setSearch","effectiveActions","showActionsColumn","columns","defaultNames","Set","c","extra","filter","has","initialSort","find","sort","enableSorting","fieldName","mode","sortMode","sortState","setSortState","handleSortClick","prev","allSilences","flatMap","result","silences","filteredSilences","term","trim","toLowerCase","s","some","m","value","a","b","display","justifyContent","alignItems","height","px","py","placeholder","onChange","e","target","fullWidth","slotProps","htmlInput","input","startAdornment","position","stickyHeader","sortDirection","active","header","colSpan","align","color","open","onClose","Header","Content","Actions","SecondaryButton","PrimaryButton"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/plugins/silence-table/SilenceTablePanel.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 {\n  Box,\n  IconButton,\n  InputAdornment,\n  Stack,\n  Table,\n  TableBody,\n  TableCell,\n  TableContainer,\n  TableHead,\n  TableRow,\n  TableSortLabel,\n  TextField,\n  Tooltip,\n  Typography,\n} from '@mui/material';\nimport { Dialog, useSnackbar } from '@perses-dev/components';\nimport type { PanelProps } from '@perses-dev/plugin-system';\nimport { useDatasourceClient } from '@perses-dev/plugin-system';\nimport type { Silence, SilencesData } from '@perses-dev/spec';\nimport { useQueryClient } from '@tanstack/react-query';\nimport DeleteIcon from 'mdi-material-ui/Delete';\nimport MagnifyIcon from 'mdi-material-ui/Magnify';\nimport type { ReactElement } from 'react';\nimport { useCallback, useMemo, useState } from 'react';\n\nimport { MatchersList } from '../../components/MatchersList';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport type { AlertManagerClient } from '../../model';\nimport { extractDatasourceSelector } from '../../model';\nimport type {\n  SilenceAction,\n  SilenceColumnDefinition,\n  SilenceFieldName,\n  SilenceTableOptions,\n} from './silence-table-model';\nimport {\n  ALL_SILENCE_ACTIONS,\n  DEFAULT_COLUMN_HEADERS,\n  DEFAULT_SILENCE_COLUMNS,\n  getSilenceDuration,\n  inferSortMode,\n} from './silence-table-model';\nimport type { SilenceSortState } from './silence-table-sorting';\nimport { compareSilencesByColumn } from './silence-table-sorting';\n\nexport type SilenceTablePanelProps = PanelProps<SilenceTableOptions, SilencesData>;\n\nfunction renderSilenceCell(silence: Silence, field: SilenceFieldName): ReactElement {\n  switch (field) {\n    case 'status':\n      return <StatusBadge status={silence.state} variant=\"silence\" />;\n    case 'matchers':\n      return <MatchersList matchers={silence.matchers} />;\n    case 'startsAt':\n    case 'endsAt':\n    case 'updatedAt': {\n      const raw = field === 'updatedAt' ? silence.updatedAt : silence[field];\n      return <>{raw ? new Date(raw).toLocaleString() : ''}</>;\n    }\n    case 'duration':\n      return <>{getSilenceDuration(silence)}</>;\n    case 'comment':\n      return (\n        <Tooltip title={silence.comment ?? ''}>\n          <Typography\n            variant=\"body2\"\n            sx={{ maxWidth: 200, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}\n          >\n            {silence.comment ?? ''}\n          </Typography>\n        </Tooltip>\n      );\n    case 'createdBy':\n      return <>{silence.createdBy}</>;\n  }\n}\n\nfunction SilenceRow({\n  silence,\n  columnDefs,\n  allowedActions,\n  onExpire,\n}: {\n  silence: Silence;\n  columnDefs: SilenceColumnDefinition[];\n  allowedActions: SilenceAction[];\n  onExpire: (silence: Silence) => void;\n}): ReactElement {\n  const showActions = allowedActions.length > 0;\n  const isExpired = silence.state === 'expired';\n\n  return (\n    <TableRow hover>\n      {columnDefs.map((col, colIdx) => (\n        <TableCell key={colIdx}>{renderSilenceCell(silence, col.name)}</TableCell>\n      ))}\n      {showActions && (\n        <TableCell>\n          <Stack direction=\"row\" spacing={0.5}>\n            {allowedActions.includes('expire') && (\n              <Tooltip title={isExpired ? 'Already expired' : 'Expire silence'}>\n                <span>\n                  <IconButton\n                    size=\"small\"\n                    aria-label=\"Expire silence\"\n                    onClick={() => onExpire(silence)}\n                    disabled={isExpired}\n                  >\n                    <DeleteIcon fontSize=\"small\" />\n                  </IconButton>\n                </span>\n              </Tooltip>\n            )}\n          </Stack>\n        </TableCell>\n      )}\n    </TableRow>\n  );\n}\n\n/**\n * Silence table panel component.\n * Displays silences with matchers, status, creator, duration, and actions.\n */\nexport function SilenceTablePanel({ spec, queryResults, contentDimensions }: SilenceTablePanelProps): ReactElement {\n  const datasourceSelector = useMemo(() => extractDatasourceSelector(queryResults), [queryResults]);\n  const { data: amClient } = useDatasourceClient<AlertManagerClient>(datasourceSelector);\n  const queryClient = useQueryClient();\n\n  const [expireTarget, setExpireTarget] = useState<Silence | null>(null);\n  const [isExpiring, setIsExpiring] = useState(false);\n  const { successSnackbar, exceptionSnackbar } = useSnackbar();\n\n  const handleExpire = useCallback(async () => {\n    if (!amClient || !expireTarget) return;\n    setIsExpiring(true);\n    try {\n      await amClient.deleteSilence(expireTarget.id);\n      setExpireTarget(null);\n      successSnackbar('Silence expired successfully');\n      queryClient.invalidateQueries({ queryKey: ['query', 'AlertsQuery'] });\n      queryClient.invalidateQueries({ queryKey: ['query', 'SilencesQuery'] });\n    } catch (err) {\n      exceptionSnackbar(err);\n    } finally {\n      setIsExpiring(false);\n    }\n  }, [amClient, expireTarget, queryClient, successSnackbar, exceptionSnackbar]);\n\n  const [search, setSearch] = useState('');\n\n  const effectiveActions = useMemo<SilenceAction[]>(\n    () => spec?.allowedActions ?? ALL_SILENCE_ACTIONS,\n    [spec?.allowedActions],\n  );\n  const showActionsColumn = effectiveActions.length > 0;\n\n  const columnDefs = useMemo(() => {\n    if (!spec.columns || spec.columns.length === 0) return DEFAULT_SILENCE_COLUMNS;\n    const defaultNames = new Set(DEFAULT_SILENCE_COLUMNS.map((c) => c.name));\n    const extra = spec.columns.filter((c) => !defaultNames.has(c.name));\n    return [...DEFAULT_SILENCE_COLUMNS, ...extra];\n  }, [spec.columns]);\n\n  const initialSort = useMemo<SilenceSortState | null>(() => {\n    const col = columnDefs.find((c) => c.sort && c.enableSorting !== false);\n    if (!col?.sort) return null;\n    return { fieldName: col.name, direction: col.sort, mode: col.sortMode ?? inferSortMode(col.name) };\n  }, [columnDefs]);\n  const [sortState, setSortState] = useState<SilenceSortState | null>(initialSort);\n\n  const handleSortClick = useCallback((col: SilenceColumnDefinition): void => {\n    setSortState((prev) => {\n      if (prev?.fieldName === col.name) {\n        return prev.direction === 'asc' ? { ...prev, direction: 'desc' } : null;\n      }\n      return { fieldName: col.name, direction: 'asc', mode: col.sortMode ?? inferSortMode(col.name) };\n    });\n  }, []);\n\n  // Flatten all silences from all query results\n  const allSilences = useMemo(() => {\n    return queryResults.flatMap((result) => result.data?.silences ?? []);\n  }, [queryResults]);\n\n  const filteredSilences = useMemo(() => {\n    const term = search.trim().toLowerCase();\n    if (!term) return allSilences;\n    return allSilences.filter((s) => {\n      if (s.state.toLowerCase().includes(term)) return true;\n      if (s.createdBy.toLowerCase().includes(term)) return true;\n      if (s.comment?.toLowerCase().includes(term)) return true;\n      return s.matchers.some((m) => m.name.toLowerCase().includes(term) || m.value.toLowerCase().includes(term));\n    });\n  }, [allSilences, search]);\n\n  const silences = useMemo(() => {\n    if (!sortState) return filteredSilences;\n    return [...filteredSilences].toSorted((a, b) => compareSilencesByColumn(a, b, sortState));\n  }, [filteredSilences, sortState]);\n\n  if (allSilences.length === 0) {\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          height: contentDimensions?.height ?? '100%',\n        }}\n      >\n        <Typography>No silences to display</Typography>\n      </Box>\n    );\n  }\n\n  return (\n    <TableContainer sx={{ height: contentDimensions?.height, overflow: 'auto' }}>\n      <Box sx={{ px: 1, py: 0.5 }}>\n        <TextField\n          size=\"small\"\n          placeholder=\"Search silences...\"\n          value={search}\n          onChange={(e) => setSearch(e.target.value)}\n          fullWidth\n          slotProps={{\n            htmlInput: { 'aria-label': 'Search silences' },\n            input: {\n              startAdornment: (\n                <InputAdornment position=\"start\">\n                  <MagnifyIcon fontSize=\"small\" />\n                </InputAdornment>\n              ),\n            },\n          }}\n        />\n      </Box>\n      <Table size=\"small\" stickyHeader>\n        <TableHead>\n          <TableRow>\n            {columnDefs.map((col, colIdx) => (\n              <TableCell key={colIdx} sortDirection={sortState?.fieldName === col.name ? sortState.direction : false}>\n                {col.enableSorting !== false ? (\n                  <TableSortLabel\n                    active={sortState?.fieldName === col.name}\n                    direction={sortState?.fieldName === col.name ? sortState.direction : 'asc'}\n                    onClick={() => handleSortClick(col)}\n                  >\n                    {col.header ?? DEFAULT_COLUMN_HEADERS[col.name]}\n                  </TableSortLabel>\n                ) : (\n                  (col.header ?? DEFAULT_COLUMN_HEADERS[col.name])\n                )}\n              </TableCell>\n            ))}\n            {showActionsColumn && <TableCell>Actions</TableCell>}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {silences.length === 0 ? (\n            <TableRow>\n              <TableCell colSpan={99} align=\"center\" sx={{ py: 4 }}>\n                <Typography color=\"text.secondary\">No matching silences</Typography>\n              </TableCell>\n            </TableRow>\n          ) : (\n            silences.map((silence) => (\n              <SilenceRow\n                key={silence.id}\n                silence={silence}\n                columnDefs={columnDefs}\n                allowedActions={effectiveActions}\n                onExpire={setExpireTarget}\n              />\n            ))\n          )}\n        </TableBody>\n      </Table>\n      <Dialog open={!!expireTarget} onClose={() => setExpireTarget(null)}>\n        <Dialog.Header onClose={() => setExpireTarget(null)}>Expire Silence</Dialog.Header>\n        <Dialog.Content>\n          Are you sure you want to expire this silence? Alerts matching its matchers will start firing again.\n        </Dialog.Content>\n        <Dialog.Actions>\n          <Dialog.SecondaryButton onClick={() => setExpireTarget(null)}>Cancel</Dialog.SecondaryButton>\n          <Dialog.PrimaryButton onClick={handleExpire} disabled={isExpiring}>\n            {isExpiring ? 'Expiring...' : 'Expire'}\n          </Dialog.PrimaryButton>\n        </Dialog.Actions>\n      </Dialog>\n    </TableContainer>\n  );\n}\n"],"names":["Box","IconButton","InputAdornment","Stack","Table","TableBody","TableCell","TableContainer","TableHead","TableRow","TableSortLabel","TextField","Tooltip","Typography","Dialog","useSnackbar","useDatasourceClient","useQueryClient","DeleteIcon","MagnifyIcon","useCallback","useMemo","useState","MatchersList","StatusBadge","extractDatasourceSelector","ALL_SILENCE_ACTIONS","DEFAULT_COLUMN_HEADERS","DEFAULT_SILENCE_COLUMNS","getSilenceDuration","inferSortMode","compareSilencesByColumn","renderSilenceCell","silence","field","status","state","variant","matchers","raw","updatedAt","Date","toLocaleString","title","comment","sx","maxWidth","overflow","textOverflow","whiteSpace","createdBy","SilenceRow","columnDefs","allowedActions","onExpire","showActions","length","isExpired","hover","map","col","colIdx","name","direction","spacing","includes","span","size","aria-label","onClick","disabled","fontSize","SilenceTablePanel","spec","queryResults","contentDimensions","datasourceSelector","data","amClient","queryClient","expireTarget","setExpireTarget","isExpiring","setIsExpiring","successSnackbar","exceptionSnackbar","handleExpire","deleteSilence","id","invalidateQueries","queryKey","err","search","setSearch","effectiveActions","showActionsColumn","columns","defaultNames","Set","c","extra","filter","has","initialSort","find","sort","enableSorting","fieldName","mode","sortMode","sortState","setSortState","handleSortClick","prev","allSilences","flatMap","result","silences","filteredSilences","term","trim","toLowerCase","s","some","m","value","toSorted","a","b","display","justifyContent","alignItems","height","px","py","placeholder","onChange","e","target","fullWidth","slotProps","htmlInput","input","startAdornment","position","stickyHeader","sortDirection","active","header","colSpan","align","color","open","onClose","Header","Content","Actions","SecondaryButton","PrimaryButton"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { Silence } from '@perses-dev/spec';
+import type { Silence } from '@perses-dev/spec';
 export type SilenceAction = 'expire';
 export declare const ALL_SILENCE_ACTIONS: SilenceAction[];
 export type SortDirection = 'asc' | 'desc';

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

@@ -1 +1 @@
-{"version":3,"file":"silence-table-model.d.ts","sourceRoot":"","sources":["../../../../src/plugins/silence-table/silence-table-model.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;AAErC,eAAO,MAAM,mBAAmB,EAAE,aAAa,EAAe,CAAC;AAE/D,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC;AAE3C,MAAM,MAAM,qBAAqB,GAAG,cAAc,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEvE,MAAM,MAAM,gBAAgB,GAC1B,QAAQ,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,WAAW,CAAC;AAErG,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,gBAAgB,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CAClC;AAED,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CASnE,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,uBAAuB,EAI5D,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,gBAAgB,GAAG,qBAAqB,CAW5E;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,gBAAgB,GAAG,MAAM,CAmBtF;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACpC,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;CAClC;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,CAiB3D"}
+{"version":3,"file":"silence-table-model.d.ts","sourceRoot":"","sources":["../../../../src/plugins/silence-table/silence-table-model.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;AAErC,eAAO,MAAM,mBAAmB,EAAE,aAAa,EAAe,CAAC;AAE/D,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC;AAE3C,MAAM,MAAM,qBAAqB,GAAG,cAAc,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEvE,MAAM,MAAM,gBAAgB,GACxB,QAAQ,GACR,UAAU,GACV,WAAW,GACX,UAAU,GACV,QAAQ,GACR,UAAU,GACV,SAAS,GACT,WAAW,CAAC;AAEhB,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,gBAAgB,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CAClC;AAED,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CASnE,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,uBAAuB,EAI5D,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,gBAAgB,GAAG,qBAAqB,CAW5E;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,gBAAgB,GAAG,MAAM,CAmBtF;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACpC,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;CAClC;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,CAiB3D"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/plugins/silence-table/silence-table-model.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 { Silence } from '@perses-dev/spec';\n\nexport type SilenceAction = 'expire';\n\nexport const ALL_SILENCE_ACTIONS: SilenceAction[] = ['expire'];\n\nexport type SortDirection = 'asc' | 'desc';\n\nexport type SilenceColumnSortMode = 'alphabetical' | 'date' | 'status';\n\nexport type SilenceFieldName =\n  'status' | 'matchers' | 'createdBy' | 'startsAt' | 'endsAt' | 'duration' | 'comment' | 'updatedAt';\n\nexport interface SilenceColumnDefinition {\n  name: SilenceFieldName;\n  header?: string;\n  enableSorting?: boolean;\n  sort?: SortDirection;\n  sortMode?: SilenceColumnSortMode;\n}\n\nexport const DEFAULT_COLUMN_HEADERS: Record<SilenceFieldName, string> = {\n  status: 'Status',\n  matchers: 'Matchers',\n  createdBy: 'Creator',\n  startsAt: 'Starts At',\n  endsAt: 'Ends At',\n  duration: 'Duration',\n  comment: 'Comment',\n  updatedAt: 'Updated At',\n};\n\nexport const DEFAULT_SILENCE_COLUMNS: SilenceColumnDefinition[] = [\n  { name: 'status', sort: 'asc', sortMode: 'status' },\n  { name: 'matchers', enableSorting: false },\n  { name: 'comment' },\n];\n\nexport function inferSortMode(field: SilenceFieldName): SilenceColumnSortMode {\n  switch (field) {\n    case 'status':\n      return 'status';\n    case 'startsAt':\n    case 'endsAt':\n    case 'updatedAt':\n      return 'date';\n    default:\n      return 'alphabetical';\n  }\n}\n\nexport function getSilenceFieldValue(silence: Silence, field: SilenceFieldName): string {\n  switch (field) {\n    case 'status':\n      return silence.state;\n    case 'matchers':\n      return silence.matchers.map((m) => `${m.name}=${m.value}`).join(', ');\n    case 'createdBy':\n      return silence.createdBy;\n    case 'startsAt':\n      return silence.startsAt;\n    case 'endsAt':\n      return silence.endsAt;\n    case 'duration':\n      return getSilenceDuration(silence);\n    case 'comment':\n      return silence.comment ?? '';\n    case 'updatedAt':\n      return silence.updatedAt ?? '';\n  }\n}\n\n/**\n * Options for the SilenceTable panel plugin.\n */\nexport interface SilenceTableOptions {\n  columns?: SilenceColumnDefinition[];\n  allowedActions?: SilenceAction[];\n}\n\n/**\n * Calculate a human-readable duration string from a silence's start and end times.\n */\nexport function getSilenceDuration(silence: Silence): string {\n  const startMs = new Date(silence.startsAt).getTime();\n  const endMs = new Date(silence.endsAt).getTime();\n  const diffMs = endMs - startMs;\n  if (diffMs <= 0) return '0m';\n\n  const totalMinutes = Math.floor(diffMs / (1000 * 60));\n  const days = Math.floor(totalMinutes / (60 * 24));\n  const hours = Math.floor((totalMinutes % (60 * 24)) / 60);\n  const minutes = totalMinutes % 60;\n\n  const parts: string[] = [];\n  if (days > 0) parts.push(`${days}d`);\n  if (hours > 0) parts.push(`${hours}h`);\n  if (minutes > 0) parts.push(`${minutes}m`);\n\n  return parts.join(' ') || '0m';\n}\n"],"names":["ALL_SILENCE_ACTIONS","DEFAULT_COLUMN_HEADERS","status","matchers","createdBy","startsAt","endsAt","duration","comment","updatedAt","DEFAULT_SILENCE_COLUMNS","name","sort","sortMode","enableSorting","inferSortMode","field","getSilenceFieldValue","silence","state","map","m","value","join","getSilenceDuration","startMs","Date","getTime","endMs","diffMs","totalMinutes","Math","floor","days","hours","minutes","parts","push"],"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;AAMjC,OAAO,MAAMA,sBAAuC;IAAC;CAAS,CAAC;AAiB/D,OAAO,MAAMC,yBAA2D;IACtEC,QAAQ;IACRC,UAAU;IACVC,WAAW;IACXC,UAAU;IACVC,QAAQ;IACRC,UAAU;IACVC,SAAS;IACTC,WAAW;AACb,EAAE;AAEF,OAAO,MAAMC,0BAAqD;IAChE;QAAEC,MAAM;QAAUC,MAAM;QAAOC,UAAU;IAAS;IAClD;QAAEF,MAAM;QAAYG,eAAe;IAAM;IACzC;QAAEH,MAAM;IAAU;CACnB,CAAC;AAEF,OAAO,SAASI,cAAcC,KAAuB;IACnD,OAAQA;QACN,KAAK;YACH,OAAO;QACT,KAAK;QACL,KAAK;QACL,KAAK;YACH,OAAO;QACT;YACE,OAAO;IACX;AACF;AAEA,OAAO,SAASC,qBAAqBC,OAAgB,EAAEF,KAAuB;IAC5E,OAAQA;QACN,KAAK;YACH,OAAOE,QAAQC,KAAK;QACtB,KAAK;YACH,OAAOD,QAAQf,QAAQ,CAACiB,GAAG,CAAC,CAACC,IAAM,GAAGA,EAAEV,IAAI,CAAC,CAAC,EAAEU,EAAEC,KAAK,EAAE,EAAEC,IAAI,CAAC;QAClE,KAAK;YACH,OAAOL,QAAQd,SAAS;QAC1B,KAAK;YACH,OAAOc,QAAQb,QAAQ;QACzB,KAAK;YACH,OAAOa,QAAQZ,MAAM;QACvB,KAAK;YACH,OAAOkB,mBAAmBN;QAC5B,KAAK;YACH,OAAOA,QAAQV,OAAO,IAAI;QAC5B,KAAK;YACH,OAAOU,QAAQT,SAAS,IAAI;IAChC;AACF;AAUA;;CAEC,GACD,OAAO,SAASe,mBAAmBN,OAAgB;IACjD,MAAMO,UAAU,IAAIC,KAAKR,QAAQb,QAAQ,EAAEsB,OAAO;IAClD,MAAMC,QAAQ,IAAIF,KAAKR,QAAQZ,MAAM,EAAEqB,OAAO;IAC9C,MAAME,SAASD,QAAQH;IACvB,IAAII,UAAU,GAAG,OAAO;IAExB,MAAMC,eAAeC,KAAKC,KAAK,CAACH,SAAU,CAAA,OAAO,EAAC;IAClD,MAAMI,OAAOF,KAAKC,KAAK,CAACF,eAAgB,CAAA,KAAK,EAAC;IAC9C,MAAMI,QAAQH,KAAKC,KAAK,CAAC,AAACF,eAAgB,CAAA,KAAK,EAAC,IAAM;IACtD,MAAMK,UAAUL,eAAe;IAE/B,MAAMM,QAAkB,EAAE;IAC1B,IAAIH,OAAO,GAAGG,MAAMC,IAAI,CAAC,GAAGJ,KAAK,CAAC,CAAC;IACnC,IAAIC,QAAQ,GAAGE,MAAMC,IAAI,CAAC,GAAGH,MAAM,CAAC,CAAC;IACrC,IAAIC,UAAU,GAAGC,MAAMC,IAAI,CAAC,GAAGF,QAAQ,CAAC,CAAC;IAEzC,OAAOC,MAAMb,IAAI,CAAC,QAAQ;AAC5B"}
+{"version":3,"sources":["../../../../src/plugins/silence-table/silence-table-model.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 type { Silence } from '@perses-dev/spec';\n\nexport type SilenceAction = 'expire';\n\nexport const ALL_SILENCE_ACTIONS: SilenceAction[] = ['expire'];\n\nexport type SortDirection = 'asc' | 'desc';\n\nexport type SilenceColumnSortMode = 'alphabetical' | 'date' | 'status';\n\nexport type SilenceFieldName =\n  | 'status'\n  | 'matchers'\n  | 'createdBy'\n  | 'startsAt'\n  | 'endsAt'\n  | 'duration'\n  | 'comment'\n  | 'updatedAt';\n\nexport interface SilenceColumnDefinition {\n  name: SilenceFieldName;\n  header?: string;\n  enableSorting?: boolean;\n  sort?: SortDirection;\n  sortMode?: SilenceColumnSortMode;\n}\n\nexport const DEFAULT_COLUMN_HEADERS: Record<SilenceFieldName, string> = {\n  status: 'Status',\n  matchers: 'Matchers',\n  createdBy: 'Creator',\n  startsAt: 'Starts At',\n  endsAt: 'Ends At',\n  duration: 'Duration',\n  comment: 'Comment',\n  updatedAt: 'Updated At',\n};\n\nexport const DEFAULT_SILENCE_COLUMNS: SilenceColumnDefinition[] = [\n  { name: 'status', sort: 'asc', sortMode: 'status' },\n  { name: 'matchers', enableSorting: false },\n  { name: 'comment' },\n];\n\nexport function inferSortMode(field: SilenceFieldName): SilenceColumnSortMode {\n  switch (field) {\n    case 'status':\n      return 'status';\n    case 'startsAt':\n    case 'endsAt':\n    case 'updatedAt':\n      return 'date';\n    default:\n      return 'alphabetical';\n  }\n}\n\nexport function getSilenceFieldValue(silence: Silence, field: SilenceFieldName): string {\n  switch (field) {\n    case 'status':\n      return silence.state;\n    case 'matchers':\n      return silence.matchers.map((m) => `${m.name}=${m.value}`).join(', ');\n    case 'createdBy':\n      return silence.createdBy;\n    case 'startsAt':\n      return silence.startsAt;\n    case 'endsAt':\n      return silence.endsAt;\n    case 'duration':\n      return getSilenceDuration(silence);\n    case 'comment':\n      return silence.comment ?? '';\n    case 'updatedAt':\n      return silence.updatedAt ?? '';\n  }\n}\n\n/**\n * Options for the SilenceTable panel plugin.\n */\nexport interface SilenceTableOptions {\n  columns?: SilenceColumnDefinition[];\n  allowedActions?: SilenceAction[];\n}\n\n/**\n * Calculate a human-readable duration string from a silence's start and end times.\n */\nexport function getSilenceDuration(silence: Silence): string {\n  const startMs = new Date(silence.startsAt).getTime();\n  const endMs = new Date(silence.endsAt).getTime();\n  const diffMs = endMs - startMs;\n  if (diffMs <= 0) return '0m';\n\n  const totalMinutes = Math.floor(diffMs / (1000 * 60));\n  const days = Math.floor(totalMinutes / (60 * 24));\n  const hours = Math.floor((totalMinutes % (60 * 24)) / 60);\n  const minutes = totalMinutes % 60;\n\n  const parts: string[] = [];\n  if (days > 0) parts.push(`${days}d`);\n  if (hours > 0) parts.push(`${hours}h`);\n  if (minutes > 0) parts.push(`${minutes}m`);\n\n  return parts.join(' ') || '0m';\n}\n"],"names":["ALL_SILENCE_ACTIONS","DEFAULT_COLUMN_HEADERS","status","matchers","createdBy","startsAt","endsAt","duration","comment","updatedAt","DEFAULT_SILENCE_COLUMNS","name","sort","sortMode","enableSorting","inferSortMode","field","getSilenceFieldValue","silence","state","map","m","value","join","getSilenceDuration","startMs","Date","getTime","endMs","diffMs","totalMinutes","Math","floor","days","hours","minutes","parts","push"],"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;AAMjC,OAAO,MAAMA,sBAAuC;IAAC;CAAS,CAAC;AAwB/D,OAAO,MAAMC,yBAA2D;IACtEC,QAAQ;IACRC,UAAU;IACVC,WAAW;IACXC,UAAU;IACVC,QAAQ;IACRC,UAAU;IACVC,SAAS;IACTC,WAAW;AACb,EAAE;AAEF,OAAO,MAAMC,0BAAqD;IAChE;QAAEC,MAAM;QAAUC,MAAM;QAAOC,UAAU;IAAS;IAClD;QAAEF,MAAM;QAAYG,eAAe;IAAM;IACzC;QAAEH,MAAM;IAAU;CACnB,CAAC;AAEF,OAAO,SAASI,cAAcC,KAAuB;IACnD,OAAQA;QACN,KAAK;YACH,OAAO;QACT,KAAK;QACL,KAAK;QACL,KAAK;YACH,OAAO;QACT;YACE,OAAO;IACX;AACF;AAEA,OAAO,SAASC,qBAAqBC,OAAgB,EAAEF,KAAuB;IAC5E,OAAQA;QACN,KAAK;YACH,OAAOE,QAAQC,KAAK;QACtB,KAAK;YACH,OAAOD,QAAQf,QAAQ,CAACiB,GAAG,CAAC,CAACC,IAAM,GAAGA,EAAEV,IAAI,CAAC,CAAC,EAAEU,EAAEC,KAAK,EAAE,EAAEC,IAAI,CAAC;QAClE,KAAK;YACH,OAAOL,QAAQd,SAAS;QAC1B,KAAK;YACH,OAAOc,QAAQb,QAAQ;QACzB,KAAK;YACH,OAAOa,QAAQZ,MAAM;QACvB,KAAK;YACH,OAAOkB,mBAAmBN;QAC5B,KAAK;YACH,OAAOA,QAAQV,OAAO,IAAI;QAC5B,KAAK;YACH,OAAOU,QAAQT,SAAS,IAAI;IAChC;AACF;AAUA;;CAEC,GACD,OAAO,SAASe,mBAAmBN,OAAgB;IACjD,MAAMO,UAAU,IAAIC,KAAKR,QAAQb,QAAQ,EAAEsB,OAAO;IAClD,MAAMC,QAAQ,IAAIF,KAAKR,QAAQZ,MAAM,EAAEqB,OAAO;IAC9C,MAAME,SAASD,QAAQH;IACvB,IAAII,UAAU,GAAG,OAAO;IAExB,MAAMC,eAAeC,KAAKC,KAAK,CAACH,SAAU,CAAA,OAAO,EAAC;IAClD,MAAMI,OAAOF,KAAKC,KAAK,CAACF,eAAgB,CAAA,KAAK,EAAC;IAC9C,MAAMI,QAAQH,KAAKC,KAAK,CAAC,AAACF,eAAgB,CAAA,KAAK,EAAC,IAAM;IACtD,MAAMK,UAAUL,eAAe;IAE/B,MAAMM,QAAkB,EAAE;IAC1B,IAAIH,OAAO,GAAGG,MAAMC,IAAI,CAAC,GAAGJ,KAAK,CAAC,CAAC;IACnC,IAAIC,QAAQ,GAAGE,MAAMC,IAAI,CAAC,GAAGH,MAAM,CAAC,CAAC;IACrC,IAAIC,UAAU,GAAGC,MAAMC,IAAI,CAAC,GAAGF,QAAQ,CAAC,CAAC;IAEzC,OAAOC,MAAMb,IAAI,CAAC,QAAQ;AAC5B"}

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

@@ -1,5 +1,5 @@
-import { Silence } from '@perses-dev/spec';
-import { SilenceColumnSortMode, SilenceFieldName, SortDirection } from './silence-table-model';
+import type { Silence } from '@perses-dev/spec';
+import type { SilenceColumnSortMode, SilenceFieldName, SortDirection } from './silence-table-model';
 export interface SilenceSortState {
     fieldName: SilenceFieldName;
     direction: SortDirection;

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

@@ -1 +1 @@
-{"version":3,"file":"silence-table-sorting.d.ts","sourceRoot":"","sources":["../../../../src/plugins/silence-table/silence-table-sorting.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,aAAa,EAAwB,MAAM,uBAAuB,CAAC;AAErH,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,gBAAgB,CAAC;IAC5B,SAAS,EAAE,aAAa,CAAC;IACzB,IAAI,EAAE,qBAAqB,CAAC;CAC7B;AAkCD,wBAAgB,uBAAuB,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,gBAAgB,GAAG,MAAM,CAmB9F"}
+{"version":3,"file":"silence-table-sorting.d.ts","sourceRoot":"","sources":["../../../../src/plugins/silence-table/silence-table-sorting.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,KAAK,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGpG,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,gBAAgB,CAAC;IAC5B,SAAS,EAAE,aAAa,CAAC;IACzB,IAAI,EAAE,qBAAqB,CAAC;CAC7B;AAkCD,wBAAgB,uBAAuB,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,gBAAgB,GAAG,MAAM,CAmB9F"}

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

@@ -10,7 +10,7 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { getSilenceFieldValue } from './silence-table-model';
+import { getSilenceFieldValue } from "./silence-table-model.js";
 const STATUS_WEIGHT = {
     active: 0,
     pending: 1,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/plugins/silence-table/silence-table-sorting.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 { Silence } from '@perses-dev/spec';\nimport { SilenceColumnSortMode, SilenceFieldName, SortDirection, getSilenceFieldValue } from './silence-table-model';\n\nexport interface SilenceSortState {\n  fieldName: SilenceFieldName;\n  direction: SortDirection;\n  mode: SilenceColumnSortMode;\n}\n\nconst STATUS_WEIGHT: Record<string, number> = {\n  active: 0,\n  pending: 1,\n  expired: 2,\n};\n\nfunction directionMultiplier(direction: SortDirection): number {\n  return direction === 'asc' ? 1 : -1;\n}\n\nfunction compareAlphabetical(a: string, b: string): number {\n  if (!a && !b) return 0;\n  if (!a) return 1;\n  if (!b) return -1;\n  return a.localeCompare(b);\n}\n\nfunction compareDate(a: string, b: string): number {\n  const ta = a ? new Date(a).getTime() : NaN;\n  const tb = b ? new Date(b).getTime() : NaN;\n  if (isNaN(ta) && isNaN(tb)) return 0;\n  if (isNaN(ta)) return 1;\n  if (isNaN(tb)) return -1;\n  return ta - tb;\n}\n\nfunction compareStatus(a: string, b: string): number {\n  const wa = STATUS_WEIGHT[a] ?? 3;\n  const wb = STATUS_WEIGHT[b] ?? 3;\n  return wa - wb;\n}\n\nexport function compareSilencesByColumn(a: Silence, b: Silence, sort: SilenceSortState): number {\n  const va = getSilenceFieldValue(a, sort.fieldName);\n  const vb = getSilenceFieldValue(b, sort.fieldName);\n  let result: number;\n\n  switch (sort.mode) {\n    case 'date':\n      result = compareDate(va, vb);\n      break;\n    case 'status':\n      result = compareStatus(va, vb);\n      break;\n    case 'alphabetical':\n    default:\n      result = compareAlphabetical(va, vb);\n      break;\n  }\n\n  return result * directionMultiplier(sort.direction);\n}\n"],"names":["getSilenceFieldValue","STATUS_WEIGHT","active","pending","expired","directionMultiplier","direction","compareAlphabetical","a","b","localeCompare","compareDate","ta","Date","getTime","NaN","tb","isNaN","compareStatus","wa","wb","compareSilencesByColumn","sort","va","fieldName","vb","result","mode"],"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,SAAiEA,oBAAoB,QAAQ,wBAAwB;AAQrH,MAAMC,gBAAwC;IAC5CC,QAAQ;IACRC,SAAS;IACTC,SAAS;AACX;AAEA,SAASC,oBAAoBC,SAAwB;IACnD,OAAOA,cAAc,QAAQ,IAAI,CAAC;AACpC;AAEA,SAASC,oBAAoBC,CAAS,EAAEC,CAAS;IAC/C,IAAI,CAACD,KAAK,CAACC,GAAG,OAAO;IACrB,IAAI,CAACD,GAAG,OAAO;IACf,IAAI,CAACC,GAAG,OAAO,CAAC;IAChB,OAAOD,EAAEE,aAAa,CAACD;AACzB;AAEA,SAASE,YAAYH,CAAS,EAAEC,CAAS;IACvC,MAAMG,KAAKJ,IAAI,IAAIK,KAAKL,GAAGM,OAAO,KAAKC;IACvC,MAAMC,KAAKP,IAAI,IAAII,KAAKJ,GAAGK,OAAO,KAAKC;IACvC,IAAIE,MAAML,OAAOK,MAAMD,KAAK,OAAO;IACnC,IAAIC,MAAML,KAAK,OAAO;IACtB,IAAIK,MAAMD,KAAK,OAAO,CAAC;IACvB,OAAOJ,KAAKI;AACd;AAEA,SAASE,cAAcV,CAAS,EAAEC,CAAS;IACzC,MAAMU,KAAKlB,aAAa,CAACO,EAAE,IAAI;IAC/B,MAAMY,KAAKnB,aAAa,CAACQ,EAAE,IAAI;IAC/B,OAAOU,KAAKC;AACd;AAEA,OAAO,SAASC,wBAAwBb,CAAU,EAAEC,CAAU,EAAEa,IAAsB;IACpF,MAAMC,KAAKvB,qBAAqBQ,GAAGc,KAAKE,SAAS;IACjD,MAAMC,KAAKzB,qBAAqBS,GAAGa,KAAKE,SAAS;IACjD,IAAIE;IAEJ,OAAQJ,KAAKK,IAAI;QACf,KAAK;YACHD,SAASf,YAAYY,IAAIE;YACzB;QACF,KAAK;YACHC,SAASR,cAAcK,IAAIE;YAC3B;QACF,KAAK;QACL;YACEC,SAASnB,oBAAoBgB,IAAIE;YACjC;IACJ;IAEA,OAAOC,SAASrB,oBAAoBiB,KAAKhB,SAAS;AACpD"}
+{"version":3,"sources":["../../../../src/plugins/silence-table/silence-table-sorting.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 type { Silence } from '@perses-dev/spec';\n\nimport type { SilenceColumnSortMode, SilenceFieldName, SortDirection } from './silence-table-model';\nimport { getSilenceFieldValue } from './silence-table-model';\n\nexport interface SilenceSortState {\n  fieldName: SilenceFieldName;\n  direction: SortDirection;\n  mode: SilenceColumnSortMode;\n}\n\nconst STATUS_WEIGHT: Record<string, number> = {\n  active: 0,\n  pending: 1,\n  expired: 2,\n};\n\nfunction directionMultiplier(direction: SortDirection): number {\n  return direction === 'asc' ? 1 : -1;\n}\n\nfunction compareAlphabetical(a: string, b: string): number {\n  if (!a && !b) return 0;\n  if (!a) return 1;\n  if (!b) return -1;\n  return a.localeCompare(b);\n}\n\nfunction compareDate(a: string, b: string): number {\n  const ta = a ? new Date(a).getTime() : NaN;\n  const tb = b ? new Date(b).getTime() : NaN;\n  if (isNaN(ta) && isNaN(tb)) return 0;\n  if (isNaN(ta)) return 1;\n  if (isNaN(tb)) return -1;\n  return ta - tb;\n}\n\nfunction compareStatus(a: string, b: string): number {\n  const wa = STATUS_WEIGHT[a] ?? 3;\n  const wb = STATUS_WEIGHT[b] ?? 3;\n  return wa - wb;\n}\n\nexport function compareSilencesByColumn(a: Silence, b: Silence, sort: SilenceSortState): number {\n  const va = getSilenceFieldValue(a, sort.fieldName);\n  const vb = getSilenceFieldValue(b, sort.fieldName);\n  let result: number;\n\n  switch (sort.mode) {\n    case 'date':\n      result = compareDate(va, vb);\n      break;\n    case 'status':\n      result = compareStatus(va, vb);\n      break;\n    case 'alphabetical':\n    default:\n      result = compareAlphabetical(va, vb);\n      break;\n  }\n\n  return result * directionMultiplier(sort.direction);\n}\n"],"names":["getSilenceFieldValue","STATUS_WEIGHT","active","pending","expired","directionMultiplier","direction","compareAlphabetical","a","b","localeCompare","compareDate","ta","Date","getTime","NaN","tb","isNaN","compareStatus","wa","wb","compareSilencesByColumn","sort","va","fieldName","vb","result","mode"],"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;AAKjC,SAASA,oBAAoB,QAAQ,2BAAwB;AAQ7D,MAAMC,gBAAwC;IAC5CC,QAAQ;IACRC,SAAS;IACTC,SAAS;AACX;AAEA,SAASC,oBAAoBC,SAAwB;IACnD,OAAOA,cAAc,QAAQ,IAAI,CAAC;AACpC;AAEA,SAASC,oBAAoBC,CAAS,EAAEC,CAAS;IAC/C,IAAI,CAACD,KAAK,CAACC,GAAG,OAAO;IACrB,IAAI,CAACD,GAAG,OAAO;IACf,IAAI,CAACC,GAAG,OAAO,CAAC;IAChB,OAAOD,EAAEE,aAAa,CAACD;AACzB;AAEA,SAASE,YAAYH,CAAS,EAAEC,CAAS;IACvC,MAAMG,KAAKJ,IAAI,IAAIK,KAAKL,GAAGM,OAAO,KAAKC;IACvC,MAAMC,KAAKP,IAAI,IAAII,KAAKJ,GAAGK,OAAO,KAAKC;IACvC,IAAIE,MAAML,OAAOK,MAAMD,KAAK,OAAO;IACnC,IAAIC,MAAML,KAAK,OAAO;IACtB,IAAIK,MAAMD,KAAK,OAAO,CAAC;IACvB,OAAOJ,KAAKI;AACd;AAEA,SAASE,cAAcV,CAAS,EAAEC,CAAS;IACzC,MAAMU,KAAKlB,aAAa,CAACO,EAAE,IAAI;IAC/B,MAAMY,KAAKnB,aAAa,CAACQ,EAAE,IAAI;IAC/B,OAAOU,KAAKC;AACd;AAEA,OAAO,SAASC,wBAAwBb,CAAU,EAAEC,CAAU,EAAEa,IAAsB;IACpF,MAAMC,KAAKvB,qBAAqBQ,GAAGc,KAAKE,SAAS;IACjD,MAAMC,KAAKzB,qBAAqBS,GAAGa,KAAKE,SAAS;IACjD,IAAIE;IAEJ,OAAQJ,KAAKK,IAAI;QACf,KAAK;YACHD,SAASf,YAAYY,IAAIE;YACzB;QACF,KAAK;YACHC,SAASR,cAAcK,IAAIE;YAC3B;QACF,KAAK;QACL;YACEC,SAASnB,oBAAoBgB,IAAIE;YACjC;IACJ;IAEA,OAAOC,SAASrB,oBAAoBiB,KAAKhB,SAAS;AACpD"}

package/lib/plugins/types.d.ts

@@ -1,6 +1,6 @@
-import { HTTPProxy } from '@perses-dev/spec';
-import { DatasourceSelectValue } from '@perses-dev/plugin-system';
-import { AlertManagerDatasourceSelector } from '../model/alertmanager-selectors';
+import type { DatasourceSelectValue } from '@perses-dev/plugin-system';
+import type { HTTPProxy } from '@perses-dev/spec';
+import type { AlertManagerDatasourceSelector } from '../model/alertmanager-selectors';
 /**
  * Datasource spec for the Alert Manager datasource plugin.
  */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/plugins/types.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,8BAA8B,EAAE,MAAM,iCAAiC,CAAC;AAEjF;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C,UAAU,CAAC,EAAE,qBAAqB,CAAC,8BAA8B,CAAC,CAAC;IACnE,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,6BAA6B;IAC5C,UAAU,CAAC,EAAE,qBAAqB,CAAC,8BAA8B,CAAC,CAAC;IACnE,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/plugins/types.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,iCAAiC,CAAC;AAEtF;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C,UAAU,CAAC,EAAE,qBAAqB,CAAC,8BAA8B,CAAC,CAAC;IACnE,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,6BAA6B;IAC5C,UAAU,CAAC,EAAE,qBAAqB,CAAC,8BAA8B,CAAC,CAAC;IACnE,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB"}

package/lib/plugins/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/plugins/types.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 { HTTPProxy } from '@perses-dev/spec';\nimport { DatasourceSelectValue } from '@perses-dev/plugin-system';\nimport { AlertManagerDatasourceSelector } from '../model/alertmanager-selectors';\n\n/**\n * Datasource spec for the Alert Manager datasource plugin.\n */\nexport interface AlertManagerDatasourceSpec {\n  directUrl?: string;\n  proxy?: HTTPProxy;\n}\n\n/**\n * Query spec for the Alert Manager alerts query plugin.\n */\nexport interface AlertManagerAlertsQuerySpec {\n  datasource?: DatasourceSelectValue<AlertManagerDatasourceSelector>;\n  filters?: string[];\n  active?: boolean;\n  silenced?: boolean;\n  inhibited?: boolean;\n  unprocessed?: boolean;\n  receiver?: string;\n}\n\n/**\n * Query spec for the Alert Manager silences query plugin.\n */\nexport interface AlertManagerSilencesQuerySpec {\n  datasource?: DatasourceSelectValue<AlertManagerDatasourceSelector>;\n  filters?: string[];\n}\n"],"names":[],"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;AA2BjC;;CAEC,GACD,WAGC"}
+{"version":3,"sources":["../../../src/plugins/types.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 type { DatasourceSelectValue } from '@perses-dev/plugin-system';\nimport type { HTTPProxy } from '@perses-dev/spec';\n\nimport type { AlertManagerDatasourceSelector } from '../model/alertmanager-selectors';\n\n/**\n * Datasource spec for the Alert Manager datasource plugin.\n */\nexport interface AlertManagerDatasourceSpec {\n  directUrl?: string;\n  proxy?: HTTPProxy;\n}\n\n/**\n * Query spec for the Alert Manager alerts query plugin.\n */\nexport interface AlertManagerAlertsQuerySpec {\n  datasource?: DatasourceSelectValue<AlertManagerDatasourceSelector>;\n  filters?: string[];\n  active?: boolean;\n  silenced?: boolean;\n  inhibited?: boolean;\n  unprocessed?: boolean;\n  receiver?: string;\n}\n\n/**\n * Query spec for the Alert Manager silences query plugin.\n */\nexport interface AlertManagerSilencesQuerySpec {\n  datasource?: DatasourceSelectValue<AlertManagerDatasourceSelector>;\n  filters?: string[];\n}\n"],"names":[],"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;AA4BjC;;CAEC,GACD,WAGC"}

package/lib/setup-tests.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom/vitest';
 //# sourceMappingURL=setup-tests.d.ts.map

package/lib/setup-tests.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"setup-tests.d.ts","sourceRoot":"","sources":["../../src/setup-tests.ts"],"names":[],"mappings":"AAaA,OAAO,2BAA2B,CAAC"}
+{"version":3,"file":"setup-tests.d.ts","sourceRoot":"","sources":["../../src/setup-tests.ts"],"names":[],"mappings":"AAaA,OAAO,kCAAkC,CAAC"}

package/lib/setup-tests.js

@@ -10,7 +10,7 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import '@testing-library/jest-dom';
-jest.mock('echarts/core');
+import "@testing-library/jest-dom/vitest";
+vi.mock('echarts/core');
 
 //# sourceMappingURL=setup-tests.js.map