@perses-dev/timeseries-table-plugin 0.10.0 → 0.10.1

package/lib/TimeSeriesTablePanel.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 // Copyright 2024 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.
@@ -10,7 +11,6 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@mui/material';
 import { useChartsTheme } from '@perses-dev/components';
 import { DataTable } from './components';
@@ -19,8 +19,10 @@ export function TimeSeriesTablePanel(props) {
     const chartsTheme = useChartsTheme();
     const contentPadding = chartsTheme.container.padding.default;
     return /*#__PURE__*/ _jsx(Box, {
+        style: {
+            height: contentDimensions?.height ?? 0
+        },
         sx: {
-            height: contentDimensions?.height || 0,
             padding: `${contentPadding}px`,
             overflowY: 'scroll'
         },

package/lib/TimeSeriesTablePanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/TimeSeriesTablePanel.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 { Box } from '@mui/material';\nimport { useChartsTheme } from '@perses-dev/components';\nimport { ReactElement } from 'react';\nimport { PanelProps } from '@perses-dev/plugin-system';\nimport { TimeSeriesData } from '@perses-dev/core';\nimport { TimeSeriesTableOptions } from './model';\nimport { DataTable } from './components';\n\nexport type TimeSeriesTableProps = PanelProps<TimeSeriesTableOptions, TimeSeriesData>;\n\nexport function TimeSeriesTablePanel(props: TimeSeriesTableProps): ReactElement {\n  const { contentDimensions, queryResults } = props;\n  const chartsTheme = useChartsTheme();\n  const contentPadding = chartsTheme.container.padding.default;\n\n  return (\n    <Box sx={{ height: contentDimensions?.height || 0, padding: `${contentPadding}px`, overflowY: 'scroll' }}>\n      <DataTable queryResults={queryResults} />\n    </Box>\n  );\n}\n"],"names":["Box","useChartsTheme","DataTable","TimeSeriesTablePanel","props","contentDimensions","queryResults","chartsTheme","contentPadding","container","padding","default","sx","height","overflowY"],"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,SAASA,GAAG,QAAQ,gBAAgB;AACpC,SAASC,cAAc,QAAQ,yBAAyB;AAKxD,SAASC,SAAS,QAAQ,eAAe;AAIzC,OAAO,SAASC,qBAAqBC,KAA2B;IAC9D,MAAM,EAAEC,iBAAiB,EAAEC,YAAY,EAAE,GAAGF;IAC5C,MAAMG,cAAcN;IACpB,MAAMO,iBAAiBD,YAAYE,SAAS,CAACC,OAAO,CAACC,OAAO;IAE5D,qBACE,KAACX;QAAIY,IAAI;YAAEC,QAAQR,mBAAmBQ,UAAU;YAAGH,SAAS,GAAGF,eAAe,EAAE,CAAC;YAAEM,WAAW;QAAS;kBACrG,cAAA,KAACZ;YAAUI,cAAcA;;;AAG/B"}
+{"version":3,"sources":["../../src/TimeSeriesTablePanel.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 { Box } from '@mui/material';\nimport { useChartsTheme } from '@perses-dev/components';\nimport { ReactElement } from 'react';\nimport { PanelProps } from '@perses-dev/plugin-system';\nimport { TimeSeriesData } from '@perses-dev/core';\n\nimport { TimeSeriesTableOptions } from './model';\nimport { DataTable } from './components';\n\nexport type TimeSeriesTableProps = PanelProps<TimeSeriesTableOptions, TimeSeriesData>;\n\nexport function TimeSeriesTablePanel(props: TimeSeriesTableProps): ReactElement {\n  const { contentDimensions, queryResults } = props;\n  const chartsTheme = useChartsTheme();\n  const contentPadding = chartsTheme.container.padding.default;\n\n  return (\n    <Box\n      style={{ height: contentDimensions?.height ?? 0 }}\n      sx={{ padding: `${contentPadding}px`, overflowY: 'scroll' }}\n    >\n      <DataTable queryResults={queryResults} />\n    </Box>\n  );\n}\n"],"names":["Box","useChartsTheme","DataTable","TimeSeriesTablePanel","props","contentDimensions","queryResults","chartsTheme","contentPadding","container","padding","default","style","height","sx","overflowY"],"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,SAASA,GAAG,QAAQ,gBAAgB;AACpC,SAASC,cAAc,QAAQ,yBAAyB;AAMxD,SAASC,SAAS,QAAQ,eAAe;AAIzC,OAAO,SAASC,qBAAqBC,KAA2B;IAC9D,MAAM,EAAEC,iBAAiB,EAAEC,YAAY,EAAE,GAAGF;IAC5C,MAAMG,cAAcN;IACpB,MAAMO,iBAAiBD,YAAYE,SAAS,CAACC,OAAO,CAACC,OAAO;IAE5D,qBACE,KAACX;QACCY,OAAO;YAAEC,QAAQR,mBAAmBQ,UAAU;QAAE;QAChDC,IAAI;YAAEJ,SAAS,GAAGF,eAAe,EAAE,CAAC;YAAEO,WAAW;QAAS;kBAE1D,cAAA,KAACb;YAAUI,cAAcA;;;AAG/B"}

package/lib/bootstrap.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 // Copyright 2024 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.
@@ -10,7 +11,6 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 const root = ReactDOM.createRoot(document.getElementById('root'));

package/lib/bootstrap.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/bootstrap.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 React from 'react';\nimport ReactDOM from 'react-dom/client';\n\nconst root = ReactDOM.createRoot(document.getElementById('root')!);\nroot.render(<React.StrictMode></React.StrictMode>);\n"],"names":["React","ReactDOM","root","createRoot","document","getElementById","render","StrictMode"],"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,OAAOA,WAAW,QAAQ;AAC1B,OAAOC,cAAc,mBAAmB;AAExC,MAAMC,OAAOD,SAASE,UAAU,CAACC,SAASC,cAAc,CAAC;AACzDH,KAAKI,MAAM,eAAC,KAACN,MAAMO,UAAU"}
+{"version":3,"sources":["../../src/bootstrap.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 React from 'react';\nimport ReactDOM from 'react-dom/client';\n\nconst root = ReactDOM.createRoot(document.getElementById('root')!);\nroot.render(<React.StrictMode></React.StrictMode>);\n"],"names":["React","ReactDOM","root","createRoot","document","getElementById","render","StrictMode"],"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,OAAOA,WAAW,QAAQ;AAC1B,OAAOC,cAAc,mBAAmB;AAExC,MAAMC,OAAOD,SAASE,UAAU,CAACC,SAASC,cAAc,CAAC;AACzDH,KAAKI,MAAM,eAAC,KAACN,MAAMO,UAAU"}

package/lib/cjs/TimeSeriesTablePanel.js

@@ -29,8 +29,10 @@ function TimeSeriesTablePanel(props) {
     const chartsTheme = (0, _components.useChartsTheme)();
     const contentPadding = chartsTheme.container.padding.default;
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+        style: {
+            height: contentDimensions?.height ?? 0
+        },
         sx: {
-            height: contentDimensions?.height || 0,
             padding: `${contentPadding}px`,
             overflowY: 'scroll'
         },

package/lib/cjs/components/DataTable.js

@@ -17,17 +17,17 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    DataTable: function() {
+    get DataTable () {
         return DataTable;
     },
-    bucketRangeString: function() {
+    get bucketRangeString () {
         return bucketRangeString;
     },
-    histogramTable: function() {
+    get histogramTable () {
         return histogramTable;
     }
 });
@@ -36,7 +36,7 @@ const _react = require("react");
 const _material = require("@mui/material");
 const _SeriesName = require("./SeriesName");
 const _EmbeddedPanel = require("./EmbeddedPanel");
-const MAX_FORMATABLE_SERIES = 1000;
+const MAX_FORMATTABLE_SERIES = 1000;
 const DataTable = ({ queryResults })=>{
     const series = (0, _react.useMemo)(()=>queryResults.flatMap((d)=>d.data).flatMap((d)=>d?.series || []), [
         queryResults
@@ -45,18 +45,26 @@ const DataTable = ({ queryResults })=>{
         series,
         queryResults
     ]);
-    if (!queryResults) {
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-            children: "No data"
+    if (!queryResults || !rows?.length) {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+            sx: {
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                height: '100%'
+            },
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                children: "No data"
+            })
         });
     }
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
-            series.length >= MAX_FORMATABLE_SERIES && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Alert, {
+            series.length >= MAX_FORMATTABLE_SERIES && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Alert, {
                 severity: "warning",
                 children: [
                     "Showing more than ",
-                    MAX_FORMATABLE_SERIES,
+                    MAX_FORMATTABLE_SERIES,
                     " series, turning off label formatting for performance reasons."
                 ]
             }),
@@ -70,7 +78,7 @@ const DataTable = ({ queryResults })=>{
     });
 };
 function buildRows(series, queryResults) {
-    const isFormatted = series.length < MAX_FORMATABLE_SERIES; // only format series names if we have less than 1000 series for performance reasons
+    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)=>{

package/lib/cjs/index-federation.js

@@ -1,15 +1,3 @@
-// Copyright 2024 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
 "use strict";
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
@@ -52,4 +40,16 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+// Copyright 2024 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.
 Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require("./bootstrap")));

package/lib/cjs/test/mock-query-results.js

@@ -17,26 +17,26 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    MOCK_NULL_QUERY_RESULT: function() {
+    get MOCK_NULL_QUERY_RESULT () {
         return MOCK_NULL_QUERY_RESULT;
     },
-    MOCK_TIME_SERIES_DATA_MULTIVALUE: function() {
+    get MOCK_TIME_SERIES_DATA_MULTIVALUE () {
         return MOCK_TIME_SERIES_DATA_MULTIVALUE;
     },
-    MOCK_TIME_SERIES_DATA_SINGLEVALUE: function() {
+    get MOCK_TIME_SERIES_DATA_SINGLEVALUE () {
         return MOCK_TIME_SERIES_DATA_SINGLEVALUE;
     },
-    MOCK_TIME_SERIES_QUERY_DEFINITION: function() {
+    get MOCK_TIME_SERIES_QUERY_DEFINITION () {
         return MOCK_TIME_SERIES_QUERY_DEFINITION;
     },
-    MOCK_TIME_SERIES_QUERY_RESULT_MULTIVALUE: function() {
+    get MOCK_TIME_SERIES_QUERY_RESULT_MULTIVALUE () {
         return MOCK_TIME_SERIES_QUERY_RESULT_MULTIVALUE;
     },
-    MOCK_TIME_SERIES_QUERY_RESULT_SINGLEVALUE: function() {
+    get MOCK_TIME_SERIES_QUERY_RESULT_SINGLEVALUE () {
         return MOCK_TIME_SERIES_QUERY_RESULT_SINGLEVALUE;
     }
 });

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

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAc,cAAc,EAAyC,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACrH,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAMtD,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC;CAChD;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,GAAI,kBAAkB,cAAc,KAAG,YAAY,GAAG,IAoB3E,CAAC;AA4DF,eAAO,MAAM,iBAAiB,GAAI,6CAA6C,CAC7E,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,CACP,KAAG,MAEH,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,GAAG,cAAc,KAAG,SAsBlD,CAAC"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAc,cAAc,EAAyC,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACrH,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAMtD,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC;CAChD;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,GAAI,kBAAkB,cAAc,KAAG,YAAY,GAAG,IA+B3E,CAAC;AA4DF,eAAO,MAAM,iBAAiB,GAAI,6CAA6C,CAC7E,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,CACP,KAAG,MAEH,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,GAAG,cAAc,KAAG,SAsBlD,CAAC"}

package/lib/components/DataTable.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 // Copyright 2024 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.
@@ -10,12 +11,11 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { Alert, Box, Stack, Table, TableBody, TableCell, TableHead, TableRow, Typography } from '@mui/material';
 import { SeriesName } from './SeriesName';
 import { EmbeddedPanel } from './EmbeddedPanel';
-const MAX_FORMATABLE_SERIES = 1000;
+const MAX_FORMATTABLE_SERIES = 1000;
 /**
  * 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.
@@ -31,18 +31,26 @@ const MAX_FORMATABLE_SERIES = 1000;
         series,
         queryResults
     ]);
-    if (!queryResults) {
-        return /*#__PURE__*/ _jsx(Typography, {
-            children: "No data"
+    if (!queryResults || !rows?.length) {
+        return /*#__PURE__*/ _jsx(Box, {
+            sx: {
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                height: '100%'
+            },
+            children: /*#__PURE__*/ _jsx(Typography, {
+                children: "No data"
+            })
         });
     }
     return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
-            series.length >= MAX_FORMATABLE_SERIES && /*#__PURE__*/ _jsxs(Alert, {
+            series.length >= MAX_FORMATTABLE_SERIES && /*#__PURE__*/ _jsxs(Alert, {
                 severity: "warning",
                 children: [
                     "Showing more than ",
-                    MAX_FORMATABLE_SERIES,
+                    MAX_FORMATTABLE_SERIES,
                     " series, turning off label formatting for performance reasons."
                 ]
             }),
@@ -56,7 +64,7 @@ const MAX_FORMATABLE_SERIES = 1000;
     });
 };
 function buildRows(series, queryResults) {
-    const isFormatted = series.length < MAX_FORMATABLE_SERIES; // only format series names if we have less than 1000 series for performance reasons
+    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)=>{

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_FORMATABLE_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) {\n    return <Typography>No data</Typography>;\n  }\n\n  return (\n    <>\n      {series.length >= MAX_FORMATABLE_SERIES && (\n        <Alert severity=\"warning\">\n          Showing more than {MAX_FORMATABLE_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_FORMATABLE_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_FORMATABLE_SERIES","DataTable","queryResults","series","flatMap","d","data","rows","buildRows","length","severity","className","isFormatted","map","s","seriesIdx","displayTimeStamps","values","valuesAndTimes","v","valIdx","span","histogramsAndTimes","histograms","seriesQueryResult","h","hisIdx","alignItems","width","height","kind","spec","unit","flexDirection","justifyContent","count","sum","histogramTable","style","whiteSpace","name","formattedName","labels","leftDelim","br","rightDelim","bucketRangeString","boundaryRule","leftBoundary","rightBoundary","textAlign","colSpan","buckets","b","i"],"mappings":"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"}
+{"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":"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"}

package/mf-manifest.json

@@ -5,11 +5,11 @@
     "name": "TimeSeriesTable",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.10.0",
+      "buildVersion": "0.10.1",
       "buildName": "@perses-dev/timeseries-table-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/TimeSeriesTable.5cab3fff.js",
+      "name": "__mf/js/TimeSeriesTable.dcf4db64.js",
       "path": "",
       "type": "global"
     },
@@ -20,7 +20,7 @@
       "api": ""
     },
     "globalName": "TimeSeriesTable",
-    "pluginVersion": "0.19.1",
+    "pluginVersion": "0.21.6",
     "prefetchInterface": false,
     "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/TimeSeriesTable/\"; }"
   },
@@ -35,7 +35,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/3960.6ab28dd0.js"
+            "__mf/js/async/6274.a2bf6069.js"
           ]
         },
         "css": {
@@ -54,8 +54,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/6770.d29c9af3.js",
-            "__mf/js/async/694.de4b3cd4.js"
+            "__mf/js/async/1616.9128b0ad.js",
+            "__mf/js/async/9235.84d86874.js"
           ]
         },
         "css": {
@@ -74,8 +74,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/5214.f8a936d3.js",
-            "__mf/js/async/738.aed331d8.js"
+            "__mf/js/async/5587.3a411f0e.js",
+            "__mf/js/async/7968.6af57fc4.js"
           ]
         },
         "css": {
@@ -87,14 +87,14 @@
     {
       "id": "TimeSeriesTable:@perses-dev/components",
       "name": "@perses-dev/components",
-      "version": "0.52.0",
+      "version": "0.53.0-beta.2",
       "singleton": true,
-      "requiredVersion": "^0.52.0",
+      "requiredVersion": "^0.53.0-beta.2",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/3288.ad1ec88e.js"
+            "__mf/js/async/5790.109680a8.js"
           ]
         },
         "css": {
@@ -106,14 +106,14 @@
     {
       "id": "TimeSeriesTable:@perses-dev/core",
       "name": "@perses-dev/core",
-      "version": "0.52.0",
+      "version": "0.53.0-beta.2",
       "singleton": true,
-      "requiredVersion": "^0.52.0",
+      "requiredVersion": "^0.53.0-beta.2",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/5061.f4a2c42a.js"
+            "__mf/js/async/9355.76d84af8.js"
           ]
         },
         "css": {
@@ -125,14 +125,14 @@
     {
       "id": "TimeSeriesTable:@perses-dev/dashboards",
       "name": "@perses-dev/dashboards",
-      "version": "0.52.0",
+      "version": "0.53.0-beta.2",
       "singleton": true,
-      "requiredVersion": "^0.52.0",
+      "requiredVersion": "^0.53.0-beta.2",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/3391.dd33a872.js"
+            "__mf/js/async/1490.d65ef46d.js"
           ]
         },
         "css": {
@@ -144,14 +144,14 @@
     {
       "id": "TimeSeriesTable:@perses-dev/plugin-system",
       "name": "@perses-dev/plugin-system",
-      "version": "0.52.0",
+      "version": "0.53.0-beta.2",
       "singleton": true,
-      "requiredVersion": "^0.52.0",
+      "requiredVersion": "^0.53.0-beta.2",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/6109.f2d98501.js"
+            "__mf/js/async/8252.7b50f677.js"
           ]
         },
         "css": {
@@ -170,7 +170,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/4075.81eb38e5.js"
+            "__mf/js/async/7192.a68f2ae7.js"
           ]
         },
         "css": {
@@ -189,7 +189,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/5409.f5850fb9.js"
+            "__mf/js/async/873.84c80238.js"
           ]
         },
         "css": {
@@ -208,7 +208,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/5981.1321459e.js"
+            "__mf/js/async/392.cf8653c1.js"
           ]
         },
         "css": {
@@ -227,7 +227,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/9173.c0a91319.js"
+            "__mf/js/async/8470.05175ff7.js"
           ]
         },
         "css": {
@@ -246,7 +246,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/1964.e8379895.js"
+            "__mf/js/async/4121.dba206d9.js"
           ]
         },
         "css": {
@@ -265,8 +265,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/1553.e6de2b38.js",
-            "__mf/js/async/7623.4af707a1.js"
+            "__mf/js/async/4077.f3b86639.js",
+            "__mf/js/async/6458.15500279.js"
           ]
         },
         "css": {
@@ -285,7 +285,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/7740.1883bdd9.js"
+            "__mf/js/async/7978.91d4d06a.js"
           ]
         },
         "css": {
@@ -303,29 +303,28 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/4162.c4ff6149.js",
-            "__mf/js/async/3957.d7ae436a.js",
-            "__mf/js/async/__federation_expose_TimeSeriesTable.a1506383.js"
+            "__mf/js/async/6517.c68cf337.js",
+            "__mf/js/async/383.737ba616.js",
+            "__mf/js/async/__federation_expose_TimeSeriesTable.ffca818d.js"
           ],
           "async": [
-            "__mf/js/async/lib-router.9b92565d.js",
-            "__mf/js/async/6292.10c49829.js",
-            "__mf/js/async/7557.1d9dfec0.js",
-            "__mf/js/async/9200.9f82e7b2.js",
-            "__mf/js/async/7482.8f69a947.js",
-            "__mf/js/async/4238.84860856.js",
-            "__mf/js/async/3224.ef58dd81.js",
-            "__mf/js/async/1143.c1a3fae7.js",
-            "__mf/js/async/5377.d0550808.js",
-            "__mf/js/async/2292.af6c5129.js",
-            "__mf/js/async/4062.06d99d86.js"
+            "__mf/js/async/lib-router.4afa3869.js",
+            "__mf/js/async/8356.ab75baaf.js",
+            "__mf/js/async/2710.135d1c9a.js",
+            "__mf/js/async/2757.0345b149.js",
+            "__mf/js/async/7452.1003e5e8.js",
+            "__mf/js/async/9588.b67a10d7.js",
+            "__mf/js/async/5071.c6ed8044.js",
+            "__mf/js/async/7417.abe3c9e4.js",
+            "__mf/js/async/2043.25c4bdae.js",
+            "__mf/js/async/9558.1a195bd1.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/5263.53436797.css",
-            "__mf/css/async/2341.53436797.css"
+            "__mf/css/async/7823.d3010b86.css",
+            "__mf/css/async/3061.d3010b86.css"
           ]
         }
       },