@perses-dev/trace-table-plugin 0.10.0-beta.0 → 0.10.0

package/lib/DataTable.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-// Copyright 2024 The Perses Authors
+// Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
 // You may obtain a copy of the License at
@@ -14,8 +14,9 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { Avatar, Box, Chip, Link, Tooltip, Typography, useTheme } from '@mui/material';
 import { formatDuration, msToPrometheusDuration } from '@perses-dev/core';
 import { replaceVariablesInString, useAllVariableValues, useRouterContext } from '@perses-dev/plugin-system';
+import { useSelectionItemActions } from '@perses-dev/dashboards';
 import InformationIcon from 'mdi-material-ui/Information';
-import { useChartsTheme } from '@perses-dev/components';
+import { useChartsTheme, useSelection } from '@perses-dev/components';
 import { DataGrid } from '@mui/x-data-grid';
 import { useCallback, useMemo } from 'react';
 import { getServiceColor } from './utils/utils';
@@ -33,27 +34,75 @@ export function DataTable(props) {
     const muiTheme = useTheme();
     const chartsTheme = useChartsTheme();
     const variableValues = useAllVariableValues();
+    const selectionEnabled = options.selection?.enabled ?? false;
+    const { selectionMap, setSelection, clearSelection } = useSelection();
+    const itemActionsConfig = options.actions;
+    const showItemActions = itemActionsConfig?.enabled && itemActionsConfig?.displayWithItem;
+    const actionsList = showItemActions ? itemActionsConfig.actionsList : undefined;
+    const { getItemActionButtons, confirmDialog } = useSelectionItemActions({
+        actions: actionsList,
+        variableState: variableValues
+    });
+    // Convert selectionMap to DataGrid's row selection model
+    const rowSelectionModel = useMemo(()=>{
+        return Array.from(selectionMap.keys());
+    }, [
+        selectionMap
+    ]);
     const paletteMode = options.visual?.palette?.mode;
     const serviceColorGenerator = useCallback((serviceName)=>getServiceColor(muiTheme, chartsTheme, paletteMode, serviceName), [
         muiTheme,
         chartsTheme,
         paletteMode
     ]);
-    const rows = [];
-    for (const query of result){
-        const pluginSpec = query.definition.spec.plugin.spec;
-        const datasourceName = pluginSpec?.datasource?.name;
-        for (const trace of query.data?.searchResult || []){
-            const traceLink = options.links?.trace ? replaceVariablesInString(options.links.trace, variableValues, {
-                datasourceName: datasourceName ?? '',
-                traceId: trace.traceId
-            }) : undefined;
-            rows.push({
-                ...trace,
-                traceLink
-            });
+    const rows = useMemo(()=>{
+        const result_rows = [];
+        for (const query of result){
+            const pluginSpec = query.definition.spec.plugin.spec;
+            const datasourceName = pluginSpec?.datasource?.name;
+            for (const trace of query.data?.searchResult || []){
+                const traceLink = options.links?.trace ? replaceVariablesInString(options.links.trace, variableValues, {
+                    datasourceName: datasourceName ?? '',
+                    traceId: trace.traceId
+                }) : undefined;
+                result_rows.push({
+                    ...trace,
+                    traceLink
+                });
+            }
         }
-    }
+        return result_rows;
+    }, [
+        result,
+        options.links?.trace,
+        variableValues
+    ]);
+    const rowsById = useMemo(()=>{
+        const map = new Map();
+        rows.forEach((row)=>map.set(row.traceId, row));
+        return map;
+    }, [
+        rows
+    ]);
+    const handleRowSelectionModelChange = useCallback((newSelectionModel)=>{
+        const selectedIds = newSelectionModel;
+        if (selectedIds.length === 0) {
+            clearSelection();
+        } else {
+            const newSelection = selectedIds.map((id)=>{
+                const row = rowsById.get(id);
+                return row ? {
+                    id,
+                    item: row
+                } : null;
+            }).filter((entry)=>entry !== null);
+            setSelection(newSelection);
+        }
+    }, [
+        rowsById,
+        setSelection,
+        clearSelection
+    ]);
     const columns = useMemo(()=>[
             {
                 field: 'name',
@@ -151,41 +200,64 @@ export function DataTable(props) {
                             children: DATE_FORMATTER(new Date(row.startTimeUnixMs))
                         }, `st-${row.traceId}`)
                     })
-            }
+            },
+            ...actionsList && actionsList.length > 0 ? [
+                {
+                    field: 'actions',
+                    headerName: 'Actions',
+                    flex: actionsList.length,
+                    display: 'flex',
+                    type: 'actions',
+                    getActions: ({ row })=>getItemActionButtons({
+                            id: row.traceId,
+                            data: row
+                        })
+                }
+            ] : []
         ], [
-        serviceColorGenerator
+        serviceColorGenerator,
+        actionsList,
+        getItemActionButtons
     ]);
-    return /*#__PURE__*/ _jsx(DataGrid, {
-        sx: {
-            borderWidth: 0
-        },
-        columns: columns,
-        rows: rows,
-        getRowId: (row)=>row.traceId,
-        getRowHeight: ()=>'auto',
-        getEstimatedRowHeight: ()=>66,
-        disableRowSelectionOnClick: true,
-        pageSizeOptions: [
-            10,
-            20,
-            50,
-            100
-        ],
-        initialState: {
-            pagination: {
-                paginationModel: {
-                    pageSize: 20
-                }
-            },
-            sorting: {
-                sortModel: [
-                    {
-                        field: 'startTimeUnixMs',
-                        sort: 'desc'
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            confirmDialog,
+            /*#__PURE__*/ _jsx(DataGrid, {
+                sx: {
+                    borderWidth: 0
+                },
+                columns: columns,
+                rows: rows,
+                getRowId: (row)=>row.traceId,
+                getRowHeight: ()=>'auto',
+                getEstimatedRowHeight: ()=>66,
+                checkboxSelection: selectionEnabled,
+                rowSelectionModel: selectionEnabled ? rowSelectionModel : undefined,
+                onRowSelectionModelChange: selectionEnabled ? handleRowSelectionModelChange : undefined,
+                disableRowSelectionOnClick: !selectionEnabled,
+                pageSizeOptions: [
+                    10,
+                    20,
+                    50,
+                    100
+                ],
+                initialState: {
+                    pagination: {
+                        paginationModel: {
+                            pageSize: 20
+                        }
+                    },
+                    sorting: {
+                        sortModel: [
+                            {
+                                field: 'startTimeUnixMs',
+                                sort: 'desc'
+                            }
+                        ]
                     }
-                ]
-            }
-        }
+                }
+            })
+        ]
     });
 }
 function TraceName({ row: trace }) {

package/lib/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/DataTable.tsx"],"sourcesContent":["// Copyright 2024 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Avatar, Box, Chip, Link, Tooltip, Typography, useTheme } from '@mui/material';\nimport {\n  QueryDefinition,\n  ServiceStats,\n  TraceData,\n  TraceSearchResult,\n  formatDuration,\n  msToPrometheusDuration,\n} from '@perses-dev/core';\nimport { PanelData, replaceVariablesInString, useAllVariableValues, useRouterContext } from '@perses-dev/plugin-system';\nimport InformationIcon from 'mdi-material-ui/Information';\nimport { useChartsTheme } from '@perses-dev/components';\nimport { DataGrid, GridColDef } from '@mui/x-data-grid';\nimport { ReactElement, useCallback, useMemo } from 'react';\nimport { getServiceColor } from './utils/utils';\nimport { TraceTableOptions } from './trace-table-model';\n\nconst DATE_FORMATTER = new Intl.DateTimeFormat(undefined, {\n  dateStyle: 'long',\n  timeStyle: 'medium',\n}).format;\nconst UTC_DATE_FORMATTER = new Intl.DateTimeFormat(undefined, {\n  dateStyle: 'long',\n  timeStyle: 'long',\n  timeZone: 'UTC',\n}).format;\n\nexport type TraceLink = (params: { query: QueryDefinition; traceId: string }) => string;\n\nexport interface DataTableProps {\n  options: TraceTableOptions;\n  result: Array<PanelData<TraceData>>;\n}\n\ninterface Row extends TraceSearchResult {\n  traceLink?: string;\n}\n\nexport function DataTable(props: DataTableProps): ReactElement {\n  const { options, result } = props;\n  const muiTheme = useTheme();\n  const chartsTheme = useChartsTheme();\n  const variableValues = useAllVariableValues();\n\n  const paletteMode = options.visual?.palette?.mode;\n  const serviceColorGenerator = useCallback(\n    (serviceName: string) => getServiceColor(muiTheme, chartsTheme, paletteMode, serviceName),\n    [muiTheme, chartsTheme, paletteMode]\n  );\n\n  const rows: Row[] = [];\n  for (const query of result) {\n    const pluginSpec = query.definition.spec.plugin.spec as { datasource?: { name?: string } } | undefined;\n    const datasourceName = pluginSpec?.datasource?.name;\n\n    for (const trace of query.data?.searchResult || []) {\n      const traceLink = options.links?.trace\n        ? replaceVariablesInString(options.links.trace, variableValues, {\n            datasourceName: datasourceName ?? '',\n            traceId: trace.traceId,\n          })\n        : undefined;\n      rows.push({\n        ...trace,\n        traceLink,\n      });\n    }\n  }\n\n  const columns = useMemo<Array<GridColDef<Row>>>(\n    () => [\n      {\n        field: 'name',\n        headerName: 'Trace name',\n        type: 'string',\n        flex: 4,\n        display: 'flex',\n        valueGetter: (_, trace): string => `${trace.rootServiceName}: ${trace.rootTraceName}`,\n        renderCell: ({ row }): ReactElement => (\n          <Box sx={{ my: 1 }}>\n            <TraceName row={row} />\n            <br />\n            {Object.entries(row.serviceStats).map(([serviceName, stats]) => (\n              <ServiceChip\n                key={serviceName}\n                serviceName={serviceName}\n                stats={stats}\n                serviceColor={serviceColorGenerator(serviceName)}\n              />\n            ))}\n          </Box>\n        ),\n      },\n      {\n        field: 'spanCount',\n        headerName: 'Spans',\n        type: 'number',\n        headerAlign: 'left',\n        align: 'left',\n        flex: 2,\n        minWidth: 145,\n        display: 'flex',\n        valueGetter: (_, trace) => Object.values(trace.serviceStats).reduce((acc, val) => acc + val.spanCount, 0),\n        renderCell: ({ row }): ReactElement => {\n          let totalSpanCount = 0;\n          let totalErrorCount = 0;\n          for (const stats of Object.values(row.serviceStats)) {\n            totalSpanCount += stats.spanCount;\n            totalErrorCount += stats.errorCount ?? 0;\n          }\n          return (\n            <>\n              <Typography display=\"inline\">{totalSpanCount} spans</Typography>\n              {totalErrorCount > 0 && (\n                <Chip\n                  label={`${totalErrorCount} error${totalErrorCount === 1 ? '' : 's'}`}\n                  sx={{ marginLeft: '5px' }}\n                  icon={<InformationIcon />}\n                  variant=\"outlined\"\n                  size=\"small\"\n                  color=\"error\"\n                />\n              )}\n            </>\n          );\n        },\n      },\n      {\n        field: 'durationMs',\n        headerName: 'Duration',\n        type: 'number',\n        headerAlign: 'left',\n        align: 'left',\n        flex: 1,\n        minWidth: 70,\n        display: 'flex',\n        renderCell: ({ row }) => (\n          <Typography display=\"inline\">\n            {row.durationMs < 1 ? '<1ms' : formatDuration(msToPrometheusDuration(row.durationMs))}\n          </Typography>\n        ),\n      },\n      {\n        field: 'startTimeUnixMs',\n        headerName: 'Start time',\n        type: 'number',\n        headerAlign: 'left',\n        align: 'left',\n        flex: 3,\n        minWidth: 240,\n        display: 'flex',\n        renderCell: ({ row }) => (\n          <Tooltip title={UTC_DATE_FORMATTER(new Date(row.startTimeUnixMs))} placement=\"top\" arrow>\n            <Typography display=\"inline\" key={`st-${row.traceId}`}>\n              {DATE_FORMATTER(new Date(row.startTimeUnixMs))}\n            </Typography>\n          </Tooltip>\n        ),\n      },\n    ],\n    [serviceColorGenerator]\n  );\n\n  return (\n    <DataGrid\n      sx={{ borderWidth: 0 }}\n      columns={columns}\n      rows={rows}\n      getRowId={(row) => row.traceId}\n      getRowHeight={() => 'auto'}\n      getEstimatedRowHeight={() => 66}\n      disableRowSelectionOnClick={true}\n      pageSizeOptions={[10, 20, 50, 100]}\n      initialState={{\n        pagination: { paginationModel: { pageSize: 20 } },\n        sorting: {\n          sortModel: [{ field: 'startTimeUnixMs', sort: 'desc' }],\n        },\n      }}\n    />\n  );\n}\n\ninterface TraceNameProps {\n  row: Row;\n}\n\nfunction TraceName({ row: trace }: TraceNameProps): ReactElement {\n  const { RouterComponent } = useRouterContext();\n\n  if (RouterComponent && trace.traceLink) {\n    return (\n      <Link variant=\"body1\" color=\"inherit\" underline=\"hover\" component={RouterComponent} to={trace.traceLink}>\n        <strong>{trace.rootServiceName}:</strong> {trace.rootTraceName}\n      </Link>\n    );\n  }\n\n  return (\n    <Typography display=\"inline\">\n      <strong>{trace.rootServiceName}:</strong> {trace.rootTraceName}\n    </Typography>\n  );\n}\n\ninterface ServiceChipProps {\n  serviceName: string;\n  stats: ServiceStats;\n  serviceColor: string;\n}\n\nfunction ServiceChip({ serviceName, stats, serviceColor }: ServiceChipProps): ReactElement {\n  return (\n    <Chip\n      label={serviceName}\n      variant=\"outlined\"\n      size=\"small\"\n      style={{ ['--service-color' as string]: serviceColor }}\n      sx={{ marginTop: '5px', marginRight: '5px', borderColor: 'var(--service-color)' }}\n      avatar={\n        <Avatar\n          sx={{\n            minWidth: 'fit-content', // by default width is fixed to 18px, which is not enough for multi-digit span counts\n            padding: '6px',\n            backgroundColor: 'var(--service-color)',\n            fontSize: '0.65rem',\n            fontWeight: 'bold',\n            textShadow: '0 0 5px #fff',\n          }}\n        >\n          {stats.spanCount}\n        </Avatar>\n      }\n    />\n  );\n}\n"],"names":["Avatar","Box","Chip","Link","Tooltip","Typography","useTheme","formatDuration","msToPrometheusDuration","replaceVariablesInString","useAllVariableValues","useRouterContext","InformationIcon","useChartsTheme","DataGrid","useCallback","useMemo","getServiceColor","DATE_FORMATTER","Intl","DateTimeFormat","undefined","dateStyle","timeStyle","format","UTC_DATE_FORMATTER","timeZone","DataTable","props","options","result","muiTheme","chartsTheme","variableValues","paletteMode","visual","palette","mode","serviceColorGenerator","serviceName","rows","query","pluginSpec","definition","spec","plugin","datasourceName","datasource","name","trace","data","searchResult","traceLink","links","traceId","push","columns","field","headerName","type","flex","display","valueGetter","_","rootServiceName","rootTraceName","renderCell","row","sx","my","TraceName","br","Object","entries","serviceStats","map","stats","ServiceChip","serviceColor","headerAlign","align","minWidth","values","reduce","acc","val","spanCount","totalSpanCount","totalErrorCount","errorCount","label","marginLeft","icon","variant","size","color","durationMs","title","Date","startTimeUnixMs","placement","arrow","borderWidth","getRowId","getRowHeight","getEstimatedRowHeight","disableRowSelectionOnClick","pageSizeOptions","initialState","pagination","paginationModel","pageSize","sorting","sortModel","sort","RouterComponent","underline","component","to","strong","style","marginTop","marginRight","borderColor","avatar","padding","backgroundColor","fontSize","fontWeight","textShadow"],"mappings":"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"}
+{"version":3,"sources":["../../src/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 { Avatar, Box, Chip, Link, Tooltip, Typography, useTheme } from '@mui/material';\nimport {\n  QueryDefinition,\n  ServiceStats,\n  TraceData,\n  TraceSearchResult,\n  formatDuration,\n  msToPrometheusDuration,\n} from '@perses-dev/core';\nimport { PanelData, replaceVariablesInString, useAllVariableValues, useRouterContext } from '@perses-dev/plugin-system';\nimport { useSelectionItemActions } from '@perses-dev/dashboards';\nimport InformationIcon from 'mdi-material-ui/Information';\nimport { useChartsTheme, useSelection } from '@perses-dev/components';\nimport { DataGrid, GridColDef, GridRowSelectionModel } from '@mui/x-data-grid';\nimport { ReactElement, useCallback, useMemo } from 'react';\nimport { getServiceColor } from './utils/utils';\nimport { TraceTableOptions } from './trace-table-model';\n\nconst DATE_FORMATTER = new Intl.DateTimeFormat(undefined, {\n  dateStyle: 'long',\n  timeStyle: 'medium',\n}).format;\nconst UTC_DATE_FORMATTER = new Intl.DateTimeFormat(undefined, {\n  dateStyle: 'long',\n  timeStyle: 'long',\n  timeZone: 'UTC',\n}).format;\n\nexport type TraceLink = (params: { query: QueryDefinition; traceId: string }) => string;\n\nexport interface DataTableProps {\n  options: TraceTableOptions;\n  result: Array<PanelData<TraceData>>;\n}\n\ninterface Row extends TraceSearchResult {\n  traceLink?: string;\n}\n\nexport function DataTable(props: DataTableProps): ReactElement {\n  const { options, result } = props;\n  const muiTheme = useTheme();\n  const chartsTheme = useChartsTheme();\n  const variableValues = useAllVariableValues();\n\n  const selectionEnabled = options.selection?.enabled ?? false;\n  const { selectionMap, setSelection, clearSelection } = useSelection<Row, string>();\n\n  const itemActionsConfig = options.actions;\n  const showItemActions = itemActionsConfig?.enabled && itemActionsConfig?.displayWithItem;\n  const actionsList = showItemActions ? itemActionsConfig.actionsList : undefined;\n\n  const { getItemActionButtons, confirmDialog } = useSelectionItemActions({\n    actions: actionsList,\n    variableState: variableValues,\n  });\n\n  // Convert selectionMap to DataGrid's row selection model\n  const rowSelectionModel = useMemo((): GridRowSelectionModel => {\n    return Array.from(selectionMap.keys()) as string[];\n  }, [selectionMap]);\n\n  const paletteMode = options.visual?.palette?.mode;\n  const serviceColorGenerator = useCallback(\n    (serviceName: string) => getServiceColor(muiTheme, chartsTheme, paletteMode, serviceName),\n    [muiTheme, chartsTheme, paletteMode]\n  );\n\n  const rows: Row[] = useMemo(() => {\n    const result_rows: Row[] = [];\n    for (const query of result) {\n      const pluginSpec = query.definition.spec.plugin.spec as { datasource?: { name?: string } } | undefined;\n      const datasourceName = pluginSpec?.datasource?.name;\n\n      for (const trace of query.data?.searchResult || []) {\n        const traceLink = options.links?.trace\n          ? replaceVariablesInString(options.links.trace, variableValues, {\n              datasourceName: datasourceName ?? '',\n              traceId: trace.traceId,\n            })\n          : undefined;\n        result_rows.push({\n          ...trace,\n          traceLink,\n        });\n      }\n    }\n    return result_rows;\n  }, [result, options.links?.trace, variableValues]);\n\n  const rowsById = useMemo(() => {\n    const map = new Map<string, Row>();\n    rows.forEach((row) => map.set(row.traceId, row));\n    return map;\n  }, [rows]);\n\n  const handleRowSelectionModelChange = useCallback(\n    (newSelectionModel: GridRowSelectionModel) => {\n      const selectedIds = newSelectionModel as string[];\n      if (selectedIds.length === 0) {\n        clearSelection();\n      } else {\n        const newSelection = selectedIds\n          .map((id) => {\n            const row = rowsById.get(id);\n            return row ? { id, item: row } : null;\n          })\n          .filter((entry): entry is { id: string; item: Row } => entry !== null);\n        setSelection(newSelection);\n      }\n    },\n    [rowsById, setSelection, clearSelection]\n  );\n\n  const columns = useMemo<Array<GridColDef<Row>>>(\n    () => [\n      {\n        field: 'name',\n        headerName: 'Trace name',\n        type: 'string',\n        flex: 4,\n        display: 'flex',\n        valueGetter: (_, trace): string => `${trace.rootServiceName}: ${trace.rootTraceName}`,\n        renderCell: ({ row }): ReactElement => (\n          <Box sx={{ my: 1 }}>\n            <TraceName row={row} />\n            <br />\n            {Object.entries(row.serviceStats).map(([serviceName, stats]) => (\n              <ServiceChip\n                key={serviceName}\n                serviceName={serviceName}\n                stats={stats}\n                serviceColor={serviceColorGenerator(serviceName)}\n              />\n            ))}\n          </Box>\n        ),\n      },\n      {\n        field: 'spanCount',\n        headerName: 'Spans',\n        type: 'number',\n        headerAlign: 'left',\n        align: 'left',\n        flex: 2,\n        minWidth: 145,\n        display: 'flex',\n        valueGetter: (_, trace) => Object.values(trace.serviceStats).reduce((acc, val) => acc + val.spanCount, 0),\n        renderCell: ({ row }): ReactElement => {\n          let totalSpanCount = 0;\n          let totalErrorCount = 0;\n          for (const stats of Object.values(row.serviceStats)) {\n            totalSpanCount += stats.spanCount;\n            totalErrorCount += stats.errorCount ?? 0;\n          }\n          return (\n            <>\n              <Typography display=\"inline\">{totalSpanCount} spans</Typography>\n              {totalErrorCount > 0 && (\n                <Chip\n                  label={`${totalErrorCount} error${totalErrorCount === 1 ? '' : 's'}`}\n                  sx={{ marginLeft: '5px' }}\n                  icon={<InformationIcon />}\n                  variant=\"outlined\"\n                  size=\"small\"\n                  color=\"error\"\n                />\n              )}\n            </>\n          );\n        },\n      },\n      {\n        field: 'durationMs',\n        headerName: 'Duration',\n        type: 'number',\n        headerAlign: 'left',\n        align: 'left',\n        flex: 1,\n        minWidth: 70,\n        display: 'flex',\n        renderCell: ({ row }) => (\n          <Typography display=\"inline\">\n            {row.durationMs < 1 ? '<1ms' : formatDuration(msToPrometheusDuration(row.durationMs))}\n          </Typography>\n        ),\n      },\n      {\n        field: 'startTimeUnixMs',\n        headerName: 'Start time',\n        type: 'number',\n        headerAlign: 'left',\n        align: 'left',\n        flex: 3,\n        minWidth: 240,\n        display: 'flex',\n        renderCell: ({ row }) => (\n          <Tooltip title={UTC_DATE_FORMATTER(new Date(row.startTimeUnixMs))} placement=\"top\" arrow>\n            <Typography display=\"inline\" key={`st-${row.traceId}`}>\n              {DATE_FORMATTER(new Date(row.startTimeUnixMs))}\n            </Typography>\n          </Tooltip>\n        ),\n      },\n      ...(actionsList && actionsList.length > 0\n        ? [\n            {\n              field: 'actions',\n              headerName: 'Actions',\n              flex: actionsList.length,\n              display: 'flex' as const,\n              type: 'actions' as const,\n              getActions: ({ row }: { row: Row }) =>\n                getItemActionButtons({ id: row.traceId, data: row as unknown as Record<string, unknown> }),\n            },\n          ]\n        : []),\n    ],\n    [serviceColorGenerator, actionsList, getItemActionButtons]\n  );\n\n  return (\n    <>\n      {confirmDialog}\n      <DataGrid\n        sx={{ borderWidth: 0 }}\n        columns={columns}\n        rows={rows}\n        getRowId={(row) => row.traceId}\n        getRowHeight={() => 'auto'}\n        getEstimatedRowHeight={() => 66}\n        checkboxSelection={selectionEnabled}\n        rowSelectionModel={selectionEnabled ? rowSelectionModel : undefined}\n        onRowSelectionModelChange={selectionEnabled ? handleRowSelectionModelChange : undefined}\n        disableRowSelectionOnClick={!selectionEnabled}\n        pageSizeOptions={[10, 20, 50, 100]}\n        initialState={{\n          pagination: { paginationModel: { pageSize: 20 } },\n          sorting: {\n            sortModel: [{ field: 'startTimeUnixMs', sort: 'desc' }],\n          },\n        }}\n      />\n    </>\n  );\n}\n\ninterface TraceNameProps {\n  row: Row;\n}\n\nfunction TraceName({ row: trace }: TraceNameProps): ReactElement {\n  const { RouterComponent } = useRouterContext();\n\n  if (RouterComponent && trace.traceLink) {\n    return (\n      <Link variant=\"body1\" color=\"inherit\" underline=\"hover\" component={RouterComponent} to={trace.traceLink}>\n        <strong>{trace.rootServiceName}:</strong> {trace.rootTraceName}\n      </Link>\n    );\n  }\n\n  return (\n    <Typography display=\"inline\">\n      <strong>{trace.rootServiceName}:</strong> {trace.rootTraceName}\n    </Typography>\n  );\n}\n\ninterface ServiceChipProps {\n  serviceName: string;\n  stats: ServiceStats;\n  serviceColor: string;\n}\n\nfunction ServiceChip({ serviceName, stats, serviceColor }: ServiceChipProps): ReactElement {\n  return (\n    <Chip\n      label={serviceName}\n      variant=\"outlined\"\n      size=\"small\"\n      style={{ ['--service-color' as string]: serviceColor }}\n      sx={{ marginTop: '5px', marginRight: '5px', borderColor: 'var(--service-color)' }}\n      avatar={\n        <Avatar\n          sx={{\n            minWidth: 'fit-content', // by default width is fixed to 18px, which is not enough for multi-digit span counts\n            padding: '6px',\n            backgroundColor: 'var(--service-color)',\n            fontSize: '0.65rem',\n            fontWeight: 'bold',\n            textShadow: '0 0 5px #fff',\n          }}\n        >\n          {stats.spanCount}\n        </Avatar>\n      }\n    />\n  );\n}\n"],"names":["Avatar","Box","Chip","Link","Tooltip","Typography","useTheme","formatDuration","msToPrometheusDuration","replaceVariablesInString","useAllVariableValues","useRouterContext","useSelectionItemActions","InformationIcon","useChartsTheme","useSelection","DataGrid","useCallback","useMemo","getServiceColor","DATE_FORMATTER","Intl","DateTimeFormat","undefined","dateStyle","timeStyle","format","UTC_DATE_FORMATTER","timeZone","DataTable","props","options","result","muiTheme","chartsTheme","variableValues","selectionEnabled","selection","enabled","selectionMap","setSelection","clearSelection","itemActionsConfig","actions","showItemActions","displayWithItem","actionsList","getItemActionButtons","confirmDialog","variableState","rowSelectionModel","Array","from","keys","paletteMode","visual","palette","mode","serviceColorGenerator","serviceName","rows","result_rows","query","pluginSpec","definition","spec","plugin","datasourceName","datasource","name","trace","data","searchResult","traceLink","links","traceId","push","rowsById","map","Map","forEach","row","set","handleRowSelectionModelChange","newSelectionModel","selectedIds","length","newSelection","id","get","item","filter","entry","columns","field","headerName","type","flex","display","valueGetter","_","rootServiceName","rootTraceName","renderCell","sx","my","TraceName","br","Object","entries","serviceStats","stats","ServiceChip","serviceColor","headerAlign","align","minWidth","values","reduce","acc","val","spanCount","totalSpanCount","totalErrorCount","errorCount","label","marginLeft","icon","variant","size","color","durationMs","title","Date","startTimeUnixMs","placement","arrow","getActions","borderWidth","getRowId","getRowHeight","getEstimatedRowHeight","checkboxSelection","onRowSelectionModelChange","disableRowSelectionOnClick","pageSizeOptions","initialState","pagination","paginationModel","pageSize","sorting","sortModel","sort","RouterComponent","underline","component","to","strong","style","marginTop","marginRight","borderColor","avatar","padding","backgroundColor","fontSize","fontWeight","textShadow"],"mappings":"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"}

package/lib/TraceTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TraceTable.d.ts","sourceRoot":"","sources":["../../src/TraceTable.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAmB,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAkC,MAAM,qBAAqB,CAAC;AAExF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,WAAW,CAAC,iBAAiB,EAAE,oBAAoB,CAI3E,CAAC"}
+{"version":3,"file":"TraceTable.d.ts","sourceRoot":"","sources":["../../src/TraceTable.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,OAAO,EAAmB,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAkC,MAAM,qBAAqB,CAAC;AAExF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,WAAW,CAAC,iBAAiB,EAAE,oBAAoB,CAK3E,CAAC"}

package/lib/TraceTable.js

@@ -1,4 +1,4 @@
-// Copyright 2024 The Perses Authors
+// Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
 // You may obtain a copy of the License at
@@ -10,12 +10,19 @@
 // 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 { TraceTableItemSelectionActionsEditor } from './TraceTableItemSelectionActionsEditor';
 import { TraceTablePanel } from './TraceTablePanel';
 import { createInitialTraceTableOptions } from './trace-table-model';
 /**
  * The core TraceTable panel plugin for Perses.
  */ export const TraceTable = {
     PanelComponent: TraceTablePanel,
+    panelOptionsEditorComponents: [
+        {
+            label: 'Item Actions',
+            content: TraceTableItemSelectionActionsEditor
+        }
+    ],
     supportedQueryTypes: [
         'TraceQuery'
     ],

package/lib/TraceTable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/TraceTable.ts"],"sourcesContent":["// Copyright 2024 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { PanelPlugin } from '@perses-dev/plugin-system';\nimport { TraceTablePanel, TraceTablePanelProps } from './TraceTablePanel';\nimport { TraceTableOptions, createInitialTraceTableOptions } from './trace-table-model';\n\n/**\n * The core TraceTable panel plugin for Perses.\n */\nexport const TraceTable: PanelPlugin<TraceTableOptions, TraceTablePanelProps> = {\n  PanelComponent: TraceTablePanel,\n  supportedQueryTypes: ['TraceQuery'],\n  createInitialOptions: createInitialTraceTableOptions,\n};\n"],"names":["TraceTablePanel","createInitialTraceTableOptions","TraceTable","PanelComponent","supportedQueryTypes","createInitialOptions"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAGjC,SAASA,eAAe,QAA8B,oBAAoB;AAC1E,SAA4BC,8BAA8B,QAAQ,sBAAsB;AAExF;;CAEC,GACD,OAAO,MAAMC,aAAmE;IAC9EC,gBAAgBH;IAChBI,qBAAqB;QAAC;KAAa;IACnCC,sBAAsBJ;AACxB,EAAE"}
+{"version":3,"sources":["../../src/TraceTable.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 { TraceTableItemSelectionActionsEditor } from './TraceTableItemSelectionActionsEditor';\nimport { TraceTablePanel, TraceTablePanelProps } from './TraceTablePanel';\nimport { TraceTableOptions, createInitialTraceTableOptions } from './trace-table-model';\n\n/**\n * The core TraceTable panel plugin for Perses.\n */\nexport const TraceTable: PanelPlugin<TraceTableOptions, TraceTablePanelProps> = {\n  PanelComponent: TraceTablePanel,\n  panelOptionsEditorComponents: [{ label: 'Item Actions', content: TraceTableItemSelectionActionsEditor }],\n  supportedQueryTypes: ['TraceQuery'],\n  createInitialOptions: createInitialTraceTableOptions,\n};\n"],"names":["TraceTableItemSelectionActionsEditor","TraceTablePanel","createInitialTraceTableOptions","TraceTable","PanelComponent","panelOptionsEditorComponents","label","content","supportedQueryTypes","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,oCAAoC,QAAQ,yCAAyC;AAC9F,SAASC,eAAe,QAA8B,oBAAoB;AAC1E,SAA4BC,8BAA8B,QAAQ,sBAAsB;AAExF;;CAEC,GACD,OAAO,MAAMC,aAAmE;IAC9EC,gBAAgBH;IAChBI,8BAA8B;QAAC;YAAEC,OAAO;YAAgBC,SAASP;QAAqC;KAAE;IACxGQ,qBAAqB;QAAC;KAAa;IACnCC,sBAAsBP;AACxB,EAAE"}

package/lib/TraceTableItemSelectionActionsEditor.d.ts

@@ -0,0 +1,7 @@
+import { OptionsEditorProps } from '@perses-dev/plugin-system';
+import { ReactElement } from 'react';
+import { TraceTableOptions } from './trace-table-model';
+type TraceTableItemSelectionActionsEditorProps = OptionsEditorProps<TraceTableOptions>;
+export declare function TraceTableItemSelectionActionsEditor(props: TraceTableItemSelectionActionsEditorProps): ReactElement;
+export {};
+//# sourceMappingURL=TraceTableItemSelectionActionsEditor.d.ts.map

package/lib/TraceTableItemSelectionActionsEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TraceTableItemSelectionActionsEditor.d.ts","sourceRoot":"","sources":["../../src/TraceTableItemSelectionActionsEditor.tsx"],"names":[],"mappings":"AAaA,OAAO,EAGL,kBAAkB,EAEnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,KAAK,yCAAyC,GAAG,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;AAEvF,wBAAgB,oCAAoC,CAAC,KAAK,EAAE,yCAAyC,GAAG,YAAY,CAmBnH"}

package/lib/TraceTableItemSelectionActionsEditor.js

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

package/lib/TraceTableItemSelectionActionsEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/TraceTableItemSelectionActionsEditor.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  ActionOptions,\n  ItemSelectionActionsEditor,\n  OptionsEditorProps,\n  SelectionOptions,\n} from '@perses-dev/plugin-system';\nimport { ReactElement } from 'react';\nimport { TraceTableOptions } from './trace-table-model';\n\ntype TraceTableItemSelectionActionsEditorProps = OptionsEditorProps<TraceTableOptions>;\n\nexport function TraceTableItemSelectionActionsEditor(props: TraceTableItemSelectionActionsEditorProps): ReactElement {\n  const { onChange, value } = props;\n\n  const handleActionsChange = (actions?: ActionOptions): void => {\n    onChange({ ...value, actions });\n  };\n\n  const handleSelectionChange = (selection?: SelectionOptions): void => {\n    onChange({ ...value, 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","TraceTableItemSelectionActionsEditor","props","onChange","value","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,SAEEA,0BAA0B,QAGrB,4BAA4B;AAMnC,OAAO,SAASC,qCAAqCC,KAAgD;IACnG,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGF;IAE5B,MAAMG,sBAAsB,CAACC;QAC3BH,SAAS;YAAE,GAAGC,KAAK;YAAEE;QAAQ;IAC/B;IAEA,MAAMC,wBAAwB,CAACC;QAC7BL,SAAS;YAAE,GAAGC,KAAK;YAAEI;QAAU;IACjC;IAEA,qBACE,KAACR;QACCS,eAAeL,MAAME,OAAO;QAC5BI,iBAAiBL;QACjBM,kBAAkBP,MAAMI,SAAS;QACjCI,mBAAmBL;;AAGzB"}

package/lib/TraceTablePanel.js

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

package/lib/TraceTablePanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/TraceTablePanel.tsx"],"sourcesContent":["// Copyright 2024 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { PanelProps } from '@perses-dev/plugin-system';\nimport { Box } from '@mui/material';\nimport { NoDataOverlay, useChartsTheme } from '@perses-dev/components';\nimport { TraceData } from '@perses-dev/core';\nimport { ReactElement } from 'react';\nimport { DataTable } from './DataTable';\nimport { TraceTableOptions } from './trace-table-model';\n\nexport type TraceTablePanelProps = PanelProps<TraceTableOptions, TraceData>;\n\nexport function TraceTablePanel(props: TraceTablePanelProps): ReactElement {\n  const { spec, queryResults } = props;\n\n  const chartsTheme = useChartsTheme();\n  const contentPadding = chartsTheme.container.padding.default;\n\n  const tracesFound = queryResults.some((traceData) => (traceData.data?.searchResult ?? []).length > 0);\n  if (!tracesFound) {\n    return <NoDataOverlay resource=\"traces\" />;\n  }\n\n  return (\n    <Box sx={{ height: '100%', padding: `${contentPadding}px`, overflowY: 'auto' }}>\n      <DataTable options={spec} result={queryResults} />\n    </Box>\n  );\n}\n"],"names":["Box","NoDataOverlay","useChartsTheme","DataTable","TraceTablePanel","props","spec","queryResults","chartsTheme","contentPadding","container","padding","default","tracesFound","some","traceData","data","searchResult","length","resource","sx","height","overflowY","options","result"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAGjC,SAASA,GAAG,QAAQ,gBAAgB;AACpC,SAASC,aAAa,EAAEC,cAAc,QAAQ,yBAAyB;AAGvE,SAASC,SAAS,QAAQ,cAAc;AAKxC,OAAO,SAASC,gBAAgBC,KAA2B;IACzD,MAAM,EAAEC,IAAI,EAAEC,YAAY,EAAE,GAAGF;IAE/B,MAAMG,cAAcN;IACpB,MAAMO,iBAAiBD,YAAYE,SAAS,CAACC,OAAO,CAACC,OAAO;IAE5D,MAAMC,cAAcN,aAAaO,IAAI,CAAC,CAACC,YAAc,AAACA,CAAAA,UAAUC,IAAI,EAAEC,gBAAgB,EAAE,AAAD,EAAGC,MAAM,GAAG;IACnG,IAAI,CAACL,aAAa;QAChB,qBAAO,KAACZ;YAAckB,UAAS;;IACjC;IAEA,qBACE,KAACnB;QAAIoB,IAAI;YAAEC,QAAQ;YAAQV,SAAS,GAAGF,eAAe,EAAE,CAAC;YAAEa,WAAW;QAAO;kBAC3E,cAAA,KAACnB;YAAUoB,SAASjB;YAAMkB,QAAQjB;;;AAGxC"}
+{"version":3,"sources":["../../src/TraceTablePanel.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 { PanelProps } from '@perses-dev/plugin-system';\nimport { Box } from '@mui/material';\nimport { NoDataOverlay, useChartsTheme } from '@perses-dev/components';\nimport { TraceData } from '@perses-dev/core';\nimport { ReactElement } from 'react';\nimport { DataTable } from './DataTable';\nimport { TraceTableOptions } from './trace-table-model';\n\nexport type TraceTablePanelProps = PanelProps<TraceTableOptions, TraceData>;\n\nexport function TraceTablePanel(props: TraceTablePanelProps): ReactElement {\n  const { spec, queryResults } = props;\n\n  const chartsTheme = useChartsTheme();\n  const contentPadding = chartsTheme.container.padding.default;\n\n  const tracesFound = queryResults.some((traceData) => (traceData.data?.searchResult ?? []).length > 0);\n  if (!tracesFound) {\n    return <NoDataOverlay resource=\"traces\" />;\n  }\n\n  return (\n    <Box sx={{ height: '100%', padding: `${contentPadding}px`, overflowY: 'auto' }}>\n      <DataTable options={spec} result={queryResults} />\n    </Box>\n  );\n}\n"],"names":["Box","NoDataOverlay","useChartsTheme","DataTable","TraceTablePanel","props","spec","queryResults","chartsTheme","contentPadding","container","padding","default","tracesFound","some","traceData","data","searchResult","length","resource","sx","height","overflowY","options","result"],"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,GAAG,QAAQ,gBAAgB;AACpC,SAASC,aAAa,EAAEC,cAAc,QAAQ,yBAAyB;AAGvE,SAASC,SAAS,QAAQ,cAAc;AAKxC,OAAO,SAASC,gBAAgBC,KAA2B;IACzD,MAAM,EAAEC,IAAI,EAAEC,YAAY,EAAE,GAAGF;IAE/B,MAAMG,cAAcN;IACpB,MAAMO,iBAAiBD,YAAYE,SAAS,CAACC,OAAO,CAACC,OAAO;IAE5D,MAAMC,cAAcN,aAAaO,IAAI,CAAC,CAACC,YAAc,AAACA,CAAAA,UAAUC,IAAI,EAAEC,gBAAgB,EAAE,AAAD,EAAGC,MAAM,GAAG;IACnG,IAAI,CAACL,aAAa;QAChB,qBAAO,KAACZ;YAAckB,UAAS;;IACjC;IAEA,qBACE,KAACnB;QAAIoB,IAAI;YAAEC,QAAQ;YAAQV,SAAS,GAAGF,eAAe,EAAE,CAAC;YAAEa,WAAW;QAAO;kBAC3E,cAAA,KAACnB;YAAUoB,SAASjB;YAAMkB,QAAQjB;;;AAGxC"}

package/lib/bootstrap.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-// Copyright 2024 The Perses Authors
+// Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
 // You may obtain a copy of the License at

package/lib/bootstrap.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/bootstrap.tsx"],"sourcesContent":["// Copyright 2024 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport React from 'react';\nimport ReactDOM from 'react-dom/client';\n\nconst root = ReactDOM.createRoot(document.getElementById('root')!);\nroot.render(<React.StrictMode></React.StrictMode>);\n"],"names":["React","ReactDOM","root","createRoot","document","getElementById","render","StrictMode"],"mappings":";AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAOA,WAAW,QAAQ;AAC1B,OAAOC,cAAc,mBAAmB;AAExC,MAAMC,OAAOD,SAASE,UAAU,CAACC,SAASC,cAAc,CAAC;AACzDH,KAAKI,MAAM,eAAC,KAACN,MAAMO,UAAU"}
+{"version":3,"sources":["../../src/bootstrap.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport React from 'react';\nimport ReactDOM from 'react-dom/client';\n\nconst root = ReactDOM.createRoot(document.getElementById('root')!);\nroot.render(<React.StrictMode></React.StrictMode>);\n"],"names":["React","ReactDOM","root","createRoot","document","getElementById","render","StrictMode"],"mappings":";AAAA,+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,OAAOA,WAAW,QAAQ;AAC1B,OAAOC,cAAc,mBAAmB;AAExC,MAAMC,OAAOD,SAASE,UAAU,CAACC,SAASC,cAAc,CAAC;AACzDH,KAAKI,MAAM,eAAC,KAACN,MAAMO,UAAU"}