@perses-dev/timeseries-table-plugin 0.6.0

package/lib/components/DataTable.d.ts

@@ -0,0 +1,18 @@
+import { ReactElement, ReactNode } from 'react';
+import { TimeSeriesData, HistogramValue } from '@perses-dev/core';
+import { PanelData } from '@perses-dev/plugin-system';
+export interface DataTableProps {
+    result: Array<PanelData<TimeSeriesData>>;
+}
+/**
+ * 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.
+ * This is inspired by prometheus DataTable.
+ * https://github.com/prometheus/prometheus/blob/2524a915915d7eb1b1207152d2e0ce5771193404/web/ui/react-app/src/pages/graph/DataTable.tsx
+ * @param result timeseries query result
+ * @constructor
+ */
+export declare const DataTable: ({ result }: DataTableProps) => ReactElement | null;
+export declare const bucketRangeString: ([boundaryRule, leftBoundary, rightBoundary]: [number, string, string, string]) => string;
+export declare const histogramTable: (h: HistogramValue) => ReactNode;
+//# sourceMappingURL=DataTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAY,YAAY,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAEnE,OAAO,EAAc,cAAc,EAAyC,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACrH,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAMtD,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC;CAC1C;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,GAAI,YAAY,cAAc,KAAG,YAAY,GAAG,IAoBrE,CAAC;AA2CF,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

@@ -0,0 +1,173 @@
+// 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.
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment, useMemo } from 'react';
+import { Alert, Stack, Table, TableBody, TableCell, TableHead, TableRow, Typography } from '@mui/material';
+import { SeriesName } from './SeriesName';
+import { HistogramChart } from './HistogramChart';
+const MAX_FORMATABLE_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.
+ * This is inspired by prometheus DataTable.
+ * 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 = ({ result })=>{
+    const series = useMemo(()=>result.flatMap((d)=>d.data).flatMap((d)=>d?.series || []), [
+        result
+    ]);
+    const rows = useMemo(()=>buildRows(series), [
+        series
+    ]);
+    if (!result) {
+        return /*#__PURE__*/ _jsx(Typography, {
+            children: "No data"
+        });
+    }
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            series.length >= MAX_FORMATABLE_SERIES && /*#__PURE__*/ _jsxs(Alert, {
+                severity: "warning",
+                children: [
+                    "Showing more than ",
+                    MAX_FORMATABLE_SERIES,
+                    " series, turning off label formatting for performance reasons."
+                ]
+            }),
+            /*#__PURE__*/ _jsx(Table, {
+                className: "data-table",
+                children: /*#__PURE__*/ _jsx(TableBody, {
+                    children: rows
+                })
+            })
+        ]
+    });
+};
+function buildRows(series) {
+    const isFormatted = series.length < MAX_FORMATABLE_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);
+        }) : [];
+        const histogramsAndTimes = s.histograms ? s.histograms.map((h, hisIdx)=>{
+            return /*#__PURE__*/ _jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsx(HistogramChart, {
+                        width: 400,
+                        height: 200,
+                        data: {
+                            buckets: h[1].buckets
+                        }
+                    }),
+                    " ",
+                    /*#__PURE__*/ _jsxs(Stack, {
+                        flexDirection: "row",
+                        justifyContent: "space-between",
+                        children: [
+                            /*#__PURE__*/ _jsxs(Typography, {
+                                children: [
+                                    "Total count: ",
+                                    h[1].count
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsxs(Typography, {
+                                children: [
+                                    "Sum: ",
+                                    h[1].sum
+                                ]
+                            })
+                        ]
+                    }),
+                    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(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])=>{
+    return `${leftDelim(boundaryRule)}${leftBoundary} -> ${rightBoundary}${rightDelim(boundaryRule)}`;
+};
+export const histogramTable = (h)=>/*#__PURE__*/ _jsxs(Table, {
+        children: [
+            /*#__PURE__*/ _jsx(TableHead, {
+                children: /*#__PURE__*/ _jsx(TableRow, {
+                    children: /*#__PURE__*/ _jsx(TableCell, {
+                        style: {
+                            textAlign: 'center'
+                        },
+                        colSpan: 2,
+                        children: "Histogram Sample"
+                    })
+                })
+            }),
+            /*#__PURE__*/ _jsxs(TableBody, {
+                children: [
+                    /*#__PURE__*/ _jsxs(TableRow, {
+                        children: [
+                            /*#__PURE__*/ _jsx(TableCell, {
+                                children: "Range"
+                            }),
+                            /*#__PURE__*/ _jsx(TableCell, {
+                                children: "Count"
+                            })
+                        ]
+                    }),
+                    h.buckets?.map((b, i)=>/*#__PURE__*/ _jsxs(TableRow, {
+                            children: [
+                                /*#__PURE__*/ _jsx(TableCell, {
+                                    children: bucketRangeString(b)
+                                }),
+                                /*#__PURE__*/ _jsx(TableCell, {
+                                    children: b[3]
+                                })
+                            ]
+                        }, i))
+                ]
+            })
+        ]
+    });
+
+//# sourceMappingURL=DataTable.js.map

package/lib/components/DataTable.js.map

@@ -0,0 +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 { Fragment, ReactElement, ReactNode, useMemo } from 'react';\nimport { Alert, 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 { HistogramChart } from './HistogramChart';\n\nconst MAX_FORMATABLE_SERIES = 1000;\n\nexport interface DataTableProps {\n  result: 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 = ({ result }: DataTableProps): ReactElement | null => {\n  const series = useMemo(() => result.flatMap((d) => d.data).flatMap((d) => d?.series || []), [result]);\n  const rows = useMemo(() => buildRows(series), [series]);\n\n  if (!result) {\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[]): 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    const histogramsAndTimes = s.histograms\n      ? s.histograms.map((h: TimeSeriesHistogramTuple, hisIdx: number) => {\n          return (\n            <Fragment key={-hisIdx}>\n              <HistogramChart width={400} height={200} data={{ buckets: h[1].buckets! }} /> {/* TODO: calc size ? */}\n              <Stack flexDirection=\"row\" justifyContent=\"space-between\">\n                <Typography>Total count: {h[1].count}</Typography>\n                <Typography>Sum: {h[1].sum}</Typography>\n              </Stack>\n              {histogramTable(h[1])}\n            </Fragment>\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":["Fragment","useMemo","Alert","Stack","Table","TableBody","TableCell","TableHead","TableRow","Typography","SeriesName","HistogramChart","MAX_FORMATABLE_SERIES","DataTable","result","series","flatMap","d","data","rows","buildRows","length","severity","className","isFormatted","map","s","seriesIdx","displayTimeStamps","values","valuesAndTimes","v","valIdx","span","histogramsAndTimes","histograms","h","hisIdx","width","height","buckets","flexDirection","justifyContent","count","sum","histogramTable","style","whiteSpace","name","formattedName","labels","leftDelim","br","rightDelim","bucketRangeString","boundaryRule","leftBoundary","rightBoundary","textAlign","colSpan","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,SAASA,QAAQ,EAA2BC,OAAO,QAAQ,QAAQ;AACnE,SAASC,KAAK,EAAEC,KAAK,EAAEC,KAAK,EAAEC,SAAS,EAAEC,SAAS,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,gBAAgB;AAG3G,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,cAAc,QAAQ,mBAAmB;AAElD,MAAMC,wBAAwB;AAM9B;;;;;;;CAOC,GACD,OAAO,MAAMC,YAAY,CAAC,EAAEC,MAAM,EAAkB;IAClD,MAAMC,SAASd,QAAQ,IAAMa,OAAOE,OAAO,CAAC,CAACC,IAAMA,EAAEC,IAAI,EAAEF,OAAO,CAAC,CAACC,IAAMA,GAAGF,UAAU,EAAE,GAAG;QAACD;KAAO;IACpG,MAAMK,OAAOlB,QAAQ,IAAMmB,UAAUL,SAAS;QAACA;KAAO;IAEtD,IAAI,CAACD,QAAQ;QACX,qBAAO,KAACL;sBAAW;;IACrB;IAEA,qBACE;;YACGM,OAAOM,MAAM,IAAIT,uCAChB,MAACV;gBAAMoB,UAAS;;oBAAU;oBACLV;oBAAsB;;;0BAG7C,KAACR;gBAAMmB,WAAU;0BACf,cAAA,KAAClB;8BAAWc;;;;;AAIpB,EAAE;AAEF,SAASC,UAAUL,MAAoB;IACrC,MAAMS,cAAcT,OAAOM,MAAM,GAAGT,uBAAuB,oFAAoF;IAC/I,OAAOG,OAAOU,GAAG,CAAC,CAACC,GAAGC;QACpB,MAAMC,oBAAoB,AAACF,CAAAA,EAAEG,MAAM,EAAER,UAAU,CAAA,IAAK;QACpD,MAAMS,iBAAiBJ,EAAEG,MAAM,GAC3BH,EAAEG,MAAM,CAACJ,GAAG,CAAC,CAACM,GAAGC;YACf,qBACE,MAACvB;;oBACEsB,CAAC,CAAC,EAAE;oBAAC;oBAAEH,mCAAqB,MAACK;;4BAAK;4BAAEF,CAAC,CAAC,EAAE;;;;eAD1BC;QAIrB,KACA,EAAE;QACN,MAAME,qBAAqBR,EAAES,UAAU,GACnCT,EAAES,UAAU,CAACV,GAAG,CAAC,CAACW,GAA6BC;YAC7C,qBACE,MAACrC;;kCACC,KAACW;wBAAe2B,OAAO;wBAAKC,QAAQ;wBAAKrB,MAAM;4BAAEsB,SAASJ,CAAC,CAAC,EAAE,CAACI,OAAO;wBAAE;;oBAAK;kCAC7E,MAACrC;wBAAMsC,eAAc;wBAAMC,gBAAe;;0CACxC,MAACjC;;oCAAW;oCAAc2B,CAAC,CAAC,EAAE,CAACO,KAAK;;;0CACpC,MAAClC;;oCAAW;oCAAM2B,CAAC,CAAC,EAAE,CAACQ,GAAG;;;;;oBAE3BC,eAAeT,CAAC,CAAC,EAAE;;eANP,CAACC;QASpB,KACA,EAAE;QACN,qBACE,MAAC7B;YAASsC,OAAO;gBAAEC,YAAY;YAAM;;8BACnC,KAACzC;8BACC,cAAA,KAACI;wBAAWsC,MAAMtB,EAAEsB,IAAI;wBAAEC,eAAevB,EAAEuB,aAAa;wBAAEC,QAAQxB,EAAEwB,MAAM;wBAAE1B,aAAaA;;;8BAE3F,KAAClB;8BAAWoB,EAAES,UAAU,GAAGD,qBAAqBJ;;;WAJLH;IAOjD;AACF;AAEA,MAAMwB,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,MAAChC;;0BACC,KAACG;0BACC,cAAA,KAACC;8BACC,cAAA,KAACF;wBAAUwC,OAAO;4BAAEY,WAAW;wBAAS;wBAAGC,SAAS;kCAAG;;;;0BAK3D,MAACtD;;kCACC,MAACG;;0CACC,KAACF;0CAAU;;0CACX,KAACA;0CAAU;;;;oBAEZ8B,EAAEI,OAAO,EAAEf,IAAI,CAACmC,GAAgBC,kBAC/B,MAACrD;;8CACC,KAACF;8CAAWgD,kBAAkBM;;8CAC9B,KAACtD;8CAAWsD,CAAC,CAAC,EAAE;;;2BAFHC;;;;OAOrB"}

package/lib/components/HistogramChart.d.ts

@@ -0,0 +1,16 @@
+import { ModeOption } from '@perses-dev/components';
+import { BucketTuple, FormatOptions } from '@perses-dev/core';
+import { ReactElement } from 'react';
+export interface HistogramChartData {
+    buckets: BucketTuple[];
+}
+export interface HistogramChartProps {
+    width: number;
+    height: number;
+    data?: HistogramChartData;
+    format?: FormatOptions;
+    mode?: ModeOption;
+    exponential?: boolean;
+}
+export declare function HistogramChart({ width, height, data }: HistogramChartProps): ReactElement | null;
+//# sourceMappingURL=HistogramChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HistogramChart.d.ts","sourceRoot":"","sources":["../../../src/components/HistogramChart.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,UAAU,EAAkB,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAI9D,OAAO,EAAE,YAAY,EAAW,MAAM,OAAO,CAAC;AAI9C,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,WAAW,EAAE,CAAC;CACxB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,mBAAmB,GAAG,YAAY,GAAG,IAAI,CAkFhG"}

package/lib/components/HistogramChart.js

@@ -0,0 +1,113 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@mui/material';
+import { EChart, useChartsTheme } from '@perses-dev/components';
+import { CustomChart } from 'echarts/charts';
+import { use } from 'echarts/core';
+import { useMemo } from 'react';
+use([
+    CustomChart
+]);
+export function HistogramChart({ width, height, data }) {
+    const chartsTheme = useChartsTheme();
+    const transformedData = useMemo(()=>{
+        if (!data) return [];
+        return data.buckets.map(([bucket, upperBound, lowerBound, count])=>{
+            return {
+                value: [
+                    parseFloat(upperBound),
+                    parseFloat(lowerBound),
+                    parseFloat(count),
+                    bucket
+                ],
+                itemStyle: {
+                    color: chartsTheme.echartsTheme[0]
+                }
+            };
+        });
+    }, [
+        chartsTheme.echartsTheme,
+        data
+    ]);
+    const option = useMemo(()=>{
+        if (!transformedData) return chartsTheme.noDataOption;
+        return {
+            title: {
+                show: false
+            },
+            tooltip: {},
+            xAxis: {
+                scale: false,
+                max: Math.ceil(transformedData[transformedData.length - 1]?.value[1] ?? 1)
+            },
+            yAxis: {},
+            series: [
+                {
+                    type: 'custom',
+                    renderItem: function(params, api) {
+                        const yValue = api.value(2);
+                        const start = api.coord([
+                            api.value(0),
+                            yValue
+                        ]);
+                        const size = api.size?.([
+                            api.value(1) - api.value(0),
+                            yValue
+                        ]);
+                        const style = api.style?.();
+                        return {
+                            type: 'rect',
+                            shape: {
+                                x: start[0],
+                                y: start[1],
+                                width: size[0],
+                                height: size[1]
+                            },
+                            style: style
+                        };
+                    },
+                    label: {
+                        show: false
+                    },
+                    dimensions: [
+                        'from',
+                        'to'
+                    ],
+                    encode: {
+                        x: [
+                            0,
+                            1
+                        ],
+                        y: 2,
+                        tooltip: [
+                            0,
+                            1
+                        ],
+                        itemName: 2
+                    },
+                    data: transformedData
+                }
+            ]
+        };
+    }, [
+        chartsTheme.noDataOption,
+        transformedData
+    ]);
+    return /*#__PURE__*/ _jsx(Box, {
+        style: {
+            width: width,
+            height: height
+        },
+        sx: {
+            overflow: 'auto'
+        },
+        children: /*#__PURE__*/ _jsx(EChart, {
+            sx: {
+                minHeight: height
+            },
+            option: option,
+            theme: chartsTheme.echartsTheme
+        })
+    });
+}
+
+//# sourceMappingURL=HistogramChart.js.map

package/lib/components/HistogramChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/HistogramChart.tsx"],"sourcesContent":["import { Box } from '@mui/material';\nimport { EChart, ModeOption, useChartsTheme } from '@perses-dev/components';\nimport { BucketTuple, FormatOptions } from '@perses-dev/core';\nimport { CustomSeriesRenderItemAPI, CustomSeriesRenderItemParams } from 'echarts';\nimport { CustomChart } from 'echarts/charts';\nimport { EChartsCoreOption, use } from 'echarts/core';\nimport { ReactElement, useMemo } from 'react';\n\nuse([CustomChart]);\n\nexport interface HistogramChartData {\n  buckets: BucketTuple[];\n}\n\nexport interface HistogramChartProps {\n  width: number;\n  height: number;\n  data?: HistogramChartData;\n  format?: FormatOptions;\n  mode?: ModeOption;\n  exponential?: boolean;\n}\n\nexport function HistogramChart({ width, height, data }: HistogramChartProps): ReactElement | null {\n  const chartsTheme = useChartsTheme();\n\n  const transformedData = useMemo(() => {\n    if (!data) return [];\n\n    return data.buckets.map(([bucket, upperBound, lowerBound, count]) => {\n      return {\n        value: [parseFloat(upperBound), parseFloat(lowerBound), parseFloat(count), bucket],\n        itemStyle: {\n          color: chartsTheme.echartsTheme[0],\n        },\n      };\n    });\n  }, [chartsTheme.echartsTheme, data]);\n\n  const option: EChartsCoreOption = useMemo(() => {\n    if (!transformedData) return chartsTheme.noDataOption;\n\n    return {\n      title: {\n        show: false,\n      },\n      tooltip: {},\n      xAxis: {\n        scale: false,\n        max: Math.ceil(transformedData[transformedData.length - 1]?.value[1] ?? 1),\n      },\n      yAxis: {},\n      series: [\n        {\n          type: 'custom',\n          renderItem: function (params: CustomSeriesRenderItemParams, api: CustomSeriesRenderItemAPI) {\n            const yValue = api.value(2);\n            const start = api.coord([api.value(0), yValue]);\n            const size = api.size?.([(api.value(1) as number) - (api.value(0) as number), yValue]) as number[];\n            const style = api.style?.();\n\n            return {\n              type: 'rect',\n              shape: {\n                x: start[0],\n                y: start[1],\n                width: size[0],\n                height: size[1],\n              },\n              style: style,\n            };\n          },\n          label: {\n            show: false,\n          },\n          dimensions: ['from', 'to'],\n          encode: {\n            x: [0, 1],\n            y: 2,\n            tooltip: [0, 1],\n            itemName: 2,\n          },\n          data: transformedData,\n        },\n      ],\n    };\n  }, [chartsTheme.noDataOption, transformedData]);\n\n  return (\n    <Box\n      style={{\n        width: width,\n        height: height,\n      }}\n      sx={{ overflow: 'auto' }}\n    >\n      <EChart\n        sx={{\n          minHeight: height,\n        }}\n        option={option}\n        theme={chartsTheme.echartsTheme}\n      />\n    </Box>\n  );\n}\n"],"names":["Box","EChart","useChartsTheme","CustomChart","use","useMemo","HistogramChart","width","height","data","chartsTheme","transformedData","buckets","map","bucket","upperBound","lowerBound","count","value","parseFloat","itemStyle","color","echartsTheme","option","noDataOption","title","show","tooltip","xAxis","scale","max","Math","ceil","length","yAxis","series","type","renderItem","params","api","yValue","start","coord","size","style","shape","x","y","label","dimensions","encode","itemName","sx","overflow","minHeight","theme"],"mappings":";AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,SAASC,MAAM,EAAcC,cAAc,QAAQ,yBAAyB;AAG5E,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAA4BC,GAAG,QAAQ,eAAe;AACtD,SAAuBC,OAAO,QAAQ,QAAQ;AAE9CD,IAAI;IAACD;CAAY;AAejB,OAAO,SAASG,eAAe,EAAEC,KAAK,EAAEC,MAAM,EAAEC,IAAI,EAAuB;IACzE,MAAMC,cAAcR;IAEpB,MAAMS,kBAAkBN,QAAQ;QAC9B,IAAI,CAACI,MAAM,OAAO,EAAE;QAEpB,OAAOA,KAAKG,OAAO,CAACC,GAAG,CAAC,CAAC,CAACC,QAAQC,YAAYC,YAAYC,MAAM;YAC9D,OAAO;gBACLC,OAAO;oBAACC,WAAWJ;oBAAaI,WAAWH;oBAAaG,WAAWF;oBAAQH;iBAAO;gBAClFM,WAAW;oBACTC,OAAOX,YAAYY,YAAY,CAAC,EAAE;gBACpC;YACF;QACF;IACF,GAAG;QAACZ,YAAYY,YAAY;QAAEb;KAAK;IAEnC,MAAMc,SAA4BlB,QAAQ;QACxC,IAAI,CAACM,iBAAiB,OAAOD,YAAYc,YAAY;QAErD,OAAO;YACLC,OAAO;gBACLC,MAAM;YACR;YACAC,SAAS,CAAC;YACVC,OAAO;gBACLC,OAAO;gBACPC,KAAKC,KAAKC,IAAI,CAACrB,eAAe,CAACA,gBAAgBsB,MAAM,GAAG,EAAE,EAAEf,KAAK,CAAC,EAAE,IAAI;YAC1E;YACAgB,OAAO,CAAC;YACRC,QAAQ;gBACN;oBACEC,MAAM;oBACNC,YAAY,SAAUC,MAAoC,EAAEC,GAA8B;wBACxF,MAAMC,SAASD,IAAIrB,KAAK,CAAC;wBACzB,MAAMuB,QAAQF,IAAIG,KAAK,CAAC;4BAACH,IAAIrB,KAAK,CAAC;4BAAIsB;yBAAO;wBAC9C,MAAMG,OAAOJ,IAAII,IAAI,GAAG;4BAAEJ,IAAIrB,KAAK,CAAC,KAAiBqB,IAAIrB,KAAK,CAAC;4BAAesB;yBAAO;wBACrF,MAAMI,QAAQL,IAAIK,KAAK;wBAEvB,OAAO;4BACLR,MAAM;4BACNS,OAAO;gCACLC,GAAGL,KAAK,CAAC,EAAE;gCACXM,GAAGN,KAAK,CAAC,EAAE;gCACXlC,OAAOoC,IAAI,CAAC,EAAE;gCACdnC,QAAQmC,IAAI,CAAC,EAAE;4BACjB;4BACAC,OAAOA;wBACT;oBACF;oBACAI,OAAO;wBACLtB,MAAM;oBACR;oBACAuB,YAAY;wBAAC;wBAAQ;qBAAK;oBAC1BC,QAAQ;wBACNJ,GAAG;4BAAC;4BAAG;yBAAE;wBACTC,GAAG;wBACHpB,SAAS;4BAAC;4BAAG;yBAAE;wBACfwB,UAAU;oBACZ;oBACA1C,MAAME;gBACR;aACD;QACH;IACF,GAAG;QAACD,YAAYc,YAAY;QAAEb;KAAgB;IAE9C,qBACE,KAACX;QACC4C,OAAO;YACLrC,OAAOA;YACPC,QAAQA;QACV;QACA4C,IAAI;YAAEC,UAAU;QAAO;kBAEvB,cAAA,KAACpD;YACCmD,IAAI;gBACFE,WAAW9C;YACb;YACAe,QAAQA;YACRgC,OAAO7C,YAAYY,YAAY;;;AAIvC"}

package/lib/components/SeriesName.d.ts

@@ -0,0 +1,11 @@
+import { Labels } from '@perses-dev/core';
+import { ReactElement } from 'react';
+interface SeriesNameProps {
+    name: string;
+    labels?: Labels;
+    formattedName?: string;
+    isFormatted?: boolean;
+}
+export declare function SeriesName({ name, labels, formattedName, isFormatted }: SeriesNameProps): ReactElement;
+export {};
+//# sourceMappingURL=SeriesName.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SeriesName.d.ts","sourceRoot":"","sources":["../../../src/components/SeriesName.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAc,MAAM,OAAO,CAAC;AAIjD,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAMD,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,EAAE,eAAe,GAAG,YAAY,CAKtG"}

package/lib/components/SeriesName.js

@@ -0,0 +1,95 @@
+// 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.
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSnackbar } from '@perses-dev/components';
+import { Typography } from '@mui/material';
+/*
+ * Display a series with labels in bold and with a copy to clipboard feature if isFormatted is enabled
+ * Else it will only display the series in plain text (mostly use for performance reasons)
+ */ export function SeriesName({ name, labels, formattedName, isFormatted }) {
+    if (isFormatted && labels && Object.keys(labels).length > 0) {
+        return /*#__PURE__*/ _jsx(FormatedSeriesName, {
+            labels: labels
+        });
+    }
+    return /*#__PURE__*/ _jsx(Typography, {
+        sx: {
+            textWrap: 'auto'
+        },
+        children: formattedName ?? name
+    });
+}
+function FormatedSeriesName({ labels }) {
+    const { infoSnackbar } = useSnackbar();
+    const labelNodes = [];
+    let first = true;
+    function copyToClipboard(e) {
+        const copyText = e.currentTarget.innerText || '';
+        navigator.clipboard.writeText(copyText.trim()).then(()=>{
+            infoSnackbar(`Copied label matcher: ${copyText}`);
+        }).catch((reason)=>{
+            console.error(`unable to copy text: ${reason}`);
+        });
+    }
+    for(const label in labels){
+        if (label === '__name__') {
+            continue;
+        }
+        labelNodes.push(/*#__PURE__*/ _jsxs("span", {
+            children: [
+                !first && ', ',
+                /*#__PURE__*/ _jsxs(Typography, {
+                    display: "inline",
+                    component: "span",
+                    sx: {
+                        '&:hover': {
+                            cursor: 'pointer',
+                            textDecoration: 'underline'
+                        }
+                    },
+                    onClick: copyToClipboard,
+                    title: "Click to copy label matcher",
+                    children: [
+                        /*#__PURE__*/ _jsx("strong", {
+                            children: label
+                        }),
+                        "=",
+                        /*#__PURE__*/ _jsxs("span", {
+                            children: [
+                                '"',
+                                labels[label],
+                                '"'
+                            ]
+                        })
+                    ]
+                })
+            ]
+        }, label));
+        if (first) {
+            first = false;
+        }
+    }
+    return /*#__PURE__*/ _jsxs(Typography, {
+        sx: {
+            textWrap: 'auto'
+        },
+        children: [
+            labels ? labels.__name__ : '',
+            '{',
+            labelNodes,
+            '}'
+        ]
+    });
+}
+
+//# sourceMappingURL=SeriesName.js.map

package/lib/components/SeriesName.js.map

@@ -0,0 +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"}

package/lib/components/index.d.ts

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

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

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

package/lib/components/index.js

@@ -0,0 +1,5 @@
+export * from './DataTable';
+export * from './HistogramChart';
+export * from './SeriesName';
+
+//# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './DataTable';\nexport * from './HistogramChart';\nexport * from './SeriesName';\n"],"names":[],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,mBAAmB;AACjC,cAAc,eAAe"}

package/lib/env.d.js

@@ -0,0 +1,15 @@
+// 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.
+/// <reference types="@rsbuild/core/types" />
+
+//# sourceMappingURL=env.d.js.map

package/lib/env.d.js.map

@@ -0,0 +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"}

package/lib/getPluginModule.d.ts

@@ -0,0 +1,6 @@
+import { PluginModuleResource } from '@perses-dev/plugin-system';
+/**
+ * Returns the plugin module information from package.json
+ */
+export declare function getPluginModule(): PluginModuleResource;
+//# sourceMappingURL=getPluginModule.d.ts.map

package/lib/getPluginModule.d.ts.map

@@ -0,0 +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"}

package/lib/getPluginModule.js

@@ -0,0 +1,16 @@
+import packageJson from '../package.json';
+/**
+ * Returns the plugin module information from package.json
+ */ export function getPluginModule() {
+    const { name, version, perses } = packageJson;
+    return {
+        kind: 'PluginModule',
+        metadata: {
+            name,
+            version
+        },
+        spec: perses
+    };
+}
+
+//# sourceMappingURL=getPluginModule.js.map

package/lib/getPluginModule.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/getPluginModule.ts"],"sourcesContent":["import { PluginModuleResource, PluginModuleSpec } from '@perses-dev/plugin-system';\nimport packageJson from '../package.json';\n\n/**\n * Returns the plugin module information from package.json\n */\nexport function getPluginModule(): PluginModuleResource {\n  const { name, version, perses } = packageJson;\n  return {\n    kind: 'PluginModule',\n    metadata: {\n      name,\n      version,\n    },\n    spec: perses as PluginModuleSpec,\n  };\n}\n"],"names":["packageJson","getPluginModule","name","version","perses","kind","metadata","spec"],"mappings":"AACA,OAAOA,iBAAiB,kBAAkB;AAE1C;;CAEC,GACD,OAAO,SAASC;IACd,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAEC,MAAM,EAAE,GAAGJ;IAClC,OAAO;QACLK,MAAM;QACNC,UAAU;YACRJ;YACAC;QACF;QACAI,MAAMH;IACR;AACF"}

package/lib/index-federation.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index-federation.d.ts.map

package/lib/index-federation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-federation.d.ts","sourceRoot":"","sources":["../../src/index-federation.ts"],"names":[],"mappings":""}

package/lib/index-federation.js

@@ -0,0 +1,15 @@
+// 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.
+import('./bootstrap');
+
+//# sourceMappingURL=index-federation.js.map

package/lib/index-federation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index-federation.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\nimport('./bootstrap');\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,MAAM,CAAC"}

package/lib/index.d.ts

@@ -0,0 +1,7 @@
+export * from './components/DataTable';
+export { getPluginModule } from './getPluginModule';
+export * from './model';
+export * from './components/SeriesName';
+export * from './TimeSeriesTable';
+export * from './TimeSeriesTablePanel';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,cAAc,SAAS,CAAC;AACxB,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC"}

package/lib/index.js

@@ -0,0 +1,8 @@
+export * from './components/DataTable';
+export { getPluginModule } from './getPluginModule';
+export * from './model';
+export * from './components/SeriesName';
+export * from './TimeSeriesTable';
+export * from './TimeSeriesTablePanel';
+
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export * from './components/DataTable';\nexport { getPluginModule } from './getPluginModule';\nexport * from './model';\nexport * from './components/SeriesName';\nexport * from './TimeSeriesTable';\nexport * from './TimeSeriesTablePanel';\n"],"names":["getPluginModule"],"mappings":"AAAA,cAAc,yBAAyB;AACvC,SAASA,eAAe,QAAQ,oBAAoB;AACpD,cAAc,UAAU;AACxB,cAAc,0BAA0B;AACxC,cAAc,oBAAoB;AAClC,cAAc,yBAAyB"}

package/lib/model.d.ts

@@ -0,0 +1,3 @@
+export interface TimeSeriesTableOptions {
+}
+//# sourceMappingURL=model.d.ts.map

package/lib/model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../src/model.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,sBAAsB;CAAG"}

package/lib/model.js

@@ -0,0 +1,4 @@
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+export { };
+
+//# sourceMappingURL=model.js.map