@perses-dev/timeseries-table-plugin 0.13.0-beta.7 → 0.13.0-rc.1

package/lib/components/DataTable.js

@@ -46,9 +46,7 @@ const MAX_FORMATTABLE_SERIES = 1000;
     const { selectionMap, setSelection, clearSelection, toggleSelection } = useSelection();
     const itemActionsConfig = spec.actions ? spec.actions : undefined;
     const itemActionsListConfig = useMemo(()=>itemActionsConfig?.enabled && itemActionsConfig.displayWithItem ? itemActionsConfig.actionsList : [], [
-        itemActionsConfig?.enabled,
-        itemActionsConfig?.displayWithItem,
-        itemActionsConfig?.actionsList
+        itemActionsConfig
     ]);
     const { getItemActionButtons, confirmDialog, actionButtons } = useSelectionItemActions({
         actions: itemActionsListConfig,

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 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":";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,SACEA,KAAK,EACLC,GAAG,EACHC,QAAQ,EACRC,KAAK,EACLC,KAAK,EACLC,SAAS,EACTC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACRC,UAAU,QACL,gBAAgB;AACvB,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,uBAAuB,QAAQ,yBAAyB;AAEjE,SAASC,oBAAoB,QAAQ,4BAA4B;AASjE,SAASC,WAAW,EAAEC,OAAO,QAAQ,QAAQ;AAG7C,SAASC,aAAa,QAAQ,qBAAkB;AAChD,SAASC,UAAU,QAAQ,kBAAe;AAE1C,MAAMC,yBAAyB;AAO/B;;CAEC,GACD,SAASC,aAAaC,EAAc;IAClC,OAAO;QACL,GAAGA,GAAGC,MAAM;QACZC,MAAMF,GAAGE,IAAI;QACbC,eAAeH,GAAGG,aAAa;QAC/BC,OAAOJ,GAAGK,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE;QAC1BC,WAAWN,GAAGK,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE;IAChC;AACF;AAEA;;;;;;;CAOC,GACD,OAAO,MAAME,YAAY,CAAC,EAAEC,YAAY,EAAEC,IAAI,EAAkB;IAC9D,MAAMC,eAAejB;IACrB,MAAMkB,SAAShB,QAAQ,IAAMa,aAAaI,OAAO,CAAC,CAACC,IAAMA,EAAEC,IAAI,EAAEF,OAAO,CAAC,CAACC,IAAMA,GAAGF,UAAU,EAAE,GAAG;QAACH;KAAa;IAEhH,MAAMO,mBAAmBN,KAAKO,SAAS,EAAEC,WAAW;IACpD,MAAM,EAAEC,YAAY,EAAEC,YAAY,EAAEC,cAAc,EAAEC,eAAe,EAAE,GAAG9B;IAKxE,MAAM+B,oBAAoBb,KAAKc,OAAO,GAAId,KAAKc,OAAO,GAAqBC;IAC3E,MAAMC,wBAAwB9B,QAC5B,IAAO2B,mBAAmBL,WAAWK,kBAAkBI,eAAe,GAAGJ,kBAAkBK,WAAW,GAAG,EAAE,EAC3G;QAACL,mBAAmBL;QAASK,mBAAmBI;QAAiBJ,mBAAmBK;KAAY;IAGlG,MAAM,EAAEC,oBAAoB,EAAEC,aAAa,EAAEC,aAAa,EAAE,GAAGtC,wBAAwB;QACrF+B,SAASE;QACTM,eAAerB;IACjB;IAEA,MAAMsB,iBAAiBF,iBAAiBA,cAAcG,MAAM,GAAG;IAE/D,MAAMC,cAAcvC,QAAQ;QAC1B,IAAIgB,OAAOsB,MAAM,KAAK,GAAG,OAAO;QAChC,OAAOtB,OAAOwB,KAAK,CAAC,CAACC,GAAGC,MAAQnB,aAAaoB,GAAG,CAACD,IAAIE,QAAQ;IAC/D,GAAG;QAAC5B;QAAQO;KAAa;IAEzB,kDAAkD;IAClD,MAAMsB,eAAe7C,QAAQ;QAC3B,IAAIgB,OAAOsB,MAAM,KAAK,GAAG,OAAO;QAChC,MAAMQ,gBAAgB9B,OAAO+B,MAAM,CAAC,CAACN,GAAGC,MAAQnB,aAAaoB,GAAG,CAACD,IAAIE,QAAQ,KAAKN,MAAM;QACxF,OAAOQ,gBAAgB,KAAKA,gBAAgB9B,OAAOsB,MAAM;IAC3D,GAAG;QAACtB;QAAQO;KAAa;IAEzB,MAAMyB,kBAAkBjD,YAAY;QAClC,IAAIwC,aAAa;YACfd;QACF,OAAO;YACL,MAAMwB,WAAWjC,OAAOkC,GAAG,CAAC,CAAC7C,IAAIqC,MAAS,CAAA;oBACxCS,IAAIT,IAAIE,QAAQ;oBAChBQ,MAAMhD,aAAaC;gBACrB,CAAA;YACAmB,aAAayB;QACf;IACF,GAAG;QAACV;QAAavB;QAAQQ;QAAcC;KAAe;IAEtD,MAAM4B,2BAA2BtD,YAC/B,CAACM,IAAgBiD;QACf,MAAMC,UAAUnD,aAAaC;QAC7BqB,gBAAgB6B,SAASD,UAAUV,QAAQ;IAC7C,GACA;QAAClB;KAAgB;IAGnB,yCAAyC;IACzC,MAAM8B,WAAWxD,QAAQ;QACvB,OAAOgB,OAAOkC,GAAG,CAAC,CAAC7C,IAAIqC,MAAS,CAAA;gBAC9BrC;gBACAqC;gBACAa,SAASnD,aAAaC;YACxB,CAAA;IACF,GAAG;QAACW;KAAO;IAEX,IAAI,CAACH,gBAAgB,CAACG,QAAQsB,QAAQ;QACpC,qBACE,KAACnD;YACCsE,IAAI;gBACFC,SAAS;gBACTC,gBAAgB;gBAChBC,YAAY;gBACZC,QAAQ;YACV;sBAEA,cAAA,KAAClE;0BAAW;;;IAGlB;IAEA,qBACE;;YACGuC;YACAlB,OAAOsB,MAAM,IAAInC,wCAChB,MAACjB;gBAAM4E,UAAS;;oBAAU;oBACL3D;oBAAuB;;;0BAG9C,MAACb;gBAAMyE,WAAU;;oBACd3C,oBAAoBJ,OAAOsB,MAAM,GAAG,mBACnC,KAAC7C;kCACC,cAAA,MAACC;;8CACC,KAACF;oCAAUwE,SAAQ;8CACjB,cAAA,KAAC5E;wCACC6E,eAAepB;wCACfqB,SAAS3B;wCACT4B,UAAUnB;wCACVoB,YAAY;4CAAE,cAAc;wCAAoB;;;8CAGpD,KAAC5E;8CAAU;;8CACX,KAACA;8CAAU;;gCACV6C,gCAAkB,KAAC7C;8CAAU;;;;;kCAIpC,KAACD;kCACEiE,SAASN,GAAG,CAAC,CAAC,EAAE7C,EAAE,EAAEqC,GAAG,EAAEa,OAAO,EAAE;4BACjC,MAAMc,oBAAoB,AAAChE,CAAAA,GAAGK,MAAM,EAAE4B,UAAU,CAAA,IAAK;4BACrD,MAAMgC,iBAAiBjE,GAAGK,MAAM,GAC5BL,GAAGK,MAAM,CAACwC,GAAG,CAAC,CAACqB,GAAGC,uBAChB,MAAC7E;;wCACE4E,CAAC,CAAC,EAAE;wCAAC;wCAAEF,mCAAqB,MAACI;;gDAAK;gDAAEF,CAAC,CAAC,EAAE;;;;mCAD1BC,WAInB,EAAE;4BAEN,IAAIE,qBAAqB;4BACzB,IAAIrE,GAAGsE,UAAU,IAAItE,GAAGsE,UAAU,CAACrC,MAAM,GAAG,GAAG;gCAC7C,MAAMsC,oBAA+C;oCACnD,GAAG/D,YAAY,CAAC,EAAE;oCAClBM,MAAM;wCACJ,GAAGN,YAAY,CAAC,EAAE,CAAEM,IAAI;wCACxBH,QAAQ;4CAACH,YAAY,CAAC,EAAE,CAAEM,IAAI,CAACH,MAAM,CAAC0B,IAAI;yCAAE;oCAC9C;gCACF;gCAEAgC,qBAAqBrE,GAAGsE,UAAU,CAACzB,GAAG,CAAC,CAAC2B,GAA6BC,uBACnE,MAACzF;wCAAMuE,YAAW;;0DAChB,KAACzE;gDAAI4F,OAAO;gDAAKlB,QAAQ;0DACvB,cAAA,KAAC5D;oDACC+E,MAAK;oDACLlE,MAAM;wDAAEmE,MAAM;wDAAWF,OAAO;wDAAKlB,QAAQ;oDAAI;oDACjDhD,cAAc;wDAAC+D;qDAAkB;;;0DAGrC,MAACvF;gDAAM6F,eAAc;gDAAMvB,gBAAe;gDAAgBoB,OAAM;;kEAC9D,MAACpF;;4DAAW;4DAAckF,CAAC,CAAC,EAAE,CAACM,KAAK;;;kEACpC,MAACxF;;4DAAW;4DAAMkF,CAAC,CAAC,EAAE,CAACO,GAAG;;;;;4CAE3BC,eAAeR,CAAC,CAAC,EAAE;;uCAZU,CAACC;4BAerC;4BAEA,MAAMQ,QAAQ5C,IAAIE,QAAQ;4BAC1B,MAAM2C,aAAahE,aAAaoB,GAAG,CAAC2C;4BACpC,MAAME,cAAcxE,OAAOsB,MAAM,GAAGnC;4BAEpC,qBACE,MAACT;gCAAS+F,OAAO;oCAAEC,YAAY;gCAAM;;oCAClCtE,kCACC,KAAC5B;wCAAUwE,SAAQ;kDACjB,cAAA,KAAC5E;4CACC8E,SAASqB;4CACTpB,UAAU,IAAMd,yBAAyBhD,IAAIqC;4CAC7C0B,YAAY;gDAAE,cAAc,CAAC,cAAc,EAAE1B,KAAK;4CAAC;;;kDAIzD,KAAClD;kDACC,cAAA,KAACU;4CACCK,MAAMF,GAAGE,IAAI;4CACbC,eAAeH,GAAGG,aAAa;4CAC/BF,QAAQD,GAAGC,MAAM;4CACjBkF,aAAaA;;;kDAGjB,KAAChG;kDAAWa,GAAGsE,UAAU,GAAGD,qBAAqBJ;;oCAChDjC,gCACC,KAAC7C;kDACC,cAAA,KAACL;4CAAIsE,IAAI;gDAAEC,SAAS;gDAAQiC,KAAK;4CAAE;sDAAI1D,qBAAqB;gDAAEkB,IAAImC;gDAAOnE,MAAMoC;4CAAQ;;;;+BArBhDb;wBA0BjD;;;;;;AAKV,EAAE;AAEF,MAAMkD,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,MAAMX,iBAAiB,CAACR,kBAC7B,MAACvF;;0BACC,KAACG;0BACC,cAAA,KAACC;8BACC,cAAA,KAACF;wBAAUiG,OAAO;4BAAEU,WAAW;wBAAS;wBAAGC,SAAS;kCAAG;;;;0BAK3D,MAAC7G;;kCACC,MAACG;;0CACC,KAACF;0CAAU;;0CACX,KAACA;0CAAU;;;;oBAEZqF,EAAEwB,OAAO,EAAEnD,IAAI,CAACoD,GAAgBC,kBAC/B,MAAC7G;;8CACC,KAACF;8CAAWuG,kBAAkBO;;8CAC9B,KAAC9G;8CAAW8G,CAAC,CAAC,EAAE;;;2BAFHC;;;;OAOrB"}
+{"version":3,"sources":["../../../src/components/DataTable.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport {\n  Alert,\n  Box,\n  Checkbox,\n  Stack,\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableRow,\n  Typography,\n} from '@mui/material';\nimport { useSelection } from '@perses-dev/components';\nimport { 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],\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/mf-manifest.json

@@ -5,11 +5,11 @@
     "name": "TimeSeriesTable",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.13.0-beta.7",
+      "buildVersion": "0.13.0-rc.1",
       "buildName": "@perses-dev/timeseries-table-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/TimeSeriesTable.fda7d48e.js",
+      "name": "__mf/js/TimeSeriesTable.ae776fa5.js",
       "path": "",
       "type": "global"
     },
@@ -19,9 +19,9 @@
       "zip": "",
       "api": ""
     },
-    "globalName": "TimeSeriesTable_0_13_0_beta_7",
+    "globalName": "TimeSeriesTable_0_13_0_rc_1",
     "pluginVersion": "2.9.2",
-    "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/TimeSeriesTable~0.13.0-beta.7/\"; }"
+    "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/TimeSeriesTable~0.13.0-rc.1/\"; }"
   },
   "shared": [
     {
@@ -34,7 +34,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/6274.831774e7.js"
+            "__mf/js/async/6274.1a403996.js"
           ]
         },
         "css": {
@@ -54,8 +54,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/1616.36a01a5d.js",
-            "__mf/js/async/9235.318668a1.js"
+            "__mf/js/async/1616.11ceda21.js",
+            "__mf/js/async/9235.02db0439.js"
           ]
         },
         "css": {
@@ -75,8 +75,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/5587.3e146a89.js",
-            "__mf/js/async/7968.5b138344.js"
+            "__mf/js/async/5587.59246aef.js",
+            "__mf/js/async/7968.aa01e72e.js"
           ]
         },
         "css": {
@@ -89,20 +89,20 @@
     {
       "id": "TimeSeriesTable:@perses-dev/components",
       "name": "@perses-dev/components",
-      "version": "0.55.0-beta.14",
+      "version": "0.55.0-rc.1",
       "singleton": true,
-      "requiredVersion": "^0.55.0-beta.14",
+      "requiredVersion": "^0.55.0-rc.1",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/8492.e2a25698.js"
+            "__mf/js/async/1492.b1a4347b.js"
           ]
         },
         "css": {
           "async": [],
           "sync": [
-            "__mf/css/async/8492.85c2cbf6.css"
+            "__mf/css/async/1492.85c2cbf6.css"
           ]
         }
       },
@@ -111,14 +111,14 @@
     {
       "id": "TimeSeriesTable:@perses-dev/dashboards",
       "name": "@perses-dev/dashboards",
-      "version": "0.55.0-beta.14",
+      "version": "0.55.0-rc.1",
       "singleton": true,
-      "requiredVersion": "^0.55.0-beta.14",
+      "requiredVersion": "^0.55.0-rc.1",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/3487.e6e01387.js"
+            "__mf/js/async/7893.4b05d829.js"
           ]
         },
         "css": {
@@ -131,14 +131,14 @@
     {
       "id": "TimeSeriesTable:@perses-dev/plugin-system",
       "name": "@perses-dev/plugin-system",
-      "version": "0.55.0-beta.14",
+      "version": "0.55.0-rc.1",
       "singleton": true,
-      "requiredVersion": "^0.55.0-beta.14",
+      "requiredVersion": "^0.55.0-rc.1",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/781.08aa6160.js"
+            "__mf/js/async/3072.92d4ea3b.js"
           ]
         },
         "css": {
@@ -151,14 +151,14 @@
     {
       "id": "TimeSeriesTable:@perses-dev/spec",
       "name": "@perses-dev/spec",
-      "version": "0.3.0-beta.10",
+      "version": "0.3.0-rc.1",
       "singleton": true,
-      "requiredVersion": "^0.3.0-beta.10",
+      "requiredVersion": "^0.3.0-rc.1",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/3923.38667d7f.js"
+            "__mf/js/async/3923.052dfbb4.js"
           ]
         },
         "css": {
@@ -178,7 +178,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/7192.324d1b6d.js"
+            "__mf/js/async/7192.9f614937.js"
           ]
         },
         "css": {
@@ -198,7 +198,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/873.fdd1d76e.js"
+            "__mf/js/async/873.a101de2f.js"
           ]
         },
         "css": {
@@ -218,7 +218,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/392.8cb63451.js"
+            "__mf/js/async/392.9ea8ff7d.js"
           ]
         },
         "css": {
@@ -238,7 +238,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/8470.c6e79c6d.js"
+            "__mf/js/async/8470.1f1dfc9f.js"
           ]
         },
         "css": {
@@ -258,7 +258,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/4121.7606b21d.js"
+            "__mf/js/async/4121.57abf11b.js"
           ]
         },
         "css": {
@@ -278,8 +278,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/4077.ba8d167e.js",
-            "__mf/js/async/6458.5fde6eec.js"
+            "__mf/js/async/4077.21a1e23c.js",
+            "__mf/js/async/6458.009615d7.js"
           ]
         },
         "css": {
@@ -299,7 +299,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/7978.7183d1c1.js"
+            "__mf/js/async/7978.87fd06f2.js"
           ]
         },
         "css": {
@@ -318,28 +318,28 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/9736.4413d6a9.js",
-            "__mf/js/async/__federation_expose_TimeSeriesTable.a0284c6a.js"
+            "__mf/js/async/9736.2bfb78a9.js",
+            "__mf/js/async/__federation_expose_TimeSeriesTable.4fa9b061.js"
           ],
           "async": [
-            "__mf/js/async/6465.295adc4a.js",
-            "__mf/js/async/2901.ce5ee8f4.js",
-            "__mf/js/async/9588.30d99d01.js",
-            "__mf/js/async/5071.748229ea.js",
-            "__mf/js/async/3480.39a3c3c0.js",
-            "__mf/js/async/2043.9874b684.js",
-            "__mf/js/async/3632.62a43fe9.js",
-            "__mf/js/async/lib-router.95b72689.js",
-            "__mf/js/async/8356.af5ab85c.js",
-            "__mf/js/async/7633.1473d121.js",
-            "__mf/js/async/2266.f85639f9.js",
-            "__mf/js/async/4496.7527ab36.js"
+            "__mf/js/async/6465.90eba8b4.js",
+            "__mf/js/async/2901.25b5febd.js",
+            "__mf/js/async/9588.eea72a72.js",
+            "__mf/js/async/5071.d37ecb9b.js",
+            "__mf/js/async/3480.eb8adcb7.js",
+            "__mf/js/async/2043.11c11e3f.js",
+            "__mf/js/async/3632.645b3283.js",
+            "__mf/js/async/lib-router.55e4a137.js",
+            "__mf/js/async/8356.3300138a.js",
+            "__mf/js/async/7633.f55efbb3.js",
+            "__mf/js/async/2266.f9af224c.js",
+            "__mf/js/async/4496.531c36d9.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/8492.85c2cbf6.css"
+            "__mf/css/async/1492.85c2cbf6.css"
           ]
         }
       },

package/mf-stats.json

@@ -5,11 +5,11 @@
     "name": "TimeSeriesTable",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.13.0-beta.7",
+      "buildVersion": "0.13.0-rc.1",
       "buildName": "@perses-dev/timeseries-table-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/TimeSeriesTable.fda7d48e.js",
+      "name": "__mf/js/TimeSeriesTable.ae776fa5.js",
       "path": "",
       "type": "global"
     },
@@ -19,9 +19,9 @@
       "zip": "",
       "api": ""
     },
-    "globalName": "TimeSeriesTable_0_13_0_beta_7",
+    "globalName": "TimeSeriesTable_0_13_0_rc_1",
     "pluginVersion": "2.9.2",
-    "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/TimeSeriesTable~0.13.0-beta.7/\"; }"
+    "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/TimeSeriesTable~0.13.0-rc.1/\"; }"
   },
   "shared": [
     {
@@ -36,7 +36,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/6274.831774e7.js"
+            "__mf/js/async/6274.1a403996.js"
           ]
         },
         "css": {
@@ -60,8 +60,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/1616.36a01a5d.js",
-            "__mf/js/async/9235.318668a1.js"
+            "__mf/js/async/1616.11ceda21.js",
+            "__mf/js/async/9235.02db0439.js"
           ]
         },
         "css": {
@@ -85,8 +85,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/5587.3e146a89.js",
-            "__mf/js/async/7968.5b138344.js"
+            "__mf/js/async/5587.59246aef.js",
+            "__mf/js/async/7968.aa01e72e.js"
           ]
         },
         "css": {
@@ -100,23 +100,23 @@
     },
     {
       "singleton": true,
-      "requiredVersion": "^0.55.0-beta.14",
+      "requiredVersion": "^0.55.0-rc.1",
       "shareScope": "default",
       "name": "@perses-dev/components",
-      "version": "0.55.0-beta.14",
+      "version": "0.55.0-rc.1",
       "eager": false,
       "id": "TimeSeriesTable:@perses-dev/components",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/8492.e2a25698.js"
+            "__mf/js/async/1492.b1a4347b.js"
           ]
         },
         "css": {
           "async": [],
           "sync": [
-            "__mf/css/async/8492.85c2cbf6.css"
+            "__mf/css/async/1492.85c2cbf6.css"
           ]
         }
       },
@@ -128,17 +128,17 @@
     },
     {
       "singleton": true,
-      "requiredVersion": "^0.55.0-beta.14",
+      "requiredVersion": "^0.55.0-rc.1",
       "shareScope": "default",
       "name": "@perses-dev/dashboards",
-      "version": "0.55.0-beta.14",
+      "version": "0.55.0-rc.1",
       "eager": false,
       "id": "TimeSeriesTable:@perses-dev/dashboards",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/3487.e6e01387.js"
+            "__mf/js/async/7893.4b05d829.js"
           ]
         },
         "css": {
@@ -154,17 +154,17 @@
     },
     {
       "singleton": true,
-      "requiredVersion": "^0.55.0-beta.14",
+      "requiredVersion": "^0.55.0-rc.1",
       "shareScope": "default",
       "name": "@perses-dev/plugin-system",
-      "version": "0.55.0-beta.14",
+      "version": "0.55.0-rc.1",
       "eager": false,
       "id": "TimeSeriesTable:@perses-dev/plugin-system",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/781.08aa6160.js"
+            "__mf/js/async/3072.92d4ea3b.js"
           ]
         },
         "css": {
@@ -180,17 +180,17 @@
     },
     {
       "singleton": true,
-      "requiredVersion": "^0.3.0-beta.10",
+      "requiredVersion": "^0.3.0-rc.1",
       "shareScope": "default",
       "name": "@perses-dev/spec",
-      "version": "0.3.0-beta.10",
+      "version": "0.3.0-rc.1",
       "eager": false,
       "id": "TimeSeriesTable:@perses-dev/spec",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/3923.38667d7f.js"
+            "__mf/js/async/3923.052dfbb4.js"
           ]
         },
         "css": {
@@ -214,7 +214,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/7192.324d1b6d.js"
+            "__mf/js/async/7192.9f614937.js"
           ]
         },
         "css": {
@@ -238,7 +238,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/873.fdd1d76e.js"
+            "__mf/js/async/873.a101de2f.js"
           ]
         },
         "css": {
@@ -262,7 +262,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/392.8cb63451.js"
+            "__mf/js/async/392.9ea8ff7d.js"
           ]
         },
         "css": {
@@ -286,7 +286,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/8470.c6e79c6d.js"
+            "__mf/js/async/8470.1f1dfc9f.js"
           ]
         },
         "css": {
@@ -310,7 +310,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/4121.7606b21d.js"
+            "__mf/js/async/4121.57abf11b.js"
           ]
         },
         "css": {
@@ -336,8 +336,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/4077.ba8d167e.js",
-            "__mf/js/async/6458.5fde6eec.js"
+            "__mf/js/async/4077.21a1e23c.js",
+            "__mf/js/async/6458.009615d7.js"
           ]
         },
         "css": {
@@ -363,7 +363,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/7978.7183d1c1.js"
+            "__mf/js/async/7978.87fd06f2.js"
           ]
         },
         "css": {
@@ -393,28 +393,28 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/9736.4413d6a9.js",
-            "__mf/js/async/__federation_expose_TimeSeriesTable.a0284c6a.js"
+            "__mf/js/async/9736.2bfb78a9.js",
+            "__mf/js/async/__federation_expose_TimeSeriesTable.4fa9b061.js"
           ],
           "async": [
-            "__mf/js/async/6465.295adc4a.js",
-            "__mf/js/async/2901.ce5ee8f4.js",
-            "__mf/js/async/9588.30d99d01.js",
-            "__mf/js/async/5071.748229ea.js",
-            "__mf/js/async/3480.39a3c3c0.js",
-            "__mf/js/async/2043.9874b684.js",
-            "__mf/js/async/3632.62a43fe9.js",
-            "__mf/js/async/lib-router.95b72689.js",
-            "__mf/js/async/8356.af5ab85c.js",
-            "__mf/js/async/7633.1473d121.js",
-            "__mf/js/async/2266.f85639f9.js",
-            "__mf/js/async/4496.7527ab36.js"
+            "__mf/js/async/6465.90eba8b4.js",
+            "__mf/js/async/2901.25b5febd.js",
+            "__mf/js/async/9588.eea72a72.js",
+            "__mf/js/async/5071.d37ecb9b.js",
+            "__mf/js/async/3480.eb8adcb7.js",
+            "__mf/js/async/2043.11c11e3f.js",
+            "__mf/js/async/3632.645b3283.js",
+            "__mf/js/async/lib-router.55e4a137.js",
+            "__mf/js/async/8356.3300138a.js",
+            "__mf/js/async/7633.f55efbb3.js",
+            "__mf/js/async/2266.f9af224c.js",
+            "__mf/js/async/4496.531c36d9.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/8492.85c2cbf6.css"
+            "__mf/css/async/1492.85c2cbf6.css"
           ]
         }
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/timeseries-table-plugin",
-  "version": "0.13.0-beta.7",
+  "version": "0.13.0-rc.1",
   "license": "Apache-2.0",
   "homepage": "https://github.com/perses/plugins/blob/main/README.md",
   "repository": {
@@ -28,10 +28,10 @@
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
     "@hookform/resolvers": "^5.9.1",
-    "@perses-dev/components": "^0.55.0-beta.14",
-    "@perses-dev/spec": "^0.3.0-beta.10",
-    "@perses-dev/plugin-system": "^0.55.0-beta.14",
-    "@perses-dev/dashboards": "^0.55.0-beta.14",
+    "@perses-dev/components": "^0.55.0-rc.1",
+    "@perses-dev/spec": "^0.3.0-rc.1",
+    "@perses-dev/plugin-system": "^0.55.0-rc.1",
+    "@perses-dev/dashboards": "^0.55.0-rc.1",
     "date-fns": "^4.1.0",
     "date-fns-tz": "^3.2.0",
     "echarts": "5.5.0",

package/__mf/js/async/1616.36a01a5d.js

@@ -1 +0,0 @@
-"use strict";(self.chunk_TimeSeriesTable_0_13_0_beta_7=self.chunk_TimeSeriesTable_0_13_0_beta_7||[]).push([["1616"],{19597(e,t,r){r.d(t,{A:()=>n});function n(e){var t=Object.create(null);return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}},37696(e,t,r){r.d(t,{J:()=>m});var n,i={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},a=r(19597),o=/[A-Z]|^ms/g,s=/_EMO_([^_]+?)_([^]*?)_EMO_/g,l=function(e){return 45===e.charCodeAt(1)},c=function(e){return null!=e&&"boolean"!=typeof e},d=(0,a.A)(function(e){return l(e)?e:e.replace(o,"-$&").toLowerCase()}),u=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(s,function(e,t,r){return n={name:t,styles:r,next:n},t})}return 1===i[e]||l(e)||"number"!=typeof t||0===t?t:t+"px"};function p(e,t,r){if(null==r)return"";if(void 0!==r.__emotion_styles)return r;switch(typeof r){case"boolean":return"";case"object":if(1===r.anim)return n={name:r.name,styles:r.styles,next:n},r.name;if(void 0!==r.styles){var i=r.next;if(void 0!==i)for(;void 0!==i;)n={name:i.name,styles:i.styles,next:n},i=i.next;return r.styles+";"}return function(e,t,r){var n="";if(Array.isArray(r))for(var i=0;i<r.length;i++)n+=p(e,t,r[i])+";";else for(var a in r){var o=r[a];if("object"!=typeof o)null!=t&&void 0!==t[o]?n+=a+"{"+t[o]+"}":c(o)&&(n+=d(a)+":"+u(a,o)+";");else if(Array.isArray(o)&&"string"==typeof o[0]&&(null==t||void 0===t[o[0]]))for(var s=0;s<o.length;s++)c(o[s])&&(n+=d(a)+":"+u(a,o[s])+";");else{var l=p(e,t,o);switch(a){case"animation":case"animationName":n+=d(a)+":"+l+";";break;default:n+=a+"{"+l+"}"}}}return n}(e,t,r);case"function":if(void 0!==e){var a=n,o=r(e);return n=a,p(e,t,o)}}if(null==t)return r;var s=t[r];return void 0!==s?s:r}var f=/label:\s*([^\s;{]+)\s*(;|$)/g;function m(e,t,r){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var i,a=!0,o="";n=void 0;var s=e[0];null==s||void 0===s.raw?(a=!1,o+=p(r,t,s)):o+=s[0];for(var l=1;l<e.length;l++)o+=p(r,t,e[l]),a&&(o+=s[l]);f.lastIndex=0;for(var c="";null!==(i=f.exec(o));)c+="-"+i[1];return{name:function(e){for(var t,r=0,n=0,i=e.length;i>=4;++n,i-=4)t=(65535&(t=255&e.charCodeAt(n)|(255&e.charCodeAt(++n))<<8|(255&e.charCodeAt(++n))<<16|(255&e.charCodeAt(++n))<<24))*0x5bd1e995+((t>>>16)*59797<<16),t^=t>>>24,r=(65535&t)*0x5bd1e995+((t>>>16)*59797<<16)^(65535&r)*0x5bd1e995+((r>>>16)*59797<<16);switch(i){case 3:r^=(255&e.charCodeAt(n+2))<<16;case 2:r^=(255&e.charCodeAt(n+1))<<8;case 1:r^=255&e.charCodeAt(n),r=(65535&r)*0x5bd1e995+((r>>>16)*59797<<16)}return r^=r>>>13,(((r=(65535&r)*0x5bd1e995+((r>>>16)*59797<<16))^r>>>15)>>>0).toString(36)}(o)+c,styles:o,next:n}}},63859(e,t,r){r.r(t),r.d(t,{default:()=>g});var n=r(68102),i=r(69402),a=r(37696),o=r(60755),s=r(309),l=r(70451),c=r(19597),d=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,u=(0,c.A)(function(e){return d.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&91>e.charCodeAt(2)}),p=function(e){return"theme"!==e},f=function(e){return"string"==typeof e&&e.charCodeAt(0)>96?u:p},m=function(e,t,r){var n;if(t){var i=t.shouldForwardProp;n=e.__emotion_forwardProp&&i?function(t){return e.__emotion_forwardProp(t)&&i(t)}:i}return"function"!=typeof n&&r&&(n=e.__emotion_forwardProp),n},h=function(e){var t=e.cache,r=e.serialized,n=e.isStringTag;return(0,s.SF)(t,r,n),(0,o.s)(function(){return(0,s.sk)(t,r,n)}),null},g=(function e(t,r){var o,c,d=t.__emotion_real===t,u=d&&t.__emotion_base||t;void 0!==r&&(o=r.label,c=r.target);var p=m(t,r,d),g=p||f(u),y=!g("as");return function(){var v=arguments,b=d&&void 0!==t.__emotion_styles?t.__emotion_styles.slice(0):[];if(void 0!==o&&b.push("label:"+o+";"),null==v[0]||void 0===v[0].raw)b.push.apply(b,v);else{var k=v[0];b.push(k[0]);for(var x=v.length,_=1;_<x;_++)b.push(v[_],k[_])}var w=(0,i.withEmotionCache)(function(e,t,r){var n=y&&e.as||u,o="",d=[],m=e;if(null==e.theme){for(var v in m={},e)m[v]=e[v];m.theme=l.useContext(i.ThemeContext)}"string"==typeof e.className?o=(0,s.Rk)(t.registered,d,e.className):null!=e.className&&(o=e.className+" ");var k=(0,a.J)(b.concat(d),t.registered,m);o+=t.key+"-"+k.name,void 0!==c&&(o+=" "+c);var x=y&&void 0===p?f(n):g,_={};for(var w in e)(!y||"as"!==w)&&x(w)&&(_[w]=e[w]);return _.className=o,r&&(_.ref=r),l.createElement(l.Fragment,null,l.createElement(h,{cache:t,serialized:k,isStringTag:"string"==typeof n}),l.createElement(n,_))});return w.displayName=void 0!==o?o:"Styled("+("string"==typeof u?u:u.displayName||u.name||"Component")+")",w.defaultProps=t.defaultProps,w.__emotion_real=w,w.__emotion_base=u,w.__emotion_styles=b,w.__emotion_forwardProp=p,Object.defineProperty(w,"toString",{value:function(){return"."+c}}),w.withComponent=function(t,i){return e(t,(0,n.A)({},r,i,{shouldForwardProp:m(w,i,!0)})).apply(void 0,b)},w}}).bind(null);["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"].forEach(function(e){g[e]=g(e)})},60755(e,t,r){r.d(t,{i:()=>o,s:()=>a});var n=r(70451),i=!!n.useInsertionEffect&&n.useInsertionEffect,a=i||function(e){return e()},o=i||n.useLayoutEffect},309(e,t,r){function n(e,t,r){var n="";return r.split(" ").forEach(function(r){void 0!==e[r]?t.push(e[r]+";"):r&&(n+=r+" ")}),n}r.d(t,{Rk:()=>n,SF:()=>i,sk:()=>a});var i=function(e,t,r){var n=e.key+"-"+t.name;!1===r&&void 0===e.registered[n]&&(e.registered[n]=t.styles)},a=function(e,t,r){i(e,t,r);var n=e.key+"-"+t.name;if(void 0===e.inserted[t.name]){var a=t;do e.insert(t===a?"."+n:"",a,e.sheet,!0),a=a.next;while(void 0!==a)}}},68102(e,t,r){r.d(t,{A:()=>n});function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}}}]);