@perses-dev/timeseries-table-plugin 0.12.0 → 0.13.0-beta.2

package/lib/TimeSeriesTable.js

@@ -10,8 +10,8 @@
 // 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 { TimeSeriesTablePanel } from './TimeSeriesTablePanel';
-import { TimeSeriesTableItemSelectionActionsEditor } from './components';
+import { TimeSeriesTableItemSelectionActionsEditor } from "./components/index.js";
+import { TimeSeriesTablePanel } from "./TimeSeriesTablePanel.js";
 /**
  * The core TimeSeriesTable panel plugin for Perses.
  */ export const TimeSeriesTable = {

package/lib/TimeSeriesTable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/TimeSeriesTable.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { PanelPlugin } from '@perses-dev/plugin-system';\nimport { TimeSeriesTablePanel, TimeSeriesTableProps } from './TimeSeriesTablePanel';\nimport { TimeSeriesTableItemSelectionActionsEditor } from './components';\nimport { TimeSeriesTableOptions } from './model';\n\n/**\n * The core TimeSeriesTable panel plugin for Perses.\n */\nexport const TimeSeriesTable: PanelPlugin<TimeSeriesTableOptions, TimeSeriesTableProps> = {\n  PanelComponent: TimeSeriesTablePanel,\n  supportedQueryTypes: ['TimeSeriesQuery'],\n  queryOptions: {\n    mode: 'instant',\n  },\n  panelOptionsEditorComponents: [{ label: 'Item Actions', content: TimeSeriesTableItemSelectionActionsEditor }],\n  createInitialOptions: () => {\n    return {};\n  },\n};\n"],"names":["TimeSeriesTablePanel","TimeSeriesTableItemSelectionActionsEditor","TimeSeriesTable","PanelComponent","supportedQueryTypes","queryOptions","mode","panelOptionsEditorComponents","label","content","createInitialOptions"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAGjC,SAASA,oBAAoB,QAA8B,yBAAyB;AACpF,SAASC,yCAAyC,QAAQ,eAAe;AAGzE;;CAEC,GACD,OAAO,MAAMC,kBAA6E;IACxFC,gBAAgBH;IAChBI,qBAAqB;QAAC;KAAkB;IACxCC,cAAc;QACZC,MAAM;IACR;IACAC,8BAA8B;QAAC;YAAEC,OAAO;YAAgBC,SAASR;QAA0C;KAAE;IAC7GS,sBAAsB;QACpB,OAAO,CAAC;IACV;AACF,EAAE"}
+{"version":3,"sources":["../../src/TimeSeriesTable.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { PanelPlugin } from '@perses-dev/plugin-system';\n\nimport { TimeSeriesTableItemSelectionActionsEditor } from './components';\nimport type { TimeSeriesTableOptions } from './model';\nimport type { TimeSeriesTableProps } from './TimeSeriesTablePanel';\nimport { TimeSeriesTablePanel } from './TimeSeriesTablePanel';\n\n/**\n * The core TimeSeriesTable panel plugin for Perses.\n */\nexport const TimeSeriesTable: PanelPlugin<TimeSeriesTableOptions, TimeSeriesTableProps> = {\n  PanelComponent: TimeSeriesTablePanel,\n  supportedQueryTypes: ['TimeSeriesQuery'],\n  queryOptions: {\n    mode: 'instant',\n  },\n  panelOptionsEditorComponents: [{ label: 'Item Actions', content: TimeSeriesTableItemSelectionActionsEditor }],\n  createInitialOptions: () => {\n    return {};\n  },\n};\n"],"names":["TimeSeriesTableItemSelectionActionsEditor","TimeSeriesTablePanel","TimeSeriesTable","PanelComponent","supportedQueryTypes","queryOptions","mode","panelOptionsEditorComponents","label","content","createInitialOptions"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAIjC,SAASA,yCAAyC,QAAQ,wBAAe;AAGzE,SAASC,oBAAoB,QAAQ,4BAAyB;AAE9D;;CAEC,GACD,OAAO,MAAMC,kBAA6E;IACxFC,gBAAgBF;IAChBG,qBAAqB;QAAC;KAAkB;IACxCC,cAAc;QACZC,MAAM;IACR;IACAC,8BAA8B;QAAC;YAAEC,OAAO;YAAgBC,SAAST;QAA0C;KAAE;IAC7GU,sBAAsB;QACpB,OAAO,CAAC;IACV;AACF,EAAE"}

package/lib/TimeSeriesTablePanel.d.ts

@@ -1,7 +1,7 @@
-import { ReactElement } from 'react';
-import { PanelProps } from '@perses-dev/plugin-system';
-import { TimeSeriesData } from '@perses-dev/spec';
-import { TimeSeriesTableOptions } from './model';
+import type { PanelProps } from '@perses-dev/plugin-system';
+import type { TimeSeriesData } from '@perses-dev/spec';
+import type { ReactElement } from 'react';
+import type { TimeSeriesTableOptions } from './model';
 export type TimeSeriesTableProps = PanelProps<TimeSeriesTableOptions, TimeSeriesData>;
 export declare function TimeSeriesTablePanel(props: TimeSeriesTableProps): ReactElement;
 //# sourceMappingURL=TimeSeriesTablePanel.d.ts.map

package/lib/TimeSeriesTablePanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimeSeriesTablePanel.d.ts","sourceRoot":"","sources":["../../src/TimeSeriesTablePanel.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAGjD,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC,sBAAsB,EAAE,cAAc,CAAC,CAAC;AAEtF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,CAa9E"}
+{"version":3,"file":"TimeSeriesTablePanel.d.ts","sourceRoot":"","sources":["../../src/TimeSeriesTablePanel.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC,sBAAsB,EAAE,cAAc,CAAC,CAAC;AAEtF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,CAa9E"}

package/lib/TimeSeriesTablePanel.js

@@ -11,9 +11,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { Box } from '@mui/material';
-import { useChartsTheme } from '@perses-dev/components';
-import { DataTable } from './components';
+import { Box } from "@mui/material";
+import { useChartsTheme } from "@perses-dev/components";
+import { DataTable } from "./components/index.js";
 export function TimeSeriesTablePanel(props) {
     const { contentDimensions, queryResults, spec } = props;
     const chartsTheme = useChartsTheme();

package/lib/TimeSeriesTablePanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/TimeSeriesTablePanel.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 { Box } from '@mui/material';\nimport { useChartsTheme } from '@perses-dev/components';\nimport { ReactElement } from 'react';\nimport { PanelProps } from '@perses-dev/plugin-system';\n\nimport { TimeSeriesData } from '@perses-dev/spec';\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, spec } = 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} spec={spec} />\n    </Box>\n  );\n}\n"],"names":["Box","useChartsTheme","DataTable","TimeSeriesTablePanel","props","contentDimensions","queryResults","spec","chartsTheme","contentPadding","container","padding","default","style","height","sx","overflowY"],"mappings":";AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,GAAG,QAAQ,gBAAgB;AACpC,SAASC,cAAc,QAAQ,yBAAyB;AAMxD,SAASC,SAAS,QAAQ,eAAe;AAIzC,OAAO,SAASC,qBAAqBC,KAA2B;IAC9D,MAAM,EAAEC,iBAAiB,EAAEC,YAAY,EAAEC,IAAI,EAAE,GAAGH;IAClD,MAAMI,cAAcP;IACpB,MAAMQ,iBAAiBD,YAAYE,SAAS,CAACC,OAAO,CAACC,OAAO;IAE5D,qBACE,KAACZ;QACCa,OAAO;YAAEC,QAAQT,mBAAmBS,UAAU;QAAE;QAChDC,IAAI;YAAEJ,SAAS,GAAGF,eAAe,EAAE,CAAC;YAAEO,WAAW;QAAS;kBAE1D,cAAA,KAACd;YAAUI,cAAcA;YAAcC,MAAMA;;;AAGnD"}
+{"version":3,"sources":["../../src/TimeSeriesTablePanel.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 { Box } from '@mui/material';\nimport { useChartsTheme } from '@perses-dev/components';\nimport type { PanelProps } from '@perses-dev/plugin-system';\nimport type { TimeSeriesData } from '@perses-dev/spec';\nimport type { ReactElement } from 'react';\n\nimport { DataTable } from './components';\nimport type { TimeSeriesTableOptions } from './model';\n\nexport type TimeSeriesTableProps = PanelProps<TimeSeriesTableOptions, TimeSeriesData>;\n\nexport function TimeSeriesTablePanel(props: TimeSeriesTableProps): ReactElement {\n  const { contentDimensions, queryResults, spec } = 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} spec={spec} />\n    </Box>\n  );\n}\n"],"names":["Box","useChartsTheme","DataTable","TimeSeriesTablePanel","props","contentDimensions","queryResults","spec","chartsTheme","contentPadding","container","padding","default","style","height","sx","overflowY"],"mappings":";AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,GAAG,QAAQ,gBAAgB;AACpC,SAASC,cAAc,QAAQ,yBAAyB;AAKxD,SAASC,SAAS,QAAQ,wBAAe;AAKzC,OAAO,SAASC,qBAAqBC,KAA2B;IAC9D,MAAM,EAAEC,iBAAiB,EAAEC,YAAY,EAAEC,IAAI,EAAE,GAAGH;IAClD,MAAMI,cAAcP;IACpB,MAAMQ,iBAAiBD,YAAYE,SAAS,CAACC,OAAO,CAACC,OAAO;IAE5D,qBACE,KAACZ;QACCa,OAAO;YAAEC,QAAQT,mBAAmBS,UAAU;QAAE;QAChDC,IAAI;YAAEJ,SAAS,GAAGF,eAAe,EAAE,CAAC;YAAEO,WAAW;QAAS;kBAE1D,cAAA,KAACd;YAAUI,cAAcA;YAAcC,MAAMA;;;AAGnD"}

package/lib/bootstrap.js

@@ -11,8 +11,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import React from 'react';
-import ReactDOM from 'react-dom/client';
+import React from "react";
+import ReactDOM from "react-dom/client";
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(/*#__PURE__*/ _jsx(React.StrictMode, {}));
 

package/lib/components/DataTable.d.ts

@@ -1,7 +1,7 @@
-import { PanelData } from '@perses-dev/plugin-system';
-import { ReactElement, ReactNode } from 'react';
-import { HistogramValue, TimeSeriesData } from '@perses-dev/spec';
-import { TimeSeriesTableOptions } from '../model';
+import type { PanelData } from '@perses-dev/plugin-system';
+import type { HistogramValue, TimeSeriesData } from '@perses-dev/spec';
+import type { ReactElement, ReactNode } from 'react';
+import type { TimeSeriesTableOptions } from '../model';
 export interface DataTableProps {
     queryResults: Array<PanelData<TimeSeriesData>>;
     spec: TimeSeriesTableOptions;

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

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable.tsx"],"names":[],"mappings":"AA2BA,OAAO,EAAiB,SAAS,EAAwB,MAAM,2BAA2B,CAAC;AAC3F,OAAO,EAAE,YAAY,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AACtE,OAAO,EAAe,cAAc,EAAc,cAAc,EAA4B,MAAM,kBAAkB,CAAC;AACrH,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAMlD,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC;IAC/C,IAAI,EAAE,sBAAsB,CAAC;CAC9B;AAeD;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,GAAI,wBAAwB,cAAc,KAAG,YAAY,GAAG,IAoLjF,CAAC;AAKF,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":"AA2BA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAE1E,OAAO,KAAK,EAEV,cAAc,EAEd,cAAc,EAEf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAMvD,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC;IAC/C,IAAI,EAAE,sBAAsB,CAAC;CAC9B;AAeD;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,GAAI,wBAAwB,cAAc,KAAG,YAAY,GAAG,IAoLjF,CAAC;AAKF,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

@@ -11,13 +11,13 @@ 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 { 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';
+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.js";
+import { SeriesName } from "./SeriesName.js";
 const MAX_FORMATTABLE_SERIES = 1000;
 /**
  * Build row data object from a TimeSeries, including all labels and value

package/lib/components/DataTable.js.map

@@ -1 +1 @@
-{"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 { useSelectionItemActions } from '@perses-dev/dashboards';\nimport { ActionOptions, PanelData, useAllVariableValues } from '@perses-dev/plugin-system';\nimport { ReactElement, ReactNode, useCallback, useMemo } from 'react';\nimport { BucketTuple, HistogramValue, TimeSeries, TimeSeriesData, TimeSeriesHistogramTuple } from '@perses-dev/spec';\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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"}
+{"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 { useSelectionItemActions } from '@perses-dev/dashboards';\nimport type { ActionOptions, PanelData } from '@perses-dev/plugin-system';\nimport { useAllVariableValues } from '@perses-dev/plugin-system';\nimport type {\n  BucketTuple,\n  HistogramValue,\n  TimeSeries,\n  TimeSeriesData,\n  TimeSeriesHistogramTuple,\n} from '@perses-dev/spec';\nimport type { ReactElement, ReactNode } from 'react';\nimport { useCallback, useMemo } from 'react';\n\nimport type { 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.d.ts

@@ -1,6 +1,6 @@
-import { PanelData } from '@perses-dev/plugin-system';
-import { ReactElement } from 'react';
-import { QueryDataType, UnknownSpec } from '@perses-dev/spec';
+import type { PanelData } from '@perses-dev/plugin-system';
+import type { QueryDataType, UnknownSpec } from '@perses-dev/spec';
+import type { ReactElement } from 'react';
 interface EmbeddedPanelProps {
     kind: string;
     spec: UnknownSpec;

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

@@ -1 +1 @@
-{"version":3,"file":"EmbeddedPanel.d.ts","sourceRoot":"","sources":["../../../src/components/EmbeddedPanel.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAItD,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE9D,UAAU,kBAAkB;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,WAAW,CAAC;IAClB,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC;CAC/C;AAED,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,kBAAkB,GAAG,YAAY,CAS5F"}
+{"version":3,"file":"EmbeddedPanel.d.ts","sourceRoot":"","sources":["../../../src/components/EmbeddedPanel.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,UAAU,kBAAkB;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,WAAW,CAAC;IAClB,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC;CAC/C;AAED,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,kBAAkB,GAAG,YAAY,CAS5F"}

package/lib/components/EmbeddedPanel.js

@@ -1,3 +1,4 @@
+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.
@@ -10,10 +11,9 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { jsx as _jsx } from "react/jsx-runtime";
-import { PanelPluginLoader } from '@perses-dev/dashboards';
-import useResizeObserver from 'use-resize-observer';
-import { ErrorAlert, ErrorBoundary } from '@perses-dev/components';
+import { ErrorAlert, ErrorBoundary } from "@perses-dev/components";
+import { PanelPluginLoader } from "@perses-dev/dashboards";
+import useResizeObserver from "use-resize-observer";
 export function EmbeddedPanel({ kind, spec, queryResults }) {
     const { ref, width = 1, height = 1 } = useResizeObserver();
     return /*#__PURE__*/ _jsx("div", {

package/lib/components/EmbeddedPanel.js.map

@@ -1 +1 @@
-{"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 { PanelPluginLoader } from '@perses-dev/dashboards';\nimport useResizeObserver from 'use-resize-observer';\nimport { ErrorAlert, ErrorBoundary } from '@perses-dev/components';\nimport { ReactElement } from 'react';\nimport { QueryDataType, UnknownSpec } from '@perses-dev/spec';\n\ninterface EmbeddedPanelProps {\n  kind: string;\n  spec: UnknownSpec;\n  queryResults: Array<PanelData<QueryDataType>>;\n}\n\nexport function EmbeddedPanel({ kind, spec, queryResults }: EmbeddedPanelProps): ReactElement {\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;;AAGjC,SAASA,iBAAiB,QAAQ,yBAAyB;AAC3D,OAAOC,uBAAuB,sBAAsB;AACpD,SAASC,UAAU,EAAEC,aAAa,QAAQ,yBAAyB;AAUnE,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 { ErrorAlert, ErrorBoundary } from '@perses-dev/components';\nimport { PanelPluginLoader } from '@perses-dev/dashboards';\nimport type { PanelData } from '@perses-dev/plugin-system';\nimport type { QueryDataType, UnknownSpec } from '@perses-dev/spec';\nimport type { ReactElement } from 'react';\nimport useResizeObserver from 'use-resize-observer';\n\ninterface EmbeddedPanelProps {\n  kind: string;\n  spec: UnknownSpec;\n  queryResults: Array<PanelData<QueryDataType>>;\n}\n\nexport function EmbeddedPanel({ kind, spec, queryResults }: EmbeddedPanelProps): ReactElement {\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":["ErrorAlert","ErrorBoundary","PanelPluginLoader","useResizeObserver","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;AAEjC,SAASA,UAAU,EAAEC,aAAa,QAAQ,yBAAyB;AACnE,SAASC,iBAAiB,QAAQ,yBAAyB;AAI3D,OAAOC,uBAAuB,sBAAsB;AAQpD,OAAO,SAASC,cAAc,EAAEC,IAAI,EAAEC,IAAI,EAAEC,YAAY,EAAsB;IAC5E,MAAM,EAAEC,GAAG,EAAEC,QAAQ,CAAC,EAAEC,SAAS,CAAC,EAAE,GAAGP;IACvC,qBACE,KAACQ;QAAIH,KAAKA;QAAKI,OAAO;YAAEF,QAAQ;QAAO;kBACrC,cAAA,KAACT;YAAcY,mBAAmBb;sBAChC,cAAA,KAACE;gBAAkBG,MAAMA;gBAAMS,mBAAmB;oBAAEL;oBAAOC;gBAAO;gBAAGJ,MAAMA;gBAAMC,cAAcA;;;;AAIvG"}

package/lib/components/SeriesName.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-import { Labels } from '@perses-dev/spec';
+import type { Labels } from '@perses-dev/spec';
+import type { ReactElement } from 'react';
 interface SeriesNameProps {
     name: string;
     labels?: Labels;

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

@@ -1 +1 @@
-{"version":3,"file":"SeriesName.d.ts","sourceRoot":"","sources":["../../../src/components/SeriesName.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAc,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,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"}
+{"version":3,"file":"SeriesName.d.ts","sourceRoot":"","sources":["../../../src/components/SeriesName.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAc,MAAM,OAAO,CAAC;AAEtD,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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -10,9 +11,8 @@
 // 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';
+import { Typography } from "@mui/material";
+import { useSnackbar } from "@perses-dev/components";
 /*
  * 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)

package/lib/components/SeriesName.js.map

@@ -1 +1 @@
-{"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 { ReactElement, MouseEvent } from 'react';\nimport { useSnackbar } from '@perses-dev/components';\nimport { Typography } from '@mui/material';\nimport { Labels } from '@perses-dev/spec';\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;;AAGjC,SAASA,WAAW,QAAQ,yBAAyB;AACrD,SAASC,UAAU,QAAQ,gBAAgB;AAU3C;;;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 { Typography } from '@mui/material';\nimport { useSnackbar } from '@perses-dev/components';\nimport type { Labels } from '@perses-dev/spec';\nimport type { ReactElement, MouseEvent } from 'react';\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":["Typography","useSnackbar","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;AAEjC,SAASA,UAAU,QAAQ,gBAAgB;AAC3C,SAASC,WAAW,QAAQ,yBAAyB;AAWrD;;;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,KAACJ;QAAWW,IAAI;YAAEC,UAAU;QAAO;kBAAIP,iBAAiBF;;AACjE;AAEA,SAASO,mBAAmB,EAAEN,MAAM,EAAsB;IACxD,MAAM,EAAES,YAAY,EAAE,GAAGZ;IAEzB,MAAMa,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,MAACf;oBACCiC,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,MAACf;QAAWW,IAAI;YAAEC,UAAU;QAAO;;YAChCR,SAASA,OAAOoC,QAAQ,GAAG;YAC3B;YACA1B;YACA;;;AAGP"}

package/lib/components/TimeSeriesTableItemSelectionActionsEditor.d.ts

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

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

@@ -1 +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"}
+{"version":3,"file":"TimeSeriesTableItemSelectionActionsEditor.d.ts","sourceRoot":"","sources":["../../../src/components/TimeSeriesTableItemSelectionActionsEditor.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,kCAAkC,EAAE,MAAM,UAAU,CAAC;AAEnE,wBAAgB,yCAAyC,CAAC,EACxD,KAAK,EACL,QAAQ,GACT,EAAE,kCAAkC,GAAG,YAAY,CAiBnD"}

package/lib/components/TimeSeriesTableItemSelectionActionsEditor.js

@@ -1,4 +1,3 @@
-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.
@@ -11,7 +10,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { ItemSelectionActionsEditor } from '@perses-dev/plugin-system';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ItemSelectionActionsEditor } from "@perses-dev/plugin-system";
 export function TimeSeriesTableItemSelectionActionsEditor({ value, onChange }) {
     function handleActionsChange(actions) {
         onChange({

package/lib/components/TimeSeriesTableItemSelectionActionsEditor.js.map

@@ -1 +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"}
+{"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 type { ActionOptions, SelectionOptions } from '@perses-dev/plugin-system';\nimport { ItemSelectionActionsEditor } from '@perses-dev/plugin-system';\nimport type { ReactElement } from 'react';\n\nimport type { 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;;AAGjC,SAASA,0BAA0B,QAAQ,4BAA4B;AAKvE,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.js

@@ -10,8 +10,8 @@
 // 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';
+export * from "./DataTable.js";
+export * from "./SeriesName.js";
+export * from "./TimeSeriesTableItemSelectionActionsEditor.js";
 
 //# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -1 +1 @@
-{"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"}
+{"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,iBAAc;AAC5B,cAAc,kBAAe;AAC7B,cAAc,iDAA8C"}

package/lib/getPluginModule.d.ts

@@ -1,4 +1,4 @@
-import { PluginModuleResource } from '@perses-dev/plugin-system';
+import type { PluginModuleResource } from '@perses-dev/plugin-system';
 /**
  * Returns the plugin module information from package.json
  */

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,KAAK,EAAE,oBAAoB,EAAoB,MAAM,2BAA2B,CAAC;AAIxF;;GAEG;AACH,wBAAgB,eAAe,IAAI,oBAAoB,CAUtD"}

package/lib/getPluginModule.js

@@ -10,7 +10,9 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import packageJson from '../package.json';
+import packageJson from "../package.json" with {
+    type: 'json'
+};
 /**
  * Returns the plugin module information from package.json
  */ export function getPluginModule() {

package/lib/getPluginModule.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/getPluginModule.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \\\"License\\\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \\\"AS IS\\\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { 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":"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;AAGjC,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"}
+{"version":3,"sources":["../../src/getPluginModule.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \\\"License\\\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \\\"AS IS\\\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { PluginModuleResource, PluginModuleSpec } from '@perses-dev/plugin-system';\n\nimport packageJson from '../package.json' with { type: '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","type","getPluginModule","name","version","perses","kind","metadata","spec"],"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;AAIjC,OAAOA,iBAAiB,uBAAuB;IAAEC,MAAM;AAAO,EAAE;AAEhE;;CAEC,GACD,OAAO,SAASC;IACd,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAEC,MAAM,EAAE,GAAGL;IAClC,OAAO;QACLM,MAAM;QACNC,UAAU;YACRJ;YACAC;QACF;QACAI,MAAMH;IACR;AACF"}

package/lib/index-federation.js

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

package/lib/index.js

@@ -10,11 +10,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.
-export * from './components/DataTable';
-export { getPluginModule } from './getPluginModule';
-export * from './model';
-export * from './components/SeriesName';
-export * from './TimeSeriesTable';
-export * from './TimeSeriesTablePanel';
+export * from "./components/DataTable.js";
+export { getPluginModule } from "./getPluginModule.js";
+export * from "./model.js";
+export * from "./components/SeriesName.js";
+export * from "./TimeSeriesTable.js";
+export * from "./TimeSeriesTablePanel.js";
 
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/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 './components/DataTable';\nexport { getPluginModule } from './getPluginModule';\nexport * from './model';\nexport * from './components/SeriesName';\nexport * from './TimeSeriesTable';\nexport * from './TimeSeriesTablePanel';\n"],"names":["getPluginModule"],"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,yBAAyB;AACvC,SAASA,eAAe,QAAQ,oBAAoB;AACpD,cAAc,UAAU;AACxB,cAAc,0BAA0B;AACxC,cAAc,oBAAoB;AAClC,cAAc,yBAAyB"}
+{"version":3,"sources":["../../src/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 './components/DataTable';\nexport { getPluginModule } from './getPluginModule';\nexport * from './model';\nexport * from './components/SeriesName';\nexport * from './TimeSeriesTable';\nexport * from './TimeSeriesTablePanel';\n"],"names":["getPluginModule"],"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,4BAAyB;AACvC,SAASA,eAAe,QAAQ,uBAAoB;AACpD,cAAc,aAAU;AACxB,cAAc,6BAA0B;AACxC,cAAc,uBAAoB;AAClC,cAAc,4BAAyB"}

package/lib/model.d.ts

@@ -1,4 +1,4 @@
-import { ActionOptions, OptionsEditorProps, SelectionOptions } from '@perses-dev/plugin-system';
+import type { ActionOptions, OptionsEditorProps, SelectionOptions } from '@perses-dev/plugin-system';
 export interface TimeSeriesTableOptions {
     /**
      * Enable row selection with checkboxes

package/lib/model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../src/model.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAEhG,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,MAAM,MAAM,kCAAkC,GAAG,kBAAkB,CAAC,sBAAsB,CAAC,CAAC"}
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../src/model.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAErG,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,MAAM,MAAM,kCAAkC,GAAG,kBAAkB,CAAC,sBAAsB,CAAC,CAAC"}

package/lib/model.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/model.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \\\"License\\\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \\\"AS IS\\\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { ActionOptions, OptionsEditorProps, SelectionOptions } from '@perses-dev/plugin-system';\n\nexport interface TimeSeriesTableOptions {\n  /**\n   * Enable row selection with checkboxes\n   */\n  selection?: SelectionOptions;\n  /**\n   * Configure actions that can be executed on selected rows\n   */\n  actions?: ActionOptions;\n}\n\nexport type TimeSeriesTableSettingsEditorProps = OptionsEditorProps<TimeSeriesTableOptions>;\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,WAA4F"}
+{"version":3,"sources":["../../src/model.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \\\"License\\\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \\\"AS IS\\\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { ActionOptions, OptionsEditorProps, SelectionOptions } from '@perses-dev/plugin-system';\n\nexport interface TimeSeriesTableOptions {\n  /**\n   * Enable row selection with checkboxes\n   */\n  selection?: SelectionOptions;\n  /**\n   * Configure actions that can be executed on selected rows\n   */\n  actions?: ActionOptions;\n}\n\nexport type TimeSeriesTableSettingsEditorProps = OptionsEditorProps<TimeSeriesTableOptions>;\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,WAA4F"}

package/lib/setup-tests.d.ts

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

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

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

package/lib/setup-tests.js

@@ -10,8 +10,8 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom/vitest";
 // Always mock e-charts during tests since we don't have a proper canvas in jsdom
-jest.mock('echarts/core');
+vi.mock('echarts/core');
 
 //# sourceMappingURL=setup-tests.js.map

package/lib/setup-tests.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/setup-tests.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport '@testing-library/jest-dom';\n\n// Always mock e-charts during tests since we don't have a proper canvas in jsdom\njest.mock('echarts/core');\n"],"names":["jest","mock"],"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,OAAO,4BAA4B;AAEnC,iFAAiF;AACjFA,KAAKC,IAAI,CAAC"}
+{"version":3,"sources":["../../src/setup-tests.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport '@testing-library/jest-dom/vitest';\n\n// Always mock e-charts during tests since we don't have a proper canvas in jsdom\nvi.mock('echarts/core');\n"],"names":["vi","mock"],"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,OAAO,mCAAmC;AAE1C,iFAAiF;AACjFA,GAAGC,IAAI,CAAC"}

package/lib/test/mock-query-results.d.ts

@@ -1,4 +1,4 @@
-import { TimeSeriesData } from '@perses-dev/spec';
+import type { TimeSeriesData } from '@perses-dev/spec';
 export declare const MOCK_TIME_SERIES_QUERY_RESULT_MULTIVALUE: {
     status: string;
     fetchStatus: string;

package/lib/test/mock-query-results.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mock-query-results.d.ts","sourceRoot":"","sources":["../../../src/test/mock-query-results.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,eAAO,MAAM,wCAAwC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8DpD,CAAC;AAEF,eAAO,MAAM,yCAAyC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDrD,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,cAsC9C,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,cAgC/C,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgElC,CAAC;AAEF,eAAO,MAAM,iCAAiC;;;;;;;;;;CAU7C,CAAC"}
+{"version":3,"file":"mock-query-results.d.ts","sourceRoot":"","sources":["../../../src/test/mock-query-results.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,eAAO,MAAM,wCAAwC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8DpD,CAAC;AAEF,eAAO,MAAM,yCAAyC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDrD,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,cAsC9C,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,cAgC/C,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgElC,CAAC;AAEF,eAAO,MAAM,iCAAiC;;;;;;;;;;CAU7C,CAAC"}