@perses-dev/timeseries-table-plugin 0.11.0-beta.0 → 0.11.0

package/lib/components/DataTable.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-// Copyright 2024 The Perses Authors
+// Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
 // You may obtain a copy of the License at
@@ -11,11 +11,25 @@ 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 { useMemo } from 'react';
-import { Alert, Box, Stack, Table, TableBody, TableCell, TableHead, TableRow, Typography } from '@mui/material';
-import { SeriesName } from './SeriesName';
+import { Alert, Box, Checkbox, Stack, Table, TableBody, TableCell, TableHead, TableRow, Typography } from '@mui/material';
+import { useSelection } from '@perses-dev/components';
+import { useSelectionItemActions } from '@perses-dev/dashboards';
+import { useAllVariableValues } from '@perses-dev/plugin-system';
+import { useCallback, useMemo } from 'react';
 import { EmbeddedPanel } from './EmbeddedPanel';
+import { SeriesName } from './SeriesName';
 const MAX_FORMATTABLE_SERIES = 1000;
+/**
+ * Build row data object from a TimeSeries, including all labels and value
+ */ function buildRowData(ts) {
+    return {
+        ...ts.labels,
+        name: ts.name,
+        formattedName: ts.formattedName,
+        value: ts.values?.[0]?.[1],
+        timestamp: ts.values?.[0]?.[0]
+    };
+}
 /**
  * Designed to display timeseries data in a prometheus like table format.
  * The first column will contain the metric name and label combination, and the second column will contain the values.
@@ -23,15 +37,73 @@ const MAX_FORMATTABLE_SERIES = 1000;
  * https://github.com/prometheus/prometheus/blob/2524a915915d7eb1b1207152d2e0ce5771193404/web/ui/react-app/src/pages/graph/DataTable.tsx
  * @param result timeseries query result
  * @constructor
- */ export const DataTable = ({ queryResults })=>{
+ */ export const DataTable = ({ queryResults, spec })=>{
+    const allVariables = useAllVariableValues();
     const series = useMemo(()=>queryResults.flatMap((d)=>d.data).flatMap((d)=>d?.series || []), [
         queryResults
     ]);
-    const rows = useMemo(()=>buildRows(series, queryResults), [
+    const selectionEnabled = spec.selection?.enabled ?? false;
+    const { selectionMap, setSelection, clearSelection, toggleSelection } = useSelection();
+    const itemActionsConfig = spec.actions ? spec.actions : undefined;
+    const itemActionsListConfig = useMemo(()=>itemActionsConfig?.enabled && itemActionsConfig.displayWithItem ? itemActionsConfig.actionsList : [], [
+        itemActionsConfig?.enabled,
+        itemActionsConfig?.displayWithItem,
+        itemActionsConfig?.actionsList
+    ]);
+    const { getItemActionButtons, confirmDialog, actionButtons } = useSelectionItemActions({
+        actions: itemActionsListConfig,
+        variableState: allVariables
+    });
+    const hasItemActions = actionButtons && actionButtons.length > 0;
+    const allSelected = useMemo(()=>{
+        if (series.length === 0) return false;
+        return series.every((_, idx)=>selectionMap.has(idx.toString()));
+    }, [
+        series,
+        selectionMap
+    ]);
+    // Check if some (but not all) series are selected
+    const someSelected = useMemo(()=>{
+        if (series.length === 0) return false;
+        const selectedCount = series.filter((_, idx)=>selectionMap.has(idx.toString())).length;
+        return selectedCount > 0 && selectedCount < series.length;
+    }, [
         series,
-        queryResults
+        selectionMap
+    ]);
+    const handleSelectAll = useCallback(()=>{
+        if (allSelected) {
+            clearSelection();
+        } else {
+            const allItems = series.map((ts, idx)=>({
+                    id: idx.toString(),
+                    item: buildRowData(ts)
+                }));
+            setSelection(allItems);
+        }
+    }, [
+        allSelected,
+        series,
+        setSelection,
+        clearSelection
     ]);
-    if (!queryResults || !rows?.length) {
+    const handleRowSelectionToggle = useCallback((ts, seriesIdx)=>{
+        const rowData = buildRowData(ts);
+        toggleSelection(rowData, seriesIdx.toString());
+    }, [
+        toggleSelection
+    ]);
+    // Memoize row data for stable references
+    const rowsData = useMemo(()=>{
+        return series.map((ts, idx)=>({
+                ts,
+                idx,
+                rowData: buildRowData(ts)
+            }));
+    }, [
+        series
+    ]);
+    if (!queryResults || !series?.length) {
         return /*#__PURE__*/ _jsx(Box, {
             sx: {
                 display: 'flex',
@@ -46,6 +118,7 @@ const MAX_FORMATTABLE_SERIES = 1000;
     }
     return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
+            confirmDialog,
             series.length >= MAX_FORMATTABLE_SERIES && /*#__PURE__*/ _jsxs(Alert, {
                 severity: "warning",
                 children: [
@@ -54,108 +127,152 @@ const MAX_FORMATTABLE_SERIES = 1000;
                     " series, turning off label formatting for performance reasons."
                 ]
             }),
-            /*#__PURE__*/ _jsx(Table, {
+            /*#__PURE__*/ _jsxs(Table, {
                 className: "data-table",
-                children: /*#__PURE__*/ _jsx(TableBody, {
-                    children: rows
-                })
-            })
-        ]
-    });
-};
-function buildRows(series, queryResults) {
-    const isFormatted = series.length < MAX_FORMATTABLE_SERIES; // only format series names if we have less than 1000 series for performance reasons
-    return series.map((s, seriesIdx)=>{
-        const displayTimeStamps = (s.values?.length ?? 0) > 1;
-        const valuesAndTimes = s.values ? s.values.map((v, valIdx)=>{
-            return /*#__PURE__*/ _jsxs(Typography, {
                 children: [
-                    v[1],
-                    " ",
-                    displayTimeStamps && /*#__PURE__*/ _jsxs("span", {
-                        children: [
-                            "@",
-                            v[0]
-                        ]
-                    })
-                ]
-            }, valIdx);
-        }) : [];
-        let histogramsAndTimes = null;
-        if (s.histograms && s.histograms.length > 0) {
-            // Query results contains multiple series, create a new query result with only the current series
-            const seriesQueryResult = {
-                ...queryResults[0],
-                data: {
-                    ...queryResults[0].data,
-                    series: [
-                        queryResults[0].data.series[seriesIdx]
-                    ]
-                }
-            };
-            histogramsAndTimes = s.histograms.map((h, hisIdx)=>{
-                return /*#__PURE__*/ _jsxs(Stack, {
-                    alignItems: "center",
-                    children: [
-                        /*#__PURE__*/ _jsx(Box, {
-                            width: 400,
-                            height: 200,
-                            children: /*#__PURE__*/ _jsx(EmbeddedPanel, {
-                                kind: "HistogramChart",
-                                spec: {
-                                    unit: 'decimal',
-                                    width: 400,
-                                    height: 200
-                                },
-                                queryResults: [
-                                    seriesQueryResult
-                                ]
-                            })
-                        }),
-                        /*#__PURE__*/ _jsxs(Stack, {
-                            flexDirection: "row",
-                            justifyContent: "space-between",
-                            width: "100%",
+                    selectionEnabled && series.length > 0 && /*#__PURE__*/ _jsx(TableHead, {
+                        children: /*#__PURE__*/ _jsxs(TableRow, {
                             children: [
-                                /*#__PURE__*/ _jsxs(Typography, {
-                                    children: [
-                                        "Total count: ",
-                                        h[1].count
-                                    ]
+                                /*#__PURE__*/ _jsx(TableCell, {
+                                    padding: "checkbox",
+                                    children: /*#__PURE__*/ _jsx(Checkbox, {
+                                        indeterminate: someSelected,
+                                        checked: allSelected,
+                                        onChange: handleSelectAll,
+                                        inputProps: {
+                                            'aria-label': 'select all series'
+                                        }
+                                    })
                                 }),
-                                /*#__PURE__*/ _jsxs(Typography, {
-                                    children: [
-                                        "Sum: ",
-                                        h[1].sum
-                                    ]
+                                /*#__PURE__*/ _jsx(TableCell, {
+                                    children: "Series"
+                                }),
+                                /*#__PURE__*/ _jsx(TableCell, {
+                                    children: "Value"
+                                }),
+                                hasItemActions && /*#__PURE__*/ _jsx(TableCell, {
+                                    children: "Actions"
                                 })
                             ]
-                        }),
-                        histogramTable(h[1])
-                    ]
-                }, -hisIdx);
-            });
-        }
-        return /*#__PURE__*/ _jsxs(TableRow, {
-            style: {
-                whiteSpace: 'pre'
-            },
-            children: [
-                /*#__PURE__*/ _jsx(TableCell, {
-                    children: /*#__PURE__*/ _jsx(SeriesName, {
-                        name: s.name,
-                        formattedName: s.formattedName,
-                        labels: s.labels,
-                        isFormatted: isFormatted
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(TableBody, {
+                        children: rowsData.map(({ ts, idx, rowData })=>{
+                            const displayTimeStamps = (ts.values?.length ?? 0) > 1;
+                            const valuesAndTimes = ts.values ? ts.values.map((v, valIdx)=>/*#__PURE__*/ _jsxs(Typography, {
+                                    children: [
+                                        v[1],
+                                        " ",
+                                        displayTimeStamps && /*#__PURE__*/ _jsxs("span", {
+                                            children: [
+                                                "@",
+                                                v[0]
+                                            ]
+                                        })
+                                    ]
+                                }, valIdx)) : [];
+                            let histogramsAndTimes = null;
+                            if (ts.histograms && ts.histograms.length > 0) {
+                                const seriesQueryResult = {
+                                    ...queryResults[0],
+                                    data: {
+                                        ...queryResults[0].data,
+                                        series: [
+                                            queryResults[0].data.series[idx]
+                                        ]
+                                    }
+                                };
+                                histogramsAndTimes = ts.histograms.map((h, hisIdx)=>/*#__PURE__*/ _jsxs(Stack, {
+                                        alignItems: "center",
+                                        children: [
+                                            /*#__PURE__*/ _jsx(Box, {
+                                                width: 400,
+                                                height: 200,
+                                                children: /*#__PURE__*/ _jsx(EmbeddedPanel, {
+                                                    kind: "HistogramChart",
+                                                    spec: {
+                                                        unit: 'decimal',
+                                                        width: 400,
+                                                        height: 200
+                                                    },
+                                                    queryResults: [
+                                                        seriesQueryResult
+                                                    ]
+                                                })
+                                            }),
+                                            /*#__PURE__*/ _jsxs(Stack, {
+                                                flexDirection: "row",
+                                                justifyContent: "space-between",
+                                                width: "100%",
+                                                children: [
+                                                    /*#__PURE__*/ _jsxs(Typography, {
+                                                        children: [
+                                                            "Total count: ",
+                                                            h[1].count
+                                                        ]
+                                                    }),
+                                                    /*#__PURE__*/ _jsxs(Typography, {
+                                                        children: [
+                                                            "Sum: ",
+                                                            h[1].sum
+                                                        ]
+                                                    })
+                                                ]
+                                            }),
+                                            histogramTable(h[1])
+                                        ]
+                                    }, -hisIdx));
+                            }
+                            const rowId = idx.toString();
+                            const isSelected = selectionMap.has(rowId);
+                            const isFormatted = series.length < MAX_FORMATTABLE_SERIES;
+                            return /*#__PURE__*/ _jsxs(TableRow, {
+                                style: {
+                                    whiteSpace: 'pre'
+                                },
+                                children: [
+                                    selectionEnabled && /*#__PURE__*/ _jsx(TableCell, {
+                                        padding: "checkbox",
+                                        children: /*#__PURE__*/ _jsx(Checkbox, {
+                                            checked: isSelected,
+                                            onChange: ()=>handleRowSelectionToggle(ts, idx),
+                                            inputProps: {
+                                                'aria-label': `select series ${idx}`
+                                            }
+                                        })
+                                    }),
+                                    /*#__PURE__*/ _jsx(TableCell, {
+                                        children: /*#__PURE__*/ _jsx(SeriesName, {
+                                            name: ts.name,
+                                            formattedName: ts.formattedName,
+                                            labels: ts.labels,
+                                            isFormatted: isFormatted
+                                        })
+                                    }),
+                                    /*#__PURE__*/ _jsx(TableCell, {
+                                        children: ts.histograms ? histogramsAndTimes : valuesAndTimes
+                                    }),
+                                    hasItemActions && /*#__PURE__*/ _jsx(TableCell, {
+                                        children: /*#__PURE__*/ _jsx(Box, {
+                                            sx: {
+                                                display: 'flex',
+                                                gap: 1
+                                            },
+                                            children: getItemActionButtons({
+                                                id: rowId,
+                                                data: rowData
+                                            })
+                                        })
+                                    })
+                                ]
+                            }, idx);
+                        })
                     })
-                }),
-                /*#__PURE__*/ _jsx(TableCell, {
-                    children: s.histograms ? histogramsAndTimes : valuesAndTimes
-                })
-            ]
-        }, seriesIdx);
+                ]
+            })
+        ]
     });
-}
+};
 const leftDelim = (br)=>br === 3 || br === 1 ? '[' : '(';
 const rightDelim = (br)=>br === 3 || br === 0 ? ']' : ')';
 export const bucketRangeString = ([boundaryRule, leftBoundary, rightBoundary])=>{

package/lib/components/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/DataTable.tsx"],"sourcesContent":["// Copyright 2024 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { ReactElement, ReactNode, useMemo } from 'react';\nimport { Alert, Box, Stack, Table, TableBody, TableCell, TableHead, TableRow, Typography } from '@mui/material';\nimport { TimeSeries, TimeSeriesData, BucketTuple, TimeSeriesHistogramTuple, HistogramValue } from '@perses-dev/core';\nimport { PanelData } from '@perses-dev/plugin-system';\nimport { SeriesName } from './SeriesName';\nimport { EmbeddedPanel } from './EmbeddedPanel';\n\nconst MAX_FORMATTABLE_SERIES = 1000;\n\nexport interface DataTableProps {\n  queryResults: Array<PanelData<TimeSeriesData>>;\n}\n\n/**\n * Designed to display timeseries data in a prometheus like table format.\n * The first column will contain the metric name and label combination, and the second column will contain the values.\n * This is inspired by prometheus DataTable.\n * https://github.com/prometheus/prometheus/blob/2524a915915d7eb1b1207152d2e0ce5771193404/web/ui/react-app/src/pages/graph/DataTable.tsx\n * @param result timeseries query result\n * @constructor\n */\nexport const DataTable = ({ queryResults }: DataTableProps): ReactElement | null => {\n  const series = useMemo(() => queryResults.flatMap((d) => d.data).flatMap((d) => d?.series || []), [queryResults]);\n  const rows = useMemo(() => buildRows(series, queryResults), [series, queryResults]);\n\n  if (!queryResults || !rows?.length) {\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          height: '100%',\n        }}\n      >\n        <Typography>No data</Typography>\n      </Box>\n    );\n  }\n\n  return (\n    <>\n      {series.length >= MAX_FORMATTABLE_SERIES && (\n        <Alert severity=\"warning\">\n          Showing more than {MAX_FORMATTABLE_SERIES} series, turning off label formatting for performance reasons.\n        </Alert>\n      )}\n      <Table className=\"data-table\">\n        <TableBody>{rows}</TableBody>\n      </Table>\n    </>\n  );\n};\n\nfunction buildRows(series: TimeSeries[], queryResults: Array<PanelData<TimeSeriesData>>): ReactNode[] {\n  const isFormatted = series.length < MAX_FORMATTABLE_SERIES; // only format series names if we have less than 1000 series for performance reasons\n  return series.map((s, seriesIdx) => {\n    const displayTimeStamps = (s.values?.length ?? 0) > 1;\n    const valuesAndTimes = s.values\n      ? s.values.map((v, valIdx) => {\n          return (\n            <Typography key={valIdx}>\n              {v[1]} {displayTimeStamps && <span>@{v[0]}</span>}\n            </Typography>\n          );\n        })\n      : [];\n\n    let histogramsAndTimes = null;\n    if (s.histograms && s.histograms.length > 0) {\n      // Query results contains multiple series, create a new query result with only the current series\n      const seriesQueryResult: PanelData<TimeSeriesData> = {\n        ...queryResults[0]!,\n        data: {\n          ...queryResults[0]!.data,\n          series: [queryResults[0]!.data.series[seriesIdx]!],\n        },\n      };\n\n      histogramsAndTimes = s.histograms.map((h: TimeSeriesHistogramTuple, hisIdx: number) => {\n        return (\n          <Stack alignItems=\"center\" key={-hisIdx}>\n            <Box width={400} height={200}>\n              <EmbeddedPanel\n                kind=\"HistogramChart\"\n                spec={{ unit: 'decimal', width: 400, height: 200 }}\n                queryResults={[seriesQueryResult]}\n              />\n            </Box>\n            <Stack flexDirection=\"row\" justifyContent=\"space-between\" width=\"100%\">\n              <Typography>Total count: {h[1].count}</Typography>\n              <Typography>Sum: {h[1].sum}</Typography>\n            </Stack>\n            {histogramTable(h[1])}\n          </Stack>\n        );\n      });\n    }\n    return (\n      <TableRow style={{ whiteSpace: 'pre' }} key={seriesIdx}>\n        <TableCell>\n          <SeriesName name={s.name} formattedName={s.formattedName} labels={s.labels} isFormatted={isFormatted} />\n        </TableCell>\n        <TableCell>{s.histograms ? histogramsAndTimes : valuesAndTimes}</TableCell>\n      </TableRow>\n    );\n  });\n}\n\nconst leftDelim = (br: number): string => (br === 3 || br === 1 ? '[' : '(');\nconst rightDelim = (br: number): string => (br === 3 || br === 0 ? ']' : ')');\n\nexport const bucketRangeString = ([boundaryRule, leftBoundary, rightBoundary]: [\n  number,\n  string,\n  string,\n  string,\n]): string => {\n  return `${leftDelim(boundaryRule)}${leftBoundary} -> ${rightBoundary}${rightDelim(boundaryRule)}`;\n};\n\nexport const histogramTable = (h: HistogramValue): ReactNode => (\n  <Table>\n    <TableHead>\n      <TableRow>\n        <TableCell style={{ textAlign: 'center' }} colSpan={2}>\n          Histogram Sample\n        </TableCell>\n      </TableRow>\n    </TableHead>\n    <TableBody>\n      <TableRow>\n        <TableCell>Range</TableCell>\n        <TableCell>Count</TableCell>\n      </TableRow>\n      {h.buckets?.map((b: BucketTuple, i: number) => (\n        <TableRow key={i}>\n          <TableCell>{bucketRangeString(b)}</TableCell>\n          <TableCell>{b[3]}</TableCell>\n        </TableRow>\n      ))}\n    </TableBody>\n  </Table>\n);\n"],"names":["useMemo","Alert","Box","Stack","Table","TableBody","TableCell","TableHead","TableRow","Typography","SeriesName","EmbeddedPanel","MAX_FORMATTABLE_SERIES","DataTable","queryResults","series","flatMap","d","data","rows","buildRows","length","sx","display","justifyContent","alignItems","height","severity","className","isFormatted","map","s","seriesIdx","displayTimeStamps","values","valuesAndTimes","v","valIdx","span","histogramsAndTimes","histograms","seriesQueryResult","h","hisIdx","width","kind","spec","unit","flexDirection","count","sum","histogramTable","style","whiteSpace","name","formattedName","labels","leftDelim","br","rightDelim","bucketRangeString","boundaryRule","leftBoundary","rightBoundary","textAlign","colSpan","buckets","b","i"],"mappings":";AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAAkCA,OAAO,QAAQ,QAAQ;AACzD,SAASC,KAAK,EAAEC,GAAG,EAAEC,KAAK,EAAEC,KAAK,EAAEC,SAAS,EAAEC,SAAS,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,gBAAgB;AAGhH,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,aAAa,QAAQ,kBAAkB;AAEhD,MAAMC,yBAAyB;AAM/B;;;;;;;CAOC,GACD,OAAO,MAAMC,YAAY,CAAC,EAAEC,YAAY,EAAkB;IACxD,MAAMC,SAASf,QAAQ,IAAMc,aAAaE,OAAO,CAAC,CAACC,IAAMA,EAAEC,IAAI,EAAEF,OAAO,CAAC,CAACC,IAAMA,GAAGF,UAAU,EAAE,GAAG;QAACD;KAAa;IAChH,MAAMK,OAAOnB,QAAQ,IAAMoB,UAAUL,QAAQD,eAAe;QAACC;QAAQD;KAAa;IAElF,IAAI,CAACA,gBAAgB,CAACK,MAAME,QAAQ;QAClC,qBACE,KAACnB;YACCoB,IAAI;gBACFC,SAAS;gBACTC,gBAAgB;gBAChBC,YAAY;gBACZC,QAAQ;YACV;sBAEA,cAAA,KAACjB;0BAAW;;;IAGlB;IAEA,qBACE;;YACGM,OAAOM,MAAM,IAAIT,wCAChB,MAACX;gBAAM0B,UAAS;;oBAAU;oBACLf;oBAAuB;;;0BAG9C,KAACR;gBAAMwB,WAAU;0BACf,cAAA,KAACvB;8BAAWc;;;;;AAIpB,EAAE;AAEF,SAASC,UAAUL,MAAoB,EAAED,YAA8C;IACrF,MAAMe,cAAcd,OAAOM,MAAM,GAAGT,wBAAwB,oFAAoF;IAChJ,OAAOG,OAAOe,GAAG,CAAC,CAACC,GAAGC;QACpB,MAAMC,oBAAoB,AAACF,CAAAA,EAAEG,MAAM,EAAEb,UAAU,CAAA,IAAK;QACpD,MAAMc,iBAAiBJ,EAAEG,MAAM,GAC3BH,EAAEG,MAAM,CAACJ,GAAG,CAAC,CAACM,GAAGC;YACf,qBACE,MAAC5B;;oBACE2B,CAAC,CAAC,EAAE;oBAAC;oBAAEH,mCAAqB,MAACK;;4BAAK;4BAAEF,CAAC,CAAC,EAAE;;;;eAD1BC;QAIrB,KACA,EAAE;QAEN,IAAIE,qBAAqB;QACzB,IAAIR,EAAES,UAAU,IAAIT,EAAES,UAAU,CAACnB,MAAM,GAAG,GAAG;YAC3C,iGAAiG;YACjG,MAAMoB,oBAA+C;gBACnD,GAAG3B,YAAY,CAAC,EAAE;gBAClBI,MAAM;oBACJ,GAAGJ,YAAY,CAAC,EAAE,CAAEI,IAAI;oBACxBH,QAAQ;wBAACD,YAAY,CAAC,EAAE,CAAEI,IAAI,CAACH,MAAM,CAACiB,UAAU;qBAAE;gBACpD;YACF;YAEAO,qBAAqBR,EAAES,UAAU,CAACV,GAAG,CAAC,CAACY,GAA6BC;gBAClE,qBACE,MAACxC;oBAAMsB,YAAW;;sCAChB,KAACvB;4BAAI0C,OAAO;4BAAKlB,QAAQ;sCACvB,cAAA,KAACf;gCACCkC,MAAK;gCACLC,MAAM;oCAAEC,MAAM;oCAAWH,OAAO;oCAAKlB,QAAQ;gCAAI;gCACjDZ,cAAc;oCAAC2B;iCAAkB;;;sCAGrC,MAACtC;4BAAM6C,eAAc;4BAAMxB,gBAAe;4BAAgBoB,OAAM;;8CAC9D,MAACnC;;wCAAW;wCAAciC,CAAC,CAAC,EAAE,CAACO,KAAK;;;8CACpC,MAACxC;;wCAAW;wCAAMiC,CAAC,CAAC,EAAE,CAACQ,GAAG;;;;;wBAE3BC,eAAeT,CAAC,CAAC,EAAE;;mBAZU,CAACC;YAerC;QACF;QACA,qBACE,MAACnC;YAAS4C,OAAO;gBAAEC,YAAY;YAAM;;8BACnC,KAAC/C;8BACC,cAAA,KAACI;wBAAW4C,MAAMvB,EAAEuB,IAAI;wBAAEC,eAAexB,EAAEwB,aAAa;wBAAEC,QAAQzB,EAAEyB,MAAM;wBAAE3B,aAAaA;;;8BAE3F,KAACvB;8BAAWyB,EAAES,UAAU,GAAGD,qBAAqBJ;;;WAJLH;IAOjD;AACF;AAEA,MAAMyB,YAAY,CAACC,KAAwBA,OAAO,KAAKA,OAAO,IAAI,MAAM;AACxE,MAAMC,aAAa,CAACD,KAAwBA,OAAO,KAAKA,OAAO,IAAI,MAAM;AAEzE,OAAO,MAAME,oBAAoB,CAAC,CAACC,cAAcC,cAAcC,cAK9D;IACC,OAAO,GAAGN,UAAUI,gBAAgBC,aAAa,IAAI,EAAEC,gBAAgBJ,WAAWE,eAAe;AACnG,EAAE;AAEF,OAAO,MAAMV,iBAAiB,CAACT,kBAC7B,MAACtC;;0BACC,KAACG;0BACC,cAAA,KAACC;8BACC,cAAA,KAACF;wBAAU8C,OAAO;4BAAEY,WAAW;wBAAS;wBAAGC,SAAS;kCAAG;;;;0BAK3D,MAAC5D;;kCACC,MAACG;;0CACC,KAACF;0CAAU;;0CACX,KAACA;0CAAU;;;;oBAEZoC,EAAEwB,OAAO,EAAEpC,IAAI,CAACqC,GAAgBC,kBAC/B,MAAC5D;;8CACC,KAACF;8CAAWsD,kBAAkBO;;8CAC9B,KAAC7D;8CAAW6D,CAAC,CAAC,EAAE;;;2BAFHC;;;;OAOrB"}
+{"version":3,"sources":["../../../src/components/DataTable.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  Alert,\n  Box,\n  Checkbox,\n  Stack,\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableRow,\n  Typography,\n} from '@mui/material';\nimport { useSelection } from '@perses-dev/components';\nimport { BucketTuple, HistogramValue, TimeSeries, TimeSeriesData, TimeSeriesHistogramTuple } from '@perses-dev/core';\nimport { useSelectionItemActions } from '@perses-dev/dashboards';\nimport { ActionOptions, PanelData, useAllVariableValues } from '@perses-dev/plugin-system';\nimport { ReactElement, ReactNode, useCallback, useMemo } from 'react';\nimport { TimeSeriesTableOptions } from '../model';\nimport { EmbeddedPanel } from './EmbeddedPanel';\nimport { SeriesName } from './SeriesName';\n\nconst MAX_FORMATTABLE_SERIES = 1000;\n\nexport interface DataTableProps {\n  queryResults: Array<PanelData<TimeSeriesData>>;\n  spec: TimeSeriesTableOptions;\n}\n\n/**\n * Build row data object from a TimeSeries, including all labels and value\n */\nfunction buildRowData(ts: TimeSeries): Record<string, unknown> {\n  return {\n    ...ts.labels,\n    name: ts.name,\n    formattedName: ts.formattedName,\n    value: ts.values?.[0]?.[1],\n    timestamp: ts.values?.[0]?.[0],\n  };\n}\n\n/**\n * Designed to display timeseries data in a prometheus like table format.\n * The first column will contain the metric name and label combination, and the second column will contain the values.\n * This is inspired by prometheus DataTable.\n * https://github.com/prometheus/prometheus/blob/2524a915915d7eb1b1207152d2e0ce5771193404/web/ui/react-app/src/pages/graph/DataTable.tsx\n * @param result timeseries query result\n * @constructor\n */\nexport const DataTable = ({ queryResults, spec }: DataTableProps): ReactElement | null => {\n  const allVariables = useAllVariableValues();\n  const series = useMemo(() => queryResults.flatMap((d) => d.data).flatMap((d) => d?.series || []), [queryResults]);\n\n  const selectionEnabled = spec.selection?.enabled ?? false;\n  const { selectionMap, setSelection, clearSelection, toggleSelection } = useSelection<\n    Record<string, unknown>,\n    string\n  >();\n\n  const itemActionsConfig = spec.actions ? (spec.actions as ActionOptions) : undefined;\n  const itemActionsListConfig = useMemo(\n    () => (itemActionsConfig?.enabled && itemActionsConfig.displayWithItem ? itemActionsConfig.actionsList : []),\n    [itemActionsConfig?.enabled, itemActionsConfig?.displayWithItem, itemActionsConfig?.actionsList]\n  );\n\n  const { getItemActionButtons, confirmDialog, actionButtons } = useSelectionItemActions({\n    actions: itemActionsListConfig,\n    variableState: allVariables,\n  });\n\n  const hasItemActions = actionButtons && actionButtons.length > 0;\n\n  const allSelected = useMemo(() => {\n    if (series.length === 0) return false;\n    return series.every((_, idx) => selectionMap.has(idx.toString()));\n  }, [series, selectionMap]);\n\n  // Check if some (but not all) series are selected\n  const someSelected = useMemo(() => {\n    if (series.length === 0) return false;\n    const selectedCount = series.filter((_, idx) => selectionMap.has(idx.toString())).length;\n    return selectedCount > 0 && selectedCount < series.length;\n  }, [series, selectionMap]);\n\n  const handleSelectAll = useCallback(() => {\n    if (allSelected) {\n      clearSelection();\n    } else {\n      const allItems = series.map((ts, idx) => ({\n        id: idx.toString(),\n        item: buildRowData(ts),\n      }));\n      setSelection(allItems);\n    }\n  }, [allSelected, series, setSelection, clearSelection]);\n\n  const handleRowSelectionToggle = useCallback(\n    (ts: TimeSeries, seriesIdx: number) => {\n      const rowData = buildRowData(ts);\n      toggleSelection(rowData, seriesIdx.toString());\n    },\n    [toggleSelection]\n  );\n\n  // Memoize row data for stable references\n  const rowsData = useMemo(() => {\n    return series.map((ts, idx) => ({\n      ts,\n      idx,\n      rowData: buildRowData(ts),\n    }));\n  }, [series]);\n\n  if (!queryResults || !series?.length) {\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          height: '100%',\n        }}\n      >\n        <Typography>No data</Typography>\n      </Box>\n    );\n  }\n\n  return (\n    <>\n      {confirmDialog}\n      {series.length >= MAX_FORMATTABLE_SERIES && (\n        <Alert severity=\"warning\">\n          Showing more than {MAX_FORMATTABLE_SERIES} series, turning off label formatting for performance reasons.\n        </Alert>\n      )}\n      <Table className=\"data-table\">\n        {selectionEnabled && series.length > 0 && (\n          <TableHead>\n            <TableRow>\n              <TableCell padding=\"checkbox\">\n                <Checkbox\n                  indeterminate={someSelected}\n                  checked={allSelected}\n                  onChange={handleSelectAll}\n                  inputProps={{ 'aria-label': 'select all series' }}\n                />\n              </TableCell>\n              <TableCell>Series</TableCell>\n              <TableCell>Value</TableCell>\n              {hasItemActions && <TableCell>Actions</TableCell>}\n            </TableRow>\n          </TableHead>\n        )}\n        <TableBody>\n          {rowsData.map(({ ts, idx, rowData }) => {\n            const displayTimeStamps = (ts.values?.length ?? 0) > 1;\n            const valuesAndTimes = ts.values\n              ? ts.values.map((v, valIdx) => (\n                  <Typography key={valIdx}>\n                    {v[1]} {displayTimeStamps && <span>@{v[0]}</span>}\n                  </Typography>\n                ))\n              : [];\n\n            let histogramsAndTimes = null;\n            if (ts.histograms && ts.histograms.length > 0) {\n              const seriesQueryResult: PanelData<TimeSeriesData> = {\n                ...queryResults[0]!,\n                data: {\n                  ...queryResults[0]!.data,\n                  series: [queryResults[0]!.data.series[idx]!],\n                },\n              };\n\n              histogramsAndTimes = ts.histograms.map((h: TimeSeriesHistogramTuple, hisIdx: number) => (\n                <Stack alignItems=\"center\" key={-hisIdx}>\n                  <Box width={400} height={200}>\n                    <EmbeddedPanel\n                      kind=\"HistogramChart\"\n                      spec={{ unit: 'decimal', width: 400, height: 200 }}\n                      queryResults={[seriesQueryResult]}\n                    />\n                  </Box>\n                  <Stack flexDirection=\"row\" justifyContent=\"space-between\" width=\"100%\">\n                    <Typography>Total count: {h[1].count}</Typography>\n                    <Typography>Sum: {h[1].sum}</Typography>\n                  </Stack>\n                  {histogramTable(h[1])}\n                </Stack>\n              ));\n            }\n\n            const rowId = idx.toString();\n            const isSelected = selectionMap.has(rowId);\n            const isFormatted = series.length < MAX_FORMATTABLE_SERIES;\n\n            return (\n              <TableRow style={{ whiteSpace: 'pre' }} key={idx}>\n                {selectionEnabled && (\n                  <TableCell padding=\"checkbox\">\n                    <Checkbox\n                      checked={isSelected}\n                      onChange={() => handleRowSelectionToggle(ts, idx)}\n                      inputProps={{ 'aria-label': `select series ${idx}` }}\n                    />\n                  </TableCell>\n                )}\n                <TableCell>\n                  <SeriesName\n                    name={ts.name}\n                    formattedName={ts.formattedName}\n                    labels={ts.labels}\n                    isFormatted={isFormatted}\n                  />\n                </TableCell>\n                <TableCell>{ts.histograms ? histogramsAndTimes : valuesAndTimes}</TableCell>\n                {hasItemActions && (\n                  <TableCell>\n                    <Box sx={{ display: 'flex', gap: 1 }}>{getItemActionButtons({ id: rowId, data: rowData })}</Box>\n                  </TableCell>\n                )}\n              </TableRow>\n            );\n          })}\n        </TableBody>\n      </Table>\n    </>\n  );\n};\n\nconst leftDelim = (br: number): string => (br === 3 || br === 1 ? '[' : '(');\nconst rightDelim = (br: number): string => (br === 3 || br === 0 ? ']' : ')');\n\nexport const bucketRangeString = ([boundaryRule, leftBoundary, rightBoundary]: [\n  number,\n  string,\n  string,\n  string,\n]): string => {\n  return `${leftDelim(boundaryRule)}${leftBoundary} -> ${rightBoundary}${rightDelim(boundaryRule)}`;\n};\n\nexport const histogramTable = (h: HistogramValue): ReactNode => (\n  <Table>\n    <TableHead>\n      <TableRow>\n        <TableCell style={{ textAlign: 'center' }} colSpan={2}>\n          Histogram Sample\n        </TableCell>\n      </TableRow>\n    </TableHead>\n    <TableBody>\n      <TableRow>\n        <TableCell>Range</TableCell>\n        <TableCell>Count</TableCell>\n      </TableRow>\n      {h.buckets?.map((b: BucketTuple, i: number) => (\n        <TableRow key={i}>\n          <TableCell>{bucketRangeString(b)}</TableCell>\n          <TableCell>{b[3]}</TableCell>\n        </TableRow>\n      ))}\n    </TableBody>\n  </Table>\n);\n"],"names":["Alert","Box","Checkbox","Stack","Table","TableBody","TableCell","TableHead","TableRow","Typography","useSelection","useSelectionItemActions","useAllVariableValues","useCallback","useMemo","EmbeddedPanel","SeriesName","MAX_FORMATTABLE_SERIES","buildRowData","ts","labels","name","formattedName","value","values","timestamp","DataTable","queryResults","spec","allVariables","series","flatMap","d","data","selectionEnabled","selection","enabled","selectionMap","setSelection","clearSelection","toggleSelection","itemActionsConfig","actions","undefined","itemActionsListConfig","displayWithItem","actionsList","getItemActionButtons","confirmDialog","actionButtons","variableState","hasItemActions","length","allSelected","every","_","idx","has","toString","someSelected","selectedCount","filter","handleSelectAll","allItems","map","id","item","handleRowSelectionToggle","seriesIdx","rowData","rowsData","sx","display","justifyContent","alignItems","height","severity","className","padding","indeterminate","checked","onChange","inputProps","displayTimeStamps","valuesAndTimes","v","valIdx","span","histogramsAndTimes","histograms","seriesQueryResult","h","hisIdx","width","kind","unit","flexDirection","count","sum","histogramTable","rowId","isSelected","isFormatted","style","whiteSpace","gap","leftDelim","br","rightDelim","bucketRangeString","boundaryRule","leftBoundary","rightBoundary","textAlign","colSpan","buckets","b","i"],"mappings":"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"}

package/lib/components/EmbeddedPanel.js

@@ -1,4 +1,4 @@
-// Copyright 2025 The Perses Authors
+// Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
 // You may obtain a copy of the License at

package/lib/components/EmbeddedPanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/EmbeddedPanel.tsx"],"sourcesContent":["// Copyright 2025 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 { PanelData } from '@perses-dev/plugin-system';\nimport { QueryDataType, UnknownSpec } from '@perses-dev/core';\nimport { PanelPluginLoader } from '@perses-dev/dashboards';\nimport useResizeObserver from 'use-resize-observer';\nimport { ErrorAlert, ErrorBoundary } from '@perses-dev/components';\n\ninterface EmbeddedPanelProps {\n  kind: string;\n  spec: UnknownSpec;\n  queryResults: Array<PanelData<QueryDataType>>;\n}\n\nexport function EmbeddedPanel({ kind, spec, queryResults }: EmbeddedPanelProps) {\n  const { ref, width = 1, height = 1 } = useResizeObserver<HTMLDivElement>();\n  return (\n    <div ref={ref} style={{ height: '100%' }}>\n      <ErrorBoundary FallbackComponent={ErrorAlert}>\n        <PanelPluginLoader kind={kind} contentDimensions={{ width, height }} spec={spec} queryResults={queryResults} />\n      </ErrorBoundary>\n    </div>\n  );\n}\n"],"names":["PanelPluginLoader","useResizeObserver","ErrorAlert","ErrorBoundary","EmbeddedPanel","kind","spec","queryResults","ref","width","height","div","style","FallbackComponent","contentDimensions"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAIjC,SAASA,iBAAiB,QAAQ,yBAAyB;AAC3D,OAAOC,uBAAuB,sBAAsB;AACpD,SAASC,UAAU,EAAEC,aAAa,QAAQ,yBAAyB;AAQnE,OAAO,SAASC,cAAc,EAAEC,IAAI,EAAEC,IAAI,EAAEC,YAAY,EAAsB;IAC5E,MAAM,EAAEC,GAAG,EAAEC,QAAQ,CAAC,EAAEC,SAAS,CAAC,EAAE,GAAGT;IACvC,qBACE,KAACU;QAAIH,KAAKA;QAAKI,OAAO;YAAEF,QAAQ;QAAO;kBACrC,cAAA,KAACP;YAAcU,mBAAmBX;sBAChC,cAAA,KAACF;gBAAkBK,MAAMA;gBAAMS,mBAAmB;oBAAEL;oBAAOC;gBAAO;gBAAGJ,MAAMA;gBAAMC,cAAcA;;;;AAIvG"}
+{"version":3,"sources":["../../../src/components/EmbeddedPanel.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 { PanelData } from '@perses-dev/plugin-system';\nimport { QueryDataType, UnknownSpec } from '@perses-dev/core';\nimport { PanelPluginLoader } from '@perses-dev/dashboards';\nimport useResizeObserver from 'use-resize-observer';\nimport { ErrorAlert, ErrorBoundary } from '@perses-dev/components';\n\ninterface EmbeddedPanelProps {\n  kind: string;\n  spec: UnknownSpec;\n  queryResults: Array<PanelData<QueryDataType>>;\n}\n\nexport function EmbeddedPanel({ kind, spec, queryResults }: EmbeddedPanelProps) {\n  const { ref, width = 1, height = 1 } = useResizeObserver<HTMLDivElement>();\n  return (\n    <div ref={ref} style={{ height: '100%' }}>\n      <ErrorBoundary FallbackComponent={ErrorAlert}>\n        <PanelPluginLoader kind={kind} contentDimensions={{ width, height }} spec={spec} queryResults={queryResults} />\n      </ErrorBoundary>\n    </div>\n  );\n}\n"],"names":["PanelPluginLoader","useResizeObserver","ErrorAlert","ErrorBoundary","EmbeddedPanel","kind","spec","queryResults","ref","width","height","div","style","FallbackComponent","contentDimensions"],"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;;AAIjC,SAASA,iBAAiB,QAAQ,yBAAyB;AAC3D,OAAOC,uBAAuB,sBAAsB;AACpD,SAASC,UAAU,EAAEC,aAAa,QAAQ,yBAAyB;AAQnE,OAAO,SAASC,cAAc,EAAEC,IAAI,EAAEC,IAAI,EAAEC,YAAY,EAAsB;IAC5E,MAAM,EAAEC,GAAG,EAAEC,QAAQ,CAAC,EAAEC,SAAS,CAAC,EAAE,GAAGT;IACvC,qBACE,KAACU;QAAIH,KAAKA;QAAKI,OAAO;YAAEF,QAAQ;QAAO;kBACrC,cAAA,KAACP;YAAcU,mBAAmBX;sBAChC,cAAA,KAACF;gBAAkBK,MAAMA;gBAAMS,mBAAmB;oBAAEL;oBAAOC;gBAAO;gBAAGJ,MAAMA;gBAAMC,cAAcA;;;;AAIvG"}

package/lib/components/SeriesName.js

@@ -1,4 +1,4 @@
-// Copyright 2024 The Perses Authors
+// Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
 // You may obtain a copy of the License at

package/lib/components/SeriesName.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SeriesName.tsx"],"sourcesContent":["// Copyright 2024 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 { Labels } from '@perses-dev/core';\nimport { ReactElement, MouseEvent } from 'react';\nimport { useSnackbar } from '@perses-dev/components';\nimport { Typography } from '@mui/material';\n\ninterface SeriesNameProps {\n  name: string;\n  labels?: Labels;\n  formattedName?: string;\n  isFormatted?: boolean;\n}\n\n/*\n * Display a series with labels in bold and with a copy to clipboard feature if isFormatted is enabled\n * Else it will only display the series in plain text (mostly use for performance reasons)\n */\nexport function SeriesName({ name, labels, formattedName, isFormatted }: SeriesNameProps): ReactElement {\n  if (isFormatted && labels && Object.keys(labels).length > 0) {\n    return <FormatedSeriesName labels={labels} />;\n  }\n  return <Typography sx={{ textWrap: 'auto' }}>{formattedName ?? name}</Typography>;\n}\n\nfunction FormatedSeriesName({ labels }: { labels: Labels }): ReactElement {\n  const { infoSnackbar } = useSnackbar();\n\n  const labelNodes: ReactElement[] = [];\n  let first = true;\n\n  function copyToClipboard(e: MouseEvent<HTMLSpanElement>): void {\n    const copyText = e.currentTarget.innerText || '';\n    navigator.clipboard\n      .writeText(copyText.trim())\n      .then(() => {\n        infoSnackbar(`Copied label matcher: ${copyText}`);\n      })\n      .catch((reason) => {\n        console.error(`unable to copy text: ${reason}`);\n      });\n  }\n\n  for (const label in labels) {\n    if (label === '__name__') {\n      continue;\n    }\n\n    labelNodes.push(\n      <span key={label}>\n        {!first && ', '}\n        <Typography\n          display=\"inline\"\n          component=\"span\"\n          sx={{\n            '&:hover': {\n              cursor: 'pointer',\n              textDecoration: 'underline',\n            },\n          }}\n          onClick={copyToClipboard}\n          title=\"Click to copy label matcher\"\n        >\n          <strong>{label}</strong>=<span>&quot;{labels[label]}&quot;</span>\n        </Typography>\n      </span>\n    );\n\n    if (first) {\n      first = false;\n    }\n  }\n\n  return (\n    <Typography sx={{ textWrap: 'auto' }}>\n      {labels ? labels.__name__ : ''}\n      {'{'}\n      {labelNodes}\n      {'}'}\n    </Typography>\n  );\n}\n"],"names":["useSnackbar","Typography","SeriesName","name","labels","formattedName","isFormatted","Object","keys","length","FormatedSeriesName","sx","textWrap","infoSnackbar","labelNodes","first","copyToClipboard","e","copyText","currentTarget","innerText","navigator","clipboard","writeText","trim","then","catch","reason","console","error","label","push","span","display","component","cursor","textDecoration","onClick","title","strong","__name__"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAIjC,SAASA,WAAW,QAAQ,yBAAyB;AACrD,SAASC,UAAU,QAAQ,gBAAgB;AAS3C;;;CAGC,GACD,OAAO,SAASC,WAAW,EAAEC,IAAI,EAAEC,MAAM,EAAEC,aAAa,EAAEC,WAAW,EAAmB;IACtF,IAAIA,eAAeF,UAAUG,OAAOC,IAAI,CAACJ,QAAQK,MAAM,GAAG,GAAG;QAC3D,qBAAO,KAACC;YAAmBN,QAAQA;;IACrC;IACA,qBAAO,KAACH;QAAWU,IAAI;YAAEC,UAAU;QAAO;kBAAIP,iBAAiBF;;AACjE;AAEA,SAASO,mBAAmB,EAAEN,MAAM,EAAsB;IACxD,MAAM,EAAES,YAAY,EAAE,GAAGb;IAEzB,MAAMc,aAA6B,EAAE;IACrC,IAAIC,QAAQ;IAEZ,SAASC,gBAAgBC,CAA8B;QACrD,MAAMC,WAAWD,EAAEE,aAAa,CAACC,SAAS,IAAI;QAC9CC,UAAUC,SAAS,CAChBC,SAAS,CAACL,SAASM,IAAI,IACvBC,IAAI,CAAC;YACJZ,aAAa,CAAC,sBAAsB,EAAEK,UAAU;QAClD,GACCQ,KAAK,CAAC,CAACC;YACNC,QAAQC,KAAK,CAAC,CAAC,qBAAqB,EAAEF,QAAQ;QAChD;IACJ;IAEA,IAAK,MAAMG,SAAS1B,OAAQ;QAC1B,IAAI0B,UAAU,YAAY;YACxB;QACF;QAEAhB,WAAWiB,IAAI,eACb,MAACC;;gBACE,CAACjB,SAAS;8BACX,MAACd;oBACCgC,SAAQ;oBACRC,WAAU;oBACVvB,IAAI;wBACF,WAAW;4BACTwB,QAAQ;4BACRC,gBAAgB;wBAClB;oBACF;oBACAC,SAASrB;oBACTsB,OAAM;;sCAEN,KAACC;sCAAQT;;wBAAe;sCAAC,MAACE;;gCAAK;gCAAO5B,MAAM,CAAC0B,MAAM;gCAAC;;;;;;WAd7CA;QAmBb,IAAIf,OAAO;YACTA,QAAQ;QACV;IACF;IAEA,qBACE,MAACd;QAAWU,IAAI;YAAEC,UAAU;QAAO;;YAChCR,SAASA,OAAOoC,QAAQ,GAAG;YAC3B;YACA1B;YACA;;;AAGP"}
+{"version":3,"sources":["../../../src/components/SeriesName.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 { Labels } from '@perses-dev/core';\nimport { ReactElement, MouseEvent } from 'react';\nimport { useSnackbar } from '@perses-dev/components';\nimport { Typography } from '@mui/material';\n\ninterface SeriesNameProps {\n  name: string;\n  labels?: Labels;\n  formattedName?: string;\n  isFormatted?: boolean;\n}\n\n/*\n * Display a series with labels in bold and with a copy to clipboard feature if isFormatted is enabled\n * Else it will only display the series in plain text (mostly use for performance reasons)\n */\nexport function SeriesName({ name, labels, formattedName, isFormatted }: SeriesNameProps): ReactElement {\n  if (isFormatted && labels && Object.keys(labels).length > 0) {\n    return <FormatedSeriesName labels={labels} />;\n  }\n  return <Typography sx={{ textWrap: 'auto' }}>{formattedName ?? name}</Typography>;\n}\n\nfunction FormatedSeriesName({ labels }: { labels: Labels }): ReactElement {\n  const { infoSnackbar } = useSnackbar();\n\n  const labelNodes: ReactElement[] = [];\n  let first = true;\n\n  function copyToClipboard(e: MouseEvent<HTMLSpanElement>): void {\n    const copyText = e.currentTarget.innerText || '';\n    navigator.clipboard\n      .writeText(copyText.trim())\n      .then(() => {\n        infoSnackbar(`Copied label matcher: ${copyText}`);\n      })\n      .catch((reason) => {\n        console.error(`unable to copy text: ${reason}`);\n      });\n  }\n\n  for (const label in labels) {\n    if (label === '__name__') {\n      continue;\n    }\n\n    labelNodes.push(\n      <span key={label}>\n        {!first && ', '}\n        <Typography\n          display=\"inline\"\n          component=\"span\"\n          sx={{\n            '&:hover': {\n              cursor: 'pointer',\n              textDecoration: 'underline',\n            },\n          }}\n          onClick={copyToClipboard}\n          title=\"Click to copy label matcher\"\n        >\n          <strong>{label}</strong>=<span>&quot;{labels[label]}&quot;</span>\n        </Typography>\n      </span>\n    );\n\n    if (first) {\n      first = false;\n    }\n  }\n\n  return (\n    <Typography sx={{ textWrap: 'auto' }}>\n      {labels ? labels.__name__ : ''}\n      {'{'}\n      {labelNodes}\n      {'}'}\n    </Typography>\n  );\n}\n"],"names":["useSnackbar","Typography","SeriesName","name","labels","formattedName","isFormatted","Object","keys","length","FormatedSeriesName","sx","textWrap","infoSnackbar","labelNodes","first","copyToClipboard","e","copyText","currentTarget","innerText","navigator","clipboard","writeText","trim","then","catch","reason","console","error","label","push","span","display","component","cursor","textDecoration","onClick","title","strong","__name__"],"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;;AAIjC,SAASA,WAAW,QAAQ,yBAAyB;AACrD,SAASC,UAAU,QAAQ,gBAAgB;AAS3C;;;CAGC,GACD,OAAO,SAASC,WAAW,EAAEC,IAAI,EAAEC,MAAM,EAAEC,aAAa,EAAEC,WAAW,EAAmB;IACtF,IAAIA,eAAeF,UAAUG,OAAOC,IAAI,CAACJ,QAAQK,MAAM,GAAG,GAAG;QAC3D,qBAAO,KAACC;YAAmBN,QAAQA;;IACrC;IACA,qBAAO,KAACH;QAAWU,IAAI;YAAEC,UAAU;QAAO;kBAAIP,iBAAiBF;;AACjE;AAEA,SAASO,mBAAmB,EAAEN,MAAM,EAAsB;IACxD,MAAM,EAAES,YAAY,EAAE,GAAGb;IAEzB,MAAMc,aAA6B,EAAE;IACrC,IAAIC,QAAQ;IAEZ,SAASC,gBAAgBC,CAA8B;QACrD,MAAMC,WAAWD,EAAEE,aAAa,CAACC,SAAS,IAAI;QAC9CC,UAAUC,SAAS,CAChBC,SAAS,CAACL,SAASM,IAAI,IACvBC,IAAI,CAAC;YACJZ,aAAa,CAAC,sBAAsB,EAAEK,UAAU;QAClD,GACCQ,KAAK,CAAC,CAACC;YACNC,QAAQC,KAAK,CAAC,CAAC,qBAAqB,EAAEF,QAAQ;QAChD;IACJ;IAEA,IAAK,MAAMG,SAAS1B,OAAQ;QAC1B,IAAI0B,UAAU,YAAY;YACxB;QACF;QAEAhB,WAAWiB,IAAI,eACb,MAACC;;gBACE,CAACjB,SAAS;8BACX,MAACd;oBACCgC,SAAQ;oBACRC,WAAU;oBACVvB,IAAI;wBACF,WAAW;4BACTwB,QAAQ;4BACRC,gBAAgB;wBAClB;oBACF;oBACAC,SAASrB;oBACTsB,OAAM;;sCAEN,KAACC;sCAAQT;;wBAAe;sCAAC,MAACE;;gCAAK;gCAAO5B,MAAM,CAAC0B,MAAM;gCAAC;;;;;;WAd7CA;QAmBb,IAAIf,OAAO;YACTA,QAAQ;QACV;IACF;IAEA,qBACE,MAACd;QAAWU,IAAI;YAAEC,UAAU;QAAO;;YAChCR,SAASA,OAAOoC,QAAQ,GAAG;YAC3B;YACA1B;YACA;;;AAGP"}

package/lib/components/TimeSeriesTableItemSelectionActionsEditor.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+import { TimeSeriesTableSettingsEditorProps } from '../model';
+export declare function TimeSeriesTableItemSelectionActionsEditor({ value, onChange, }: TimeSeriesTableSettingsEditorProps): ReactElement;
+//# sourceMappingURL=TimeSeriesTableItemSelectionActionsEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimeSeriesTableItemSelectionActionsEditor.d.ts","sourceRoot":"","sources":["../../../src/components/TimeSeriesTableItemSelectionActionsEditor.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,kCAAkC,EAAE,MAAM,UAAU,CAAC;AAE9D,wBAAgB,yCAAyC,CAAC,EACxD,KAAK,EACL,QAAQ,GACT,EAAE,kCAAkC,GAAG,YAAY,CAiBnD"}

package/lib/components/TimeSeriesTableItemSelectionActionsEditor.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Copyright The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { ItemSelectionActionsEditor } from '@perses-dev/plugin-system';
+export function TimeSeriesTableItemSelectionActionsEditor({ value, onChange }) {
+    function handleActionsChange(actions) {
+        onChange({
+            ...value,
+            actions: actions
+        });
+    }
+    function handleSelectionChange(selection) {
+        onChange({
+            ...value,
+            selection: selection
+        });
+    }
+    return /*#__PURE__*/ _jsx(ItemSelectionActionsEditor, {
+        actionOptions: value.actions,
+        onChangeActions: handleActionsChange,
+        selectionOptions: value.selection,
+        onChangeSelection: handleSelectionChange
+    });
+}
+
+//# sourceMappingURL=TimeSeriesTableItemSelectionActionsEditor.js.map

package/lib/components/TimeSeriesTableItemSelectionActionsEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/TimeSeriesTableItemSelectionActionsEditor.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 { ActionOptions, ItemSelectionActionsEditor, SelectionOptions } from '@perses-dev/plugin-system';\nimport { ReactElement } from 'react';\nimport { TimeSeriesTableSettingsEditorProps } from '../model';\n\nexport function TimeSeriesTableItemSelectionActionsEditor({\n  value,\n  onChange,\n}: TimeSeriesTableSettingsEditorProps): ReactElement {\n  function handleActionsChange(actions: ActionOptions | undefined): void {\n    onChange({ ...value, actions: actions });\n  }\n\n  function handleSelectionChange(selection: SelectionOptions | undefined): void {\n    onChange({ ...value, selection: selection });\n  }\n\n  return (\n    <ItemSelectionActionsEditor\n      actionOptions={value.actions}\n      onChangeActions={handleActionsChange}\n      selectionOptions={value.selection}\n      onChangeSelection={handleSelectionChange}\n    />\n  );\n}\n"],"names":["ItemSelectionActionsEditor","TimeSeriesTableItemSelectionActionsEditor","value","onChange","handleActionsChange","actions","handleSelectionChange","selection","actionOptions","onChangeActions","selectionOptions","onChangeSelection"],"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,SAAwBA,0BAA0B,QAA0B,4BAA4B;AAIxG,OAAO,SAASC,0CAA0C,EACxDC,KAAK,EACLC,QAAQ,EAC2B;IACnC,SAASC,oBAAoBC,OAAkC;QAC7DF,SAAS;YAAE,GAAGD,KAAK;YAAEG,SAASA;QAAQ;IACxC;IAEA,SAASC,sBAAsBC,SAAuC;QACpEJ,SAAS;YAAE,GAAGD,KAAK;YAAEK,WAAWA;QAAU;IAC5C;IAEA,qBACE,KAACP;QACCQ,eAAeN,MAAMG,OAAO;QAC5BI,iBAAiBL;QACjBM,kBAAkBR,MAAMK,SAAS;QACjCI,mBAAmBL;;AAGzB"}

package/lib/components/index.d.ts

@@ -1,3 +1,4 @@
 export * from './DataTable';
 export * from './SeriesName';
+export * from './TimeSeriesTableItemSelectionActionsEditor';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAaA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,6CAA6C,CAAC"}

package/lib/components/index.js

@@ -1,4 +1,17 @@
+// Copyright The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the \"License\");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an \"AS IS\" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
 export * from './DataTable';
 export * from './SeriesName';
+export * from './TimeSeriesTableItemSelectionActionsEditor';
 
 //# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './DataTable';\nexport * from './SeriesName';\n"],"names":[],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,eAAe"}
+{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \\\"License\\\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \\\"AS IS\\\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './DataTable';\nexport * from './SeriesName';\nexport * from './TimeSeriesTableItemSelectionActionsEditor';\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,oEAAoE;AACpE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,sEAAsE;AACtE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,cAAc;AAC5B,cAAc,eAAe;AAC7B,cAAc,8CAA8C"}

package/lib/env.d.js

@@ -1,4 +1,4 @@
-// Copyright 2024 The Perses Authors
+// Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
 // You may obtain a copy of the License at

package/lib/env.d.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/env.d.ts"],"sourcesContent":["// Copyright 2024 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\n/// <reference types=\"@rsbuild/core/types\" />\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,6CAA6C"}
+{"version":3,"sources":["../../src/env.d.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\n/// <reference types=\"@rsbuild/core/types\" />\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;AAEjC,6CAA6C"}

package/lib/getPluginModule.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getPluginModule.d.ts","sourceRoot":"","sources":["../../src/getPluginModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAoB,MAAM,2BAA2B,CAAC;AAGnF;;GAEG;AACH,wBAAgB,eAAe,IAAI,oBAAoB,CAUtD"}
+{"version":3,"file":"getPluginModule.d.ts","sourceRoot":"","sources":["../../src/getPluginModule.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,oBAAoB,EAAoB,MAAM,2BAA2B,CAAC;AAGnF;;GAEG;AACH,wBAAgB,eAAe,IAAI,oBAAoB,CAUtD"}

package/lib/getPluginModule.js

@@ -1,3 +1,15 @@
+// Copyright The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the \"License\");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an \"AS IS\" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
 import packageJson from '../package.json';
 /**
  * Returns the plugin module information from package.json