@perses-dev/table-plugin 0.10.1 → 0.11.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/__mf/js/{Table.7e37b83d.js → Table.048c2e60.js} +5 -5
- package/__mf/js/async/1117.87be49e9.js +2 -0
- package/__mf/js/async/1490.08a726d9.js +22 -0
- package/__mf/js/async/2473.2c502914.js +1 -0
- package/__mf/js/async/{7208.125848cf.js → 3919.1085fa1d.js} +5 -5
- package/__mf/js/async/5501.bdb9a707.js +1 -0
- package/__mf/js/async/{6587.d2b9768c.js → 868.9f710584.js} +2 -2
- package/__mf/js/async/{__federation_expose_Table.4836d198.js → __federation_expose_Table.d6cfbcd9.js} +1 -1
- package/__mf/js/{main.289caaea.js → main.10849b01.js} +5 -5
- package/lib/cjs/components/TablePanel.js +30 -11
- package/lib/components/TablePanel.d.ts.map +1 -1
- package/lib/components/TablePanel.js +31 -12
- package/lib/components/TablePanel.js.map +1 -1
- package/mf-manifest.json +17 -17
- package/mf-stats.json +17 -17
- package/package.json +5 -5
- package/__mf/js/async/1490.7aa42bc8.js +0 -22
- package/__mf/js/async/5501.fa3f80e1.js +0 -1
- package/__mf/js/async/5806.44fbc2a8.js +0 -1
- package/__mf/js/async/9355.8b0c6885.js +0 -2
- /package/__mf/js/async/{9355.8b0c6885.js.LICENSE.txt → 1117.87be49e9.js.LICENSE.txt} +0 -0
- /package/__mf/js/async/{1490.7aa42bc8.js.LICENSE.txt → 1490.08a726d9.js.LICENSE.txt} +0 -0
- /package/__mf/js/async/{7208.125848cf.js.LICENSE.txt → 3919.1085fa1d.js.LICENSE.txt} +0 -0
- /package/__mf/js/async/{6587.d2b9768c.js.LICENSE.txt → 868.9f710584.js.LICENSE.txt} +0 -0
|
@@ -14,7 +14,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
14
14
|
import { Table } from '@perses-dev/components';
|
|
15
15
|
import { useEffect, useMemo, useState } from 'react';
|
|
16
16
|
import { formatValue, transformData } from '@perses-dev/core';
|
|
17
|
-
import { useTheme } from '@mui/material';
|
|
17
|
+
import { useTheme, Typography, Box } from '@mui/material';
|
|
18
18
|
import { evaluateConditionalFormatting } from '../models';
|
|
19
19
|
import { EmbeddedPanel } from './EmbeddedPanel';
|
|
20
20
|
function generateCellContentConfig(column) {
|
|
@@ -280,22 +280,27 @@ export function TablePanel({ contentDimensions, spec, queryResults }) {
|
|
|
280
280
|
data,
|
|
281
281
|
keys
|
|
282
282
|
]);
|
|
283
|
+
// Generate columns and map each column accessor to its settings index and data key
|
|
283
284
|
const columns = useMemo(()=>{
|
|
284
285
|
const columns = [];
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
const
|
|
288
|
-
|
|
289
|
-
const columnConfig = generateColumnConfig(
|
|
286
|
+
const customizedColumns = new Set();
|
|
287
|
+
// Process columnSettings if they exist
|
|
288
|
+
for (const columnSetting of spec.columnSettings ?? []){
|
|
289
|
+
if (customizedColumns.has(columnSetting.name)) continue; // Skip duplicates
|
|
290
|
+
const columnConfig = generateColumnConfig(columnSetting.name, spec.columnSettings ?? []);
|
|
290
291
|
if (columnConfig !== undefined) {
|
|
291
292
|
columns.push(columnConfig);
|
|
293
|
+
customizedColumns.add(columnSetting.name);
|
|
292
294
|
}
|
|
293
295
|
}
|
|
296
|
+
// Add remaining columns if defaultColumnHidden is false
|
|
294
297
|
if (!spec.defaultColumnHidden) {
|
|
295
|
-
for (const key of
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
298
|
+
for (const key of keys){
|
|
299
|
+
if (!customizedColumns.has(key)) {
|
|
300
|
+
const columnConfig = generateColumnConfig(key, spec.columnSettings ?? []);
|
|
301
|
+
if (columnConfig !== undefined) {
|
|
302
|
+
columns.push(columnConfig);
|
|
303
|
+
}
|
|
299
304
|
}
|
|
300
305
|
}
|
|
301
306
|
}
|
|
@@ -324,10 +329,11 @@ export function TablePanel({ contentDimensions, spec, queryResults }) {
|
|
|
324
329
|
...keysAsObj,
|
|
325
330
|
...row
|
|
326
331
|
};
|
|
332
|
+
// Generate cellConfigs for each column (including duplicates with different headers)
|
|
327
333
|
for (const [key, value] of Object.entries(extendRow)){
|
|
328
334
|
// First, try to get cell config from global cell settings
|
|
329
335
|
let cellConfig = evaluateConditionalFormatting(value, spec.cellSettings ?? []);
|
|
330
|
-
// Then, try to get cell config from column-specific cell settings
|
|
336
|
+
// Then, try to get cell config from column-specific cell settings
|
|
331
337
|
const columnSetting = spec.columnSettings?.find((col)=>col.name === key);
|
|
332
338
|
if (columnSetting?.cellSettings?.length) {
|
|
333
339
|
const columnCellConfig = evaluateConditionalFormatting(value, columnSetting.cellSettings);
|
|
@@ -455,7 +461,20 @@ export function TablePanel({ contentDimensions, spec, queryResults }) {
|
|
|
455
461
|
if (contentDimensions === undefined) {
|
|
456
462
|
return null;
|
|
457
463
|
}
|
|
458
|
-
|
|
464
|
+
if (!data?.length) {
|
|
465
|
+
return /*#__PURE__*/ _jsx(Box, {
|
|
466
|
+
sx: {
|
|
467
|
+
display: 'flex',
|
|
468
|
+
justifyContent: 'center',
|
|
469
|
+
alignItems: 'center',
|
|
470
|
+
height: '100%'
|
|
471
|
+
},
|
|
472
|
+
children: /*#__PURE__*/ _jsx(Typography, {
|
|
473
|
+
children: "No data"
|
|
474
|
+
})
|
|
475
|
+
});
|
|
476
|
+
}
|
|
477
|
+
return /*#__PURE__*/ _jsxs(_Fragment, {
|
|
459
478
|
children: [
|
|
460
479
|
spec.enableFiltering && /*#__PURE__*/ _jsx("div", {
|
|
461
480
|
style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/TablePanel.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 { PanelData, PanelProps } from '@perses-dev/plugin-system';\nimport { Table, TableCellConfigs, TableColumnConfig } from '@perses-dev/components';\nimport { ReactElement, useEffect, useMemo, useState } from 'react';\nimport { formatValue, Labels, QueryDataType, TimeSeries, TimeSeriesData, transformData } from '@perses-dev/core';\nimport { PaginationState, SortingState, ColumnFiltersState } from '@tanstack/react-table';\nimport { useTheme, Theme } from '@mui/material';\nimport { ColumnSettings, TableOptions, evaluateConditionalFormatting } from '../models';\nimport { EmbeddedPanel } from './EmbeddedPanel';\n\nfunction generateCellContentConfig(\n column: ColumnSettings\n): Pick<TableColumnConfig<unknown>, 'cellDescription' | 'cell'> {\n const plugin = column.plugin;\n if (plugin !== undefined) {\n return {\n cell: (ctx) => {\n const panelData: PanelData<QueryDataType> | undefined = ctx.getValue();\n if (!panelData) return <></>;\n return <EmbeddedPanel kind={plugin.kind} spec={plugin.spec} queryResults={[panelData]} />;\n },\n cellDescription: column.cellDescription ? () => `${column.cellDescription}` : () => '', // disable hover text\n };\n }\n\n return {\n cell: (ctx) => {\n const cellValue = ctx.getValue();\n return typeof cellValue === 'number' && column.format ? formatValue(cellValue, column.format) : cellValue;\n },\n cellDescription: column.cellDescription ? (): string => `${column.cellDescription}` : undefined, // TODO: variable rendering + cell value\n };\n}\n\ninterface ColumnFilterDropdownProps {\n allValues: Array<string | number>;\n selectedValues: Array<string | number>;\n onFilterChange: (values: Array<string | number>) => void;\n theme: Theme;\n}\n\nfunction ColumnFilterDropdown({\n allValues,\n selectedValues,\n onFilterChange,\n theme,\n}: ColumnFilterDropdownProps): ReactElement {\n const values = [...new Set(allValues)].filter((v) => v != null).sort();\n if (values.length === 0) {\n return (\n <div\n data-filter-dropdown\n style={{\n width: 200,\n padding: 10,\n backgroundColor: theme.palette.background.paper,\n border: `1px solid ${theme.palette.divider}`,\n borderRadius: 4,\n boxShadow: theme.shadows[4],\n }}\n >\n <div style={{ color: theme.palette.text.secondary, fontSize: 14 }}>No values found</div>\n </div>\n );\n }\n\n return (\n <div\n data-filter-dropdown\n style={{\n width: 200,\n padding: 10,\n backgroundColor: theme.palette.background.paper,\n border: `1px solid ${theme.palette.divider}`,\n borderRadius: 4,\n boxShadow: theme.shadows[4],\n maxHeight: 250,\n overflowY: 'auto',\n }}\n >\n <div style={{ marginBottom: 8, fontSize: 14, fontWeight: 'bold' }}>\n <label style={{ display: 'flex', alignItems: 'center', cursor: 'pointer' }}>\n <input\n type=\"checkbox\"\n checked={selectedValues.length === values.length && values.length > 0}\n onChange={(e) => onFilterChange(e.target.checked ? values : [])}\n style={{ marginRight: 8 }}\n />\n <span style={{ color: theme.palette.text.primary }}>Select All ({values.length})</span>\n </label>\n </div>\n <hr\n style={{\n margin: '8px 0',\n border: 'none',\n borderTop: `1px solid ${theme.palette.divider}`,\n }}\n />\n {values.map((value, index) => (\n <div key={`value-${index}`} style={{ marginBottom: 4 }}>\n <label\n style={{\n display: 'flex',\n alignItems: 'center',\n cursor: 'pointer',\n padding: '2px 0',\n borderRadius: 2,\n }}\n onMouseEnter={(e) => {\n e.currentTarget.style.backgroundColor = theme.palette.action.hover;\n }}\n onMouseLeave={(e) => {\n e.currentTarget.style.backgroundColor = 'transparent';\n }}\n >\n <input\n type=\"checkbox\"\n checked={selectedValues.includes(value)}\n onChange={(e) => {\n if (e.target.checked) {\n onFilterChange([...selectedValues, value]);\n } else {\n onFilterChange(selectedValues.filter((v) => v !== value));\n }\n }}\n style={{ marginRight: 8 }}\n />\n <span\n style={{\n fontSize: 14,\n color: theme.palette.text.primary,\n }}\n >\n {value === null || value === undefined || value === '' ? '(empty)' : String(value)}\n </span>\n </label>\n </div>\n ))}\n </div>\n );\n}\n\n/*\n * Generate column config from column definitions, if a column has multiple definitions, the first one will be used.\n * If column is hidden, return undefined.\n * If column do not have a definition, return a default column config.\n */\nfunction generateColumnConfig(name: string, columnSettings: ColumnSettings[]): TableColumnConfig<unknown> | undefined {\n for (const column of columnSettings) {\n if (column.name === name) {\n if (column.hide) {\n return undefined;\n }\n\n return {\n accessorKey: name,\n header: column.header ?? name,\n headerDescription: column.headerDescription,\n enableSorting: column.enableSorting,\n width: column.width,\n align: column.align,\n ...generateCellContentConfig(column),\n };\n }\n }\n\n return {\n accessorKey: name,\n header: name,\n };\n}\n\nexport function getTablePanelQueryOptions(spec: TableOptions): { mode: 'instant' | 'range' } {\n // if any cell renders a panel plugin, perform a range query instead of an instant query\n return {\n mode: (spec.columnSettings ?? []).some((c) => c.plugin) ? 'range' : 'instant',\n };\n}\n\nexport type TableProps = PanelProps<TableOptions, TimeSeriesData>;\n\nexport function TablePanel({ contentDimensions, spec, queryResults }: TableProps): ReactElement | null {\n const theme = useTheme();\n\n // TODO: handle other query types\n const queryMode = getTablePanelQueryOptions(spec).mode;\n const rawData: Array<Record<string, unknown>> = useMemo(() => {\n // Transform query results to a tabular format:\n // [ { timestamp: 123, value: 456, labelName1: labelValue1 }, ... ]\n return queryResults\n .flatMap((data: PanelData<TimeSeriesData>, queryIndex: number) =>\n data.data.series.map((ts: TimeSeries) => ({ data, ts, queryIndex }))\n )\n .map(({ data, ts, queryIndex }: { data: PanelData<TimeSeriesData>; ts: TimeSeries; queryIndex: number }) => {\n if (ts.values[0] === undefined) {\n return { ...ts.labels };\n }\n\n // If there are multiple queries, we need to add the query index to the value key and label key to avoid conflicts\n const valueColumnName = queryResults.length === 1 ? 'value' : `value #${queryIndex + 1}`;\n const labels =\n queryResults.length === 1\n ? ts.labels\n : Object.entries(ts.labels ?? {}).reduce((acc, [key, value]) => {\n if (key) acc[`${key} #${queryIndex + 1}`] = value;\n return acc;\n }, {} as Labels);\n\n // If the cell visualization is a panel plugin, filter the data by the current series\n const columnValue = (spec.columnSettings ?? []).find((x) => x.name === valueColumnName)?.plugin\n ? { ...data, data: { ...data.data, series: data.data.series.filter((s) => s === ts) } }\n : ts.values[0][1];\n\n if (queryMode === 'instant') {\n // Timestamp is not indexed as it will be the same for all queries\n return { timestamp: ts.values[0][0], [valueColumnName]: columnValue, ...labels };\n } else {\n // Don't add a timestamp for range queries\n return { [valueColumnName]: columnValue, ...labels };\n }\n });\n }, [queryResults, queryMode, spec.columnSettings]);\n\n // Transform will be applied by their orders on the original data\n const data = transformData(rawData, spec.transforms ?? []);\n\n const keys: string[] = useMemo(() => {\n const result: string[] = [];\n\n for (const entry of data) {\n for (const key of Object.keys(entry)) {\n if (!result.includes(key)) {\n result.push(key);\n }\n }\n }\n\n return result;\n }, [data]);\n\n // fetch unique values for each column of filtering\n const columnUniqueValues = useMemo(() => {\n const uniqueValues: Record<string, Array<string | number>> = {};\n\n keys.forEach((key) => {\n const values = data.map((row) => row[key]).filter((val) => val !== null && val !== undefined && val !== '');\n uniqueValues[key] = Array.from(new Set(values as Array<string | number>));\n });\n\n return uniqueValues;\n }, [data, keys]);\n\n const columns: Array<TableColumnConfig<unknown>> = useMemo(() => {\n const columns: Array<TableColumnConfig<unknown>> = [];\n\n // Taking the customized columns first for the ordering of the columns in the table\n const customizedColumns =\n spec.columnSettings?.map((column) => column.name).filter((name) => keys.includes(name)) ?? [];\n const defaultColumns = keys.filter((key) => !customizedColumns.includes(key));\n\n for (const key of customizedColumns) {\n const columnConfig = generateColumnConfig(key, spec.columnSettings ?? []);\n if (columnConfig !== undefined) {\n columns.push(columnConfig);\n }\n }\n\n if (!spec.defaultColumnHidden) {\n for (const key of defaultColumns) {\n const columnConfig = generateColumnConfig(key, spec.columnSettings ?? []);\n if (columnConfig !== undefined) {\n columns.push(columnConfig);\n }\n }\n }\n\n return columns;\n }, [keys, spec.columnSettings, spec.defaultColumnHidden]);\n\n // Generate cell settings that will be used by the table to render cells (text color, background color, ...)\n const cellConfigs: TableCellConfigs = useMemo(() => {\n // If there are no cell settings globally or per column, return an empty object\n if (spec.cellSettings === undefined && !spec.columnSettings?.some((col) => col.cellSettings !== undefined)) {\n return {};\n }\n\n const result: TableCellConfigs = {};\n\n let index = 0;\n for (const row of data) {\n // Transforming key to object to extend the row with undefined values if the key is not present\n // for checking the cell config \"Misc\" condition with \"null\"\n const keysAsObj = keys.reduce(\n (acc, key) => {\n acc[key] = undefined;\n return acc;\n },\n {} as Record<string, undefined>\n );\n\n const extendRow = {\n ...keysAsObj,\n ...row,\n };\n\n for (const [key, value] of Object.entries(extendRow)) {\n // First, try to get cell config from global cell settings\n let cellConfig = evaluateConditionalFormatting(value, spec.cellSettings ?? []);\n\n // Then, try to get cell config from column-specific cell settings if conditional formatting is enabled\n const columnSetting = spec.columnSettings?.find((col) => col.name === key);\n if (columnSetting?.cellSettings?.length) {\n const columnCellConfig = evaluateConditionalFormatting(value, columnSetting.cellSettings);\n // Column-specific settings take precedence over global settings\n if (columnCellConfig) {\n cellConfig = columnCellConfig;\n }\n }\n\n if (cellConfig) {\n result[`${index}_${key}`] = cellConfig;\n }\n }\n index++;\n }\n\n return result;\n }, [data, keys, spec.cellSettings, spec.columnSettings]);\n\n function generateDefaultSortingState(): SortingState {\n return (\n spec.columnSettings\n ?.filter((column) => column.sort !== undefined)\n .map((column) => {\n return {\n id: column.name,\n desc: column.sort === 'desc',\n };\n }) ?? []\n );\n }\n\n const [sorting, setSorting] = useState<SortingState>(generateDefaultSortingState());\n\n // Filtering state\n const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([]);\n const [filterAnchorEl, setFilterAnchorEl] = useState<{ [key: string]: HTMLElement | null }>({});\n const [openFilterColumn, setOpenFilterColumn] = useState<string | null>(null);\n\n // get selected values for a column\n const getSelectedFilterValues = (columnId: string): Array<string | number> => {\n const filter = columnFilters.find((f) => f.id === columnId);\n return filter ? (filter.value as Array<string | number>) : [];\n };\n\n // update column filter\n const updateColumnFilter = (columnId: string, values: Array<string | number>) => {\n const newFilters = columnFilters.filter((f) => f.id !== columnId);\n if (values.length > 0) {\n newFilters.push({ id: columnId, value: values });\n }\n setColumnFilters(newFilters);\n };\n\n // Handle filter clicks\n const handleFilterClick = (event: React.MouseEvent<HTMLButtonElement>, columnId: string) => {\n event.preventDefault();\n event.stopPropagation();\n setFilterAnchorEl({ ...filterAnchorEl, [columnId]: event.currentTarget });\n setOpenFilterColumn(columnId);\n };\n\n const handleFilterClose = () => {\n setFilterAnchorEl({});\n setOpenFilterColumn(null);\n };\n\n // Close filter when clicking outside\n useEffect(() => {\n if (!openFilterColumn) return;\n\n const handleClick = (e: MouseEvent) => {\n const target = e.target as Element;\n if (!target.closest('[data-filter-dropdown]') && !target.closest('button')) {\n handleFilterClose();\n }\n };\n\n const timer = setTimeout(() => {\n document.addEventListener('click', handleClick);\n }, 100);\n\n return () => {\n clearTimeout(timer);\n document.removeEventListener('click', handleClick);\n };\n }, [openFilterColumn]);\n\n // filter data based on the current filters\n const filteredData = useMemo(() => {\n let filtered = [...data];\n\n // apply column filters if enabled\n if (spec.enableFiltering && columnFilters.length > 0) {\n filtered = filtered.filter((row) => {\n return columnFilters.every((filter) => {\n const value = row[filter.id];\n const filterValues = filter.value as Array<string | number>;\n\n if (!filterValues || filterValues.length === 0) return true; // No filter values means no filtering\n\n // Check if the row value is in the selected filter values\n return filterValues.includes(value as string | number);\n });\n });\n }\n\n return filtered;\n }, [data, columnFilters, spec.enableFiltering]);\n\n const [pagination, setPagination] = useState<PaginationState | undefined>(\n spec.pagination ? { pageIndex: 0, pageSize: 10 } : undefined\n );\n\n useEffect(() => {\n // If the pagination setting changes from no pagination to pagination, but the pagination state is undefined, update the pagination state\n if (spec.pagination && !pagination) {\n setPagination({ pageIndex: 0, pageSize: 10 });\n } else if (!spec.pagination && pagination) {\n setPagination(undefined);\n }\n }, [spec.pagination, pagination]);\n\n if (contentDimensions === undefined) {\n return null;\n }\n\n return (\n <div>\n {spec.enableFiltering && (\n <div\n style={{\n display: 'flex',\n background: theme.palette.background.default,\n borderBottom: `1px solid ${theme.palette.divider}`,\n width: contentDimensions.width,\n boxSizing: 'border-box',\n }}\n >\n {columns.map((column, idx) => {\n const filters = getSelectedFilterValues(column.accessorKey as string);\n const columnWidth = column.width || spec.defaultColumnWidth;\n return (\n <div\n key={`filter-${idx}`}\n style={{\n padding: '8px',\n borderRight: idx < columns.length - 1 ? `1px solid ${theme.palette.divider}` : 'none',\n width: columnWidth,\n minWidth: columnWidth,\n maxWidth: columnWidth,\n display: 'flex',\n alignItems: 'center',\n position: 'relative',\n boxSizing: 'border-box',\n flex: typeof columnWidth === 'number' ? 'none' : '1 1 auto',\n }}\n >\n <span\n style={{\n marginRight: 8,\n fontSize: '12px',\n color: theme.palette.text.secondary,\n flex: 1,\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n }}\n >\n {filters.length ? `${filters.length} items` : 'All'}\n </span>\n <button\n onClick={(e) => {\n handleFilterClick(e, column.accessorKey as string);\n }}\n style={{\n border: `1px solid ${theme.palette.divider}`,\n background: theme.palette.background.paper,\n cursor: 'pointer',\n fontSize: '12px',\n color: filters.length ? theme.palette.primary.main : theme.palette.text.secondary,\n padding: '4px 8px',\n borderRadius: '4px',\n minWidth: '20px',\n height: '24px',\n flexShrink: 0,\n transition: 'all 0.2s ease',\n }}\n onMouseEnter={(e) => {\n e.currentTarget.style.background = theme.palette.action.hover;\n }}\n onMouseLeave={(e) => {\n e.currentTarget.style.background = theme.palette.background.paper;\n }}\n type=\"button\"\n >\n ▼\n </button>\n\n {openFilterColumn === column.accessorKey && (\n <div\n style={{\n position: 'absolute',\n top: '100%',\n left: 0,\n zIndex: 1000,\n marginTop: 4,\n }}\n >\n <ColumnFilterDropdown\n allValues={columnUniqueValues[column.accessorKey as string] || []}\n selectedValues={filters}\n onFilterChange={(values) => updateColumnFilter(column.accessorKey as string, values)}\n theme={theme}\n />\n </div>\n )}\n </div>\n );\n })}\n </div>\n )}\n\n <Table\n data={filteredData}\n columns={columns}\n cellConfigs={cellConfigs}\n height={spec.enableFiltering ? contentDimensions.height - 40 : contentDimensions.height}\n width={contentDimensions.width}\n density={spec.density}\n defaultColumnWidth={spec.defaultColumnWidth}\n defaultColumnHeight={spec.defaultColumnHeight}\n sorting={sorting}\n onSortingChange={setSorting}\n pagination={pagination}\n onPaginationChange={setPagination}\n />\n </div>\n );\n}\n"],"names":["Table","useEffect","useMemo","useState","formatValue","transformData","useTheme","evaluateConditionalFormatting","EmbeddedPanel","generateCellContentConfig","column","plugin","undefined","cell","ctx","panelData","getValue","kind","spec","queryResults","cellDescription","cellValue","format","ColumnFilterDropdown","allValues","selectedValues","onFilterChange","theme","values","Set","filter","v","sort","length","div","data-filter-dropdown","style","width","padding","backgroundColor","palette","background","paper","border","divider","borderRadius","boxShadow","shadows","color","text","secondary","fontSize","maxHeight","overflowY","marginBottom","fontWeight","label","display","alignItems","cursor","input","type","checked","onChange","e","target","marginRight","span","primary","hr","margin","borderTop","map","value","index","onMouseEnter","currentTarget","action","hover","onMouseLeave","includes","String","generateColumnConfig","name","columnSettings","hide","accessorKey","header","headerDescription","enableSorting","align","getTablePanelQueryOptions","mode","some","c","TablePanel","contentDimensions","queryMode","rawData","flatMap","data","queryIndex","series","ts","labels","valueColumnName","Object","entries","reduce","acc","key","columnValue","find","x","s","timestamp","transforms","keys","result","entry","push","columnUniqueValues","uniqueValues","forEach","row","val","Array","from","columns","customizedColumns","defaultColumns","columnConfig","defaultColumnHidden","cellConfigs","cellSettings","col","keysAsObj","extendRow","cellConfig","columnSetting","columnCellConfig","generateDefaultSortingState","id","desc","sorting","setSorting","columnFilters","setColumnFilters","filterAnchorEl","setFilterAnchorEl","openFilterColumn","setOpenFilterColumn","getSelectedFilterValues","columnId","f","updateColumnFilter","newFilters","handleFilterClick","event","preventDefault","stopPropagation","handleFilterClose","handleClick","closest","timer","setTimeout","document","addEventListener","clearTimeout","removeEventListener","filteredData","filtered","enableFiltering","every","filterValues","pagination","setPagination","pageIndex","pageSize","default","borderBottom","boxSizing","idx","filters","columnWidth","defaultColumnWidth","borderRight","minWidth","maxWidth","position","flex","overflow","textOverflow","whiteSpace","button","onClick","main","height","flexShrink","transition","top","left","zIndex","marginTop","density","defaultColumnHeight","onSortingChange","onPaginationChange"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/TablePanel.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 { PanelData, PanelProps } from '@perses-dev/plugin-system';\nimport { Table, TableCellConfigs, TableColumnConfig } from '@perses-dev/components';\nimport { ReactElement, useEffect, useMemo, useState } from 'react';\nimport { formatValue, Labels, QueryDataType, TimeSeries, TimeSeriesData, transformData } from '@perses-dev/core';\nimport { PaginationState, SortingState, ColumnFiltersState } from '@tanstack/react-table';\nimport { useTheme, Theme, Typography, Box } from '@mui/material';\nimport { ColumnSettings, TableOptions, evaluateConditionalFormatting } from '../models';\nimport { EmbeddedPanel } from './EmbeddedPanel';\n\nfunction generateCellContentConfig(\n column: ColumnSettings\n): Pick<TableColumnConfig<unknown>, 'cellDescription' | 'cell'> {\n const plugin = column.plugin;\n if (plugin !== undefined) {\n return {\n cell: (ctx) => {\n const panelData: PanelData<QueryDataType> | undefined = ctx.getValue();\n if (!panelData) return <></>;\n return <EmbeddedPanel kind={plugin.kind} spec={plugin.spec} queryResults={[panelData]} />;\n },\n cellDescription: column.cellDescription ? () => `${column.cellDescription}` : () => '', // disable hover text\n };\n }\n\n return {\n cell: (ctx) => {\n const cellValue = ctx.getValue();\n return typeof cellValue === 'number' && column.format ? formatValue(cellValue, column.format) : cellValue;\n },\n cellDescription: column.cellDescription ? (): string => `${column.cellDescription}` : undefined, // TODO: variable rendering + cell value\n };\n}\n\ninterface ColumnFilterDropdownProps {\n allValues: Array<string | number>;\n selectedValues: Array<string | number>;\n onFilterChange: (values: Array<string | number>) => void;\n theme: Theme;\n}\n\nfunction ColumnFilterDropdown({\n allValues,\n selectedValues,\n onFilterChange,\n theme,\n}: ColumnFilterDropdownProps): ReactElement {\n const values = [...new Set(allValues)].filter((v) => v != null).sort();\n if (values.length === 0) {\n return (\n <div\n data-filter-dropdown\n style={{\n width: 200,\n padding: 10,\n backgroundColor: theme.palette.background.paper,\n border: `1px solid ${theme.palette.divider}`,\n borderRadius: 4,\n boxShadow: theme.shadows[4],\n }}\n >\n <div style={{ color: theme.palette.text.secondary, fontSize: 14 }}>No values found</div>\n </div>\n );\n }\n\n return (\n <div\n data-filter-dropdown\n style={{\n width: 200,\n padding: 10,\n backgroundColor: theme.palette.background.paper,\n border: `1px solid ${theme.palette.divider}`,\n borderRadius: 4,\n boxShadow: theme.shadows[4],\n maxHeight: 250,\n overflowY: 'auto',\n }}\n >\n <div style={{ marginBottom: 8, fontSize: 14, fontWeight: 'bold' }}>\n <label style={{ display: 'flex', alignItems: 'center', cursor: 'pointer' }}>\n <input\n type=\"checkbox\"\n checked={selectedValues.length === values.length && values.length > 0}\n onChange={(e) => onFilterChange(e.target.checked ? values : [])}\n style={{ marginRight: 8 }}\n />\n <span style={{ color: theme.palette.text.primary }}>Select All ({values.length})</span>\n </label>\n </div>\n <hr\n style={{\n margin: '8px 0',\n border: 'none',\n borderTop: `1px solid ${theme.palette.divider}`,\n }}\n />\n {values.map((value, index) => (\n <div key={`value-${index}`} style={{ marginBottom: 4 }}>\n <label\n style={{\n display: 'flex',\n alignItems: 'center',\n cursor: 'pointer',\n padding: '2px 0',\n borderRadius: 2,\n }}\n onMouseEnter={(e) => {\n e.currentTarget.style.backgroundColor = theme.palette.action.hover;\n }}\n onMouseLeave={(e) => {\n e.currentTarget.style.backgroundColor = 'transparent';\n }}\n >\n <input\n type=\"checkbox\"\n checked={selectedValues.includes(value)}\n onChange={(e) => {\n if (e.target.checked) {\n onFilterChange([...selectedValues, value]);\n } else {\n onFilterChange(selectedValues.filter((v) => v !== value));\n }\n }}\n style={{ marginRight: 8 }}\n />\n <span\n style={{\n fontSize: 14,\n color: theme.palette.text.primary,\n }}\n >\n {value === null || value === undefined || value === '' ? '(empty)' : String(value)}\n </span>\n </label>\n </div>\n ))}\n </div>\n );\n}\n\n/*\n * Generate column config from column definitions, if a column has multiple definitions, the first one will be used.\n * If column is hidden, return undefined.\n * If column do not have a definition, return a default column config.\n */\nfunction generateColumnConfig(name: string, columnSettings: ColumnSettings[]): TableColumnConfig<unknown> | undefined {\n for (const column of columnSettings) {\n if (column.name === name) {\n if (column.hide) {\n return undefined;\n }\n\n return {\n accessorKey: name,\n header: column.header ?? name,\n headerDescription: column.headerDescription,\n enableSorting: column.enableSorting,\n width: column.width,\n align: column.align,\n ...generateCellContentConfig(column),\n };\n }\n }\n\n return {\n accessorKey: name,\n header: name,\n };\n}\n\nexport function getTablePanelQueryOptions(spec: TableOptions): { mode: 'instant' | 'range' } {\n // if any cell renders a panel plugin, perform a range query instead of an instant query\n return {\n mode: (spec.columnSettings ?? []).some((c) => c.plugin) ? 'range' : 'instant',\n };\n}\n\nexport type TableProps = PanelProps<TableOptions, TimeSeriesData>;\n\nexport function TablePanel({ contentDimensions, spec, queryResults }: TableProps): ReactElement | null {\n const theme = useTheme();\n\n // TODO: handle other query types\n const queryMode = getTablePanelQueryOptions(spec).mode;\n const rawData: Array<Record<string, unknown>> = useMemo(() => {\n // Transform query results to a tabular format:\n // [ { timestamp: 123, value: 456, labelName1: labelValue1 }, ... ]\n return queryResults\n .flatMap((data: PanelData<TimeSeriesData>, queryIndex: number) =>\n data.data.series.map((ts: TimeSeries) => ({ data, ts, queryIndex }))\n )\n .map(({ data, ts, queryIndex }: { data: PanelData<TimeSeriesData>; ts: TimeSeries; queryIndex: number }) => {\n if (ts.values[0] === undefined) {\n return { ...ts.labels };\n }\n\n // If there are multiple queries, we need to add the query index to the value key and label key to avoid conflicts\n const valueColumnName = queryResults.length === 1 ? 'value' : `value #${queryIndex + 1}`;\n const labels =\n queryResults.length === 1\n ? ts.labels\n : Object.entries(ts.labels ?? {}).reduce((acc, [key, value]) => {\n if (key) acc[`${key} #${queryIndex + 1}`] = value;\n return acc;\n }, {} as Labels);\n\n // If the cell visualization is a panel plugin, filter the data by the current series\n const columnValue = (spec.columnSettings ?? []).find((x) => x.name === valueColumnName)?.plugin\n ? { ...data, data: { ...data.data, series: data.data.series.filter((s) => s === ts) } }\n : ts.values[0][1];\n\n if (queryMode === 'instant') {\n // Timestamp is not indexed as it will be the same for all queries\n return { timestamp: ts.values[0][0], [valueColumnName]: columnValue, ...labels };\n } else {\n // Don't add a timestamp for range queries\n return { [valueColumnName]: columnValue, ...labels };\n }\n });\n }, [queryResults, queryMode, spec.columnSettings]);\n\n // Transform will be applied by their orders on the original data\n const data = transformData(rawData, spec.transforms ?? []);\n\n const keys: string[] = useMemo(() => {\n const result: string[] = [];\n\n for (const entry of data) {\n for (const key of Object.keys(entry)) {\n if (!result.includes(key)) {\n result.push(key);\n }\n }\n }\n\n return result;\n }, [data]);\n\n // fetch unique values for each column of filtering\n const columnUniqueValues = useMemo(() => {\n const uniqueValues: Record<string, Array<string | number>> = {};\n\n keys.forEach((key) => {\n const values = data.map((row) => row[key]).filter((val) => val !== null && val !== undefined && val !== '');\n uniqueValues[key] = Array.from(new Set(values as Array<string | number>));\n });\n\n return uniqueValues;\n }, [data, keys]);\n\n // Generate columns and map each column accessor to its settings index and data key\n const columns: Array<TableColumnConfig<unknown>> = useMemo(() => {\n const columns: Array<TableColumnConfig<unknown>> = [];\n const customizedColumns = new Set<string>();\n\n // Process columnSettings if they exist\n for (const columnSetting of spec.columnSettings ?? []) {\n if (customizedColumns.has(columnSetting.name)) continue; // Skip duplicates\n\n const columnConfig = generateColumnConfig(columnSetting.name, spec.columnSettings ?? []);\n if (columnConfig !== undefined) {\n columns.push(columnConfig);\n customizedColumns.add(columnSetting.name);\n }\n }\n\n // Add remaining columns if defaultColumnHidden is false\n if (!spec.defaultColumnHidden) {\n for (const key of keys) {\n if (!customizedColumns.has(key)) {\n const columnConfig = generateColumnConfig(key, spec.columnSettings ?? []);\n if (columnConfig !== undefined) {\n columns.push(columnConfig);\n }\n }\n }\n }\n\n return columns;\n }, [keys, spec.columnSettings, spec.defaultColumnHidden]);\n\n // Generate cell settings that will be used by the table to render cells (text color, background color, ...)\n const cellConfigs: TableCellConfigs = useMemo(() => {\n // If there are no cell settings globally or per column, return an empty object\n if (spec.cellSettings === undefined && !spec.columnSettings?.some((col) => col.cellSettings !== undefined)) {\n return {};\n }\n\n const result: TableCellConfigs = {};\n\n let index = 0;\n for (const row of data) {\n // Transforming key to object to extend the row with undefined values if the key is not present\n // for checking the cell config \"Misc\" condition with \"null\"\n const keysAsObj = keys.reduce(\n (acc, key) => {\n acc[key] = undefined;\n return acc;\n },\n {} as Record<string, undefined>\n );\n\n const extendRow = {\n ...keysAsObj,\n ...row,\n };\n\n // Generate cellConfigs for each column (including duplicates with different headers)\n for (const [key, value] of Object.entries(extendRow)) {\n // First, try to get cell config from global cell settings\n let cellConfig = evaluateConditionalFormatting(value, spec.cellSettings ?? []);\n\n // Then, try to get cell config from column-specific cell settings\n const columnSetting = spec.columnSettings?.find((col) => col.name === key);\n if (columnSetting?.cellSettings?.length) {\n const columnCellConfig = evaluateConditionalFormatting(value, columnSetting.cellSettings);\n // Column-specific settings take precedence over global settings\n if (columnCellConfig) {\n cellConfig = columnCellConfig;\n }\n }\n\n if (cellConfig) {\n result[`${index}_${key}`] = cellConfig;\n }\n }\n index++;\n }\n\n return result;\n }, [data, keys, spec.cellSettings, spec.columnSettings]);\n\n function generateDefaultSortingState(): SortingState {\n return (\n spec.columnSettings\n ?.filter((column) => column.sort !== undefined)\n .map((column) => {\n return {\n id: column.name,\n desc: column.sort === 'desc',\n };\n }) ?? []\n );\n }\n\n const [sorting, setSorting] = useState<SortingState>(generateDefaultSortingState());\n\n // Filtering state\n const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([]);\n const [filterAnchorEl, setFilterAnchorEl] = useState<{ [key: string]: HTMLElement | null }>({});\n const [openFilterColumn, setOpenFilterColumn] = useState<string | null>(null);\n\n // get selected values for a column\n const getSelectedFilterValues = (columnId: string): Array<string | number> => {\n const filter = columnFilters.find((f) => f.id === columnId);\n return filter ? (filter.value as Array<string | number>) : [];\n };\n\n // update column filter\n const updateColumnFilter = (columnId: string, values: Array<string | number>) => {\n const newFilters = columnFilters.filter((f) => f.id !== columnId);\n if (values.length > 0) {\n newFilters.push({ id: columnId, value: values });\n }\n setColumnFilters(newFilters);\n };\n\n // Handle filter clicks\n const handleFilterClick = (event: React.MouseEvent<HTMLButtonElement>, columnId: string) => {\n event.preventDefault();\n event.stopPropagation();\n setFilterAnchorEl({ ...filterAnchorEl, [columnId]: event.currentTarget });\n setOpenFilterColumn(columnId);\n };\n\n const handleFilterClose = () => {\n setFilterAnchorEl({});\n setOpenFilterColumn(null);\n };\n\n // Close filter when clicking outside\n useEffect(() => {\n if (!openFilterColumn) return;\n\n const handleClick = (e: MouseEvent) => {\n const target = e.target as Element;\n if (!target.closest('[data-filter-dropdown]') && !target.closest('button')) {\n handleFilterClose();\n }\n };\n\n const timer = setTimeout(() => {\n document.addEventListener('click', handleClick);\n }, 100);\n\n return () => {\n clearTimeout(timer);\n document.removeEventListener('click', handleClick);\n };\n }, [openFilterColumn]);\n\n // filter data based on the current filters\n const filteredData = useMemo(() => {\n let filtered = [...data];\n\n // apply column filters if enabled\n if (spec.enableFiltering && columnFilters.length > 0) {\n filtered = filtered.filter((row) => {\n return columnFilters.every((filter) => {\n const value = row[filter.id];\n const filterValues = filter.value as Array<string | number>;\n\n if (!filterValues || filterValues.length === 0) return true; // No filter values means no filtering\n\n // Check if the row value is in the selected filter values\n return filterValues.includes(value as string | number);\n });\n });\n }\n\n return filtered;\n }, [data, columnFilters, spec.enableFiltering]);\n\n const [pagination, setPagination] = useState<PaginationState | undefined>(\n spec.pagination ? { pageIndex: 0, pageSize: 10 } : undefined\n );\n\n useEffect(() => {\n // If the pagination setting changes from no pagination to pagination, but the pagination state is undefined, update the pagination state\n if (spec.pagination && !pagination) {\n setPagination({ pageIndex: 0, pageSize: 10 });\n } else if (!spec.pagination && pagination) {\n setPagination(undefined);\n }\n }, [spec.pagination, pagination]);\n\n if (contentDimensions === undefined) {\n return null;\n }\n\n if (!data?.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 {spec.enableFiltering && (\n <div\n style={{\n display: 'flex',\n background: theme.palette.background.default,\n borderBottom: `1px solid ${theme.palette.divider}`,\n width: contentDimensions.width,\n boxSizing: 'border-box',\n }}\n >\n {columns.map((column, idx) => {\n const filters = getSelectedFilterValues(column.accessorKey as string);\n const columnWidth = column.width || spec.defaultColumnWidth;\n return (\n <div\n key={`filter-${idx}`}\n style={{\n padding: '8px',\n borderRight: idx < columns.length - 1 ? `1px solid ${theme.palette.divider}` : 'none',\n width: columnWidth,\n minWidth: columnWidth,\n maxWidth: columnWidth,\n display: 'flex',\n alignItems: 'center',\n position: 'relative',\n boxSizing: 'border-box',\n flex: typeof columnWidth === 'number' ? 'none' : '1 1 auto',\n }}\n >\n <span\n style={{\n marginRight: 8,\n fontSize: '12px',\n color: theme.palette.text.secondary,\n flex: 1,\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n }}\n >\n {filters.length ? `${filters.length} items` : 'All'}\n </span>\n <button\n onClick={(e) => {\n handleFilterClick(e, column.accessorKey as string);\n }}\n style={{\n border: `1px solid ${theme.palette.divider}`,\n background: theme.palette.background.paper,\n cursor: 'pointer',\n fontSize: '12px',\n color: filters.length ? theme.palette.primary.main : theme.palette.text.secondary,\n padding: '4px 8px',\n borderRadius: '4px',\n minWidth: '20px',\n height: '24px',\n flexShrink: 0,\n transition: 'all 0.2s ease',\n }}\n onMouseEnter={(e) => {\n e.currentTarget.style.background = theme.palette.action.hover;\n }}\n onMouseLeave={(e) => {\n e.currentTarget.style.background = theme.palette.background.paper;\n }}\n type=\"button\"\n >\n ▼\n </button>\n\n {openFilterColumn === column.accessorKey && (\n <div\n style={{\n position: 'absolute',\n top: '100%',\n left: 0,\n zIndex: 1000,\n marginTop: 4,\n }}\n >\n <ColumnFilterDropdown\n allValues={columnUniqueValues[column.accessorKey as string] || []}\n selectedValues={filters}\n onFilterChange={(values) => updateColumnFilter(column.accessorKey as string, values)}\n theme={theme}\n />\n </div>\n )}\n </div>\n );\n })}\n </div>\n )}\n <Table\n data={filteredData}\n columns={columns}\n cellConfigs={cellConfigs}\n height={spec.enableFiltering ? contentDimensions.height - 40 : contentDimensions.height}\n width={contentDimensions.width}\n density={spec.density}\n defaultColumnWidth={spec.defaultColumnWidth}\n defaultColumnHeight={spec.defaultColumnHeight}\n sorting={sorting}\n onSortingChange={setSorting}\n pagination={pagination}\n onPaginationChange={setPagination}\n />\n </>\n );\n}\n"],"names":["Table","useEffect","useMemo","useState","formatValue","transformData","useTheme","Typography","Box","evaluateConditionalFormatting","EmbeddedPanel","generateCellContentConfig","column","plugin","undefined","cell","ctx","panelData","getValue","kind","spec","queryResults","cellDescription","cellValue","format","ColumnFilterDropdown","allValues","selectedValues","onFilterChange","theme","values","Set","filter","v","sort","length","div","data-filter-dropdown","style","width","padding","backgroundColor","palette","background","paper","border","divider","borderRadius","boxShadow","shadows","color","text","secondary","fontSize","maxHeight","overflowY","marginBottom","fontWeight","label","display","alignItems","cursor","input","type","checked","onChange","e","target","marginRight","span","primary","hr","margin","borderTop","map","value","index","onMouseEnter","currentTarget","action","hover","onMouseLeave","includes","String","generateColumnConfig","name","columnSettings","hide","accessorKey","header","headerDescription","enableSorting","align","getTablePanelQueryOptions","mode","some","c","TablePanel","contentDimensions","queryMode","rawData","flatMap","data","queryIndex","series","ts","labels","valueColumnName","Object","entries","reduce","acc","key","columnValue","find","x","s","timestamp","transforms","keys","result","entry","push","columnUniqueValues","uniqueValues","forEach","row","val","Array","from","columns","customizedColumns","columnSetting","has","columnConfig","add","defaultColumnHidden","cellConfigs","cellSettings","col","keysAsObj","extendRow","cellConfig","columnCellConfig","generateDefaultSortingState","id","desc","sorting","setSorting","columnFilters","setColumnFilters","filterAnchorEl","setFilterAnchorEl","openFilterColumn","setOpenFilterColumn","getSelectedFilterValues","columnId","f","updateColumnFilter","newFilters","handleFilterClick","event","preventDefault","stopPropagation","handleFilterClose","handleClick","closest","timer","setTimeout","document","addEventListener","clearTimeout","removeEventListener","filteredData","filtered","enableFiltering","every","filterValues","pagination","setPagination","pageIndex","pageSize","sx","justifyContent","height","default","borderBottom","boxSizing","idx","filters","columnWidth","defaultColumnWidth","borderRight","minWidth","maxWidth","position","flex","overflow","textOverflow","whiteSpace","button","onClick","main","flexShrink","transition","top","left","zIndex","marginTop","density","defaultColumnHeight","onSortingChange","onPaginationChange"],"mappings":"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"}
|
package/mf-manifest.json
CHANGED
|
@@ -5,11 +5,11 @@
|
|
|
5
5
|
"name": "Table",
|
|
6
6
|
"type": "app",
|
|
7
7
|
"buildInfo": {
|
|
8
|
-
"buildVersion": "0.
|
|
8
|
+
"buildVersion": "0.11.0-beta.0",
|
|
9
9
|
"buildName": "@perses-dev/table-plugin"
|
|
10
10
|
},
|
|
11
11
|
"remoteEntry": {
|
|
12
|
-
"name": "__mf/js/Table.
|
|
12
|
+
"name": "__mf/js/Table.048c2e60.js",
|
|
13
13
|
"path": "",
|
|
14
14
|
"type": "global"
|
|
15
15
|
},
|
|
@@ -87,14 +87,14 @@
|
|
|
87
87
|
{
|
|
88
88
|
"id": "Table:@perses-dev/components",
|
|
89
89
|
"name": "@perses-dev/components",
|
|
90
|
-
"version": "0.53.0-beta.
|
|
90
|
+
"version": "0.53.0-beta.4",
|
|
91
91
|
"singleton": true,
|
|
92
|
-
"requiredVersion": "^0.53.0-beta.
|
|
92
|
+
"requiredVersion": "^0.53.0-beta.4",
|
|
93
93
|
"assets": {
|
|
94
94
|
"js": {
|
|
95
95
|
"async": [],
|
|
96
96
|
"sync": [
|
|
97
|
-
"__mf/js/async/
|
|
97
|
+
"__mf/js/async/3919.1085fa1d.js"
|
|
98
98
|
]
|
|
99
99
|
},
|
|
100
100
|
"css": {
|
|
@@ -106,14 +106,14 @@
|
|
|
106
106
|
{
|
|
107
107
|
"id": "Table:@perses-dev/core",
|
|
108
108
|
"name": "@perses-dev/core",
|
|
109
|
-
"version": "0.53.0-beta.
|
|
109
|
+
"version": "0.53.0-beta.3",
|
|
110
110
|
"singleton": true,
|
|
111
|
-
"requiredVersion": "^0.53.0-beta.
|
|
111
|
+
"requiredVersion": "^0.53.0-beta.3",
|
|
112
112
|
"assets": {
|
|
113
113
|
"js": {
|
|
114
114
|
"async": [],
|
|
115
115
|
"sync": [
|
|
116
|
-
"__mf/js/async/
|
|
116
|
+
"__mf/js/async/1117.87be49e9.js"
|
|
117
117
|
]
|
|
118
118
|
},
|
|
119
119
|
"css": {
|
|
@@ -125,14 +125,14 @@
|
|
|
125
125
|
{
|
|
126
126
|
"id": "Table:@perses-dev/dashboards",
|
|
127
127
|
"name": "@perses-dev/dashboards",
|
|
128
|
-
"version": "0.53.0-beta.
|
|
128
|
+
"version": "0.53.0-beta.4",
|
|
129
129
|
"singleton": true,
|
|
130
|
-
"requiredVersion": "^0.53.0-beta.
|
|
130
|
+
"requiredVersion": "^0.53.0-beta.4",
|
|
131
131
|
"assets": {
|
|
132
132
|
"js": {
|
|
133
133
|
"async": [],
|
|
134
134
|
"sync": [
|
|
135
|
-
"__mf/js/async/1490.
|
|
135
|
+
"__mf/js/async/1490.08a726d9.js"
|
|
136
136
|
]
|
|
137
137
|
},
|
|
138
138
|
"css": {
|
|
@@ -144,14 +144,14 @@
|
|
|
144
144
|
{
|
|
145
145
|
"id": "Table:@perses-dev/plugin-system",
|
|
146
146
|
"name": "@perses-dev/plugin-system",
|
|
147
|
-
"version": "0.53.0-beta.
|
|
147
|
+
"version": "0.53.0-beta.4",
|
|
148
148
|
"singleton": true,
|
|
149
|
-
"requiredVersion": "^0.53.0-beta.
|
|
149
|
+
"requiredVersion": "^0.53.0-beta.4",
|
|
150
150
|
"assets": {
|
|
151
151
|
"js": {
|
|
152
152
|
"async": [],
|
|
153
153
|
"sync": [
|
|
154
|
-
"__mf/js/async/5501.
|
|
154
|
+
"__mf/js/async/5501.bdb9a707.js"
|
|
155
155
|
]
|
|
156
156
|
},
|
|
157
157
|
"css": {
|
|
@@ -322,13 +322,13 @@
|
|
|
322
322
|
"js": {
|
|
323
323
|
"sync": [
|
|
324
324
|
"__mf/js/async/1432.4dcbe7e3.js",
|
|
325
|
-
"__mf/js/async/
|
|
325
|
+
"__mf/js/async/868.9f710584.js",
|
|
326
326
|
"__mf/js/async/8728.546704f2.js",
|
|
327
|
-
"__mf/js/async/__federation_expose_Table.
|
|
327
|
+
"__mf/js/async/__federation_expose_Table.d6cfbcd9.js"
|
|
328
328
|
],
|
|
329
329
|
"async": [
|
|
330
330
|
"__mf/js/async/lib-router.8fd59130.js",
|
|
331
|
-
"__mf/js/async/
|
|
331
|
+
"__mf/js/async/2473.2c502914.js",
|
|
332
332
|
"__mf/js/async/3827.1b39b042.js",
|
|
333
333
|
"__mf/js/async/6753.032ce611.js",
|
|
334
334
|
"__mf/js/async/7417.86d0bc09.js",
|
package/mf-stats.json
CHANGED
|
@@ -5,11 +5,11 @@
|
|
|
5
5
|
"name": "Table",
|
|
6
6
|
"type": "app",
|
|
7
7
|
"buildInfo": {
|
|
8
|
-
"buildVersion": "0.
|
|
8
|
+
"buildVersion": "0.11.0-beta.0",
|
|
9
9
|
"buildName": "@perses-dev/table-plugin"
|
|
10
10
|
},
|
|
11
11
|
"remoteEntry": {
|
|
12
|
-
"name": "__mf/js/Table.
|
|
12
|
+
"name": "__mf/js/Table.048c2e60.js",
|
|
13
13
|
"path": "",
|
|
14
14
|
"type": "global"
|
|
15
15
|
},
|
|
@@ -95,17 +95,17 @@
|
|
|
95
95
|
},
|
|
96
96
|
{
|
|
97
97
|
"singleton": true,
|
|
98
|
-
"requiredVersion": "^0.53.0-beta.
|
|
98
|
+
"requiredVersion": "^0.53.0-beta.4",
|
|
99
99
|
"shareScope": "default",
|
|
100
100
|
"name": "@perses-dev/components",
|
|
101
|
-
"version": "0.53.0-beta.
|
|
101
|
+
"version": "0.53.0-beta.4",
|
|
102
102
|
"eager": false,
|
|
103
103
|
"id": "Table:@perses-dev/components",
|
|
104
104
|
"assets": {
|
|
105
105
|
"js": {
|
|
106
106
|
"async": [],
|
|
107
107
|
"sync": [
|
|
108
|
-
"__mf/js/async/
|
|
108
|
+
"__mf/js/async/3919.1085fa1d.js"
|
|
109
109
|
]
|
|
110
110
|
},
|
|
111
111
|
"css": {
|
|
@@ -119,17 +119,17 @@
|
|
|
119
119
|
},
|
|
120
120
|
{
|
|
121
121
|
"singleton": true,
|
|
122
|
-
"requiredVersion": "^0.53.0-beta.
|
|
122
|
+
"requiredVersion": "^0.53.0-beta.3",
|
|
123
123
|
"shareScope": "default",
|
|
124
124
|
"name": "@perses-dev/core",
|
|
125
|
-
"version": "0.53.0-beta.
|
|
125
|
+
"version": "0.53.0-beta.3",
|
|
126
126
|
"eager": false,
|
|
127
127
|
"id": "Table:@perses-dev/core",
|
|
128
128
|
"assets": {
|
|
129
129
|
"js": {
|
|
130
130
|
"async": [],
|
|
131
131
|
"sync": [
|
|
132
|
-
"__mf/js/async/
|
|
132
|
+
"__mf/js/async/1117.87be49e9.js"
|
|
133
133
|
]
|
|
134
134
|
},
|
|
135
135
|
"css": {
|
|
@@ -143,17 +143,17 @@
|
|
|
143
143
|
},
|
|
144
144
|
{
|
|
145
145
|
"singleton": true,
|
|
146
|
-
"requiredVersion": "^0.53.0-beta.
|
|
146
|
+
"requiredVersion": "^0.53.0-beta.4",
|
|
147
147
|
"shareScope": "default",
|
|
148
148
|
"name": "@perses-dev/dashboards",
|
|
149
|
-
"version": "0.53.0-beta.
|
|
149
|
+
"version": "0.53.0-beta.4",
|
|
150
150
|
"eager": false,
|
|
151
151
|
"id": "Table:@perses-dev/dashboards",
|
|
152
152
|
"assets": {
|
|
153
153
|
"js": {
|
|
154
154
|
"async": [],
|
|
155
155
|
"sync": [
|
|
156
|
-
"__mf/js/async/1490.
|
|
156
|
+
"__mf/js/async/1490.08a726d9.js"
|
|
157
157
|
]
|
|
158
158
|
},
|
|
159
159
|
"css": {
|
|
@@ -167,17 +167,17 @@
|
|
|
167
167
|
},
|
|
168
168
|
{
|
|
169
169
|
"singleton": true,
|
|
170
|
-
"requiredVersion": "^0.53.0-beta.
|
|
170
|
+
"requiredVersion": "^0.53.0-beta.4",
|
|
171
171
|
"shareScope": "default",
|
|
172
172
|
"name": "@perses-dev/plugin-system",
|
|
173
|
-
"version": "0.53.0-beta.
|
|
173
|
+
"version": "0.53.0-beta.4",
|
|
174
174
|
"eager": false,
|
|
175
175
|
"id": "Table:@perses-dev/plugin-system",
|
|
176
176
|
"assets": {
|
|
177
177
|
"js": {
|
|
178
178
|
"async": [],
|
|
179
179
|
"sync": [
|
|
180
|
-
"__mf/js/async/5501.
|
|
180
|
+
"__mf/js/async/5501.bdb9a707.js"
|
|
181
181
|
]
|
|
182
182
|
},
|
|
183
183
|
"css": {
|
|
@@ -386,13 +386,13 @@
|
|
|
386
386
|
"js": {
|
|
387
387
|
"sync": [
|
|
388
388
|
"__mf/js/async/1432.4dcbe7e3.js",
|
|
389
|
-
"__mf/js/async/
|
|
389
|
+
"__mf/js/async/868.9f710584.js",
|
|
390
390
|
"__mf/js/async/8728.546704f2.js",
|
|
391
|
-
"__mf/js/async/__federation_expose_Table.
|
|
391
|
+
"__mf/js/async/__federation_expose_Table.d6cfbcd9.js"
|
|
392
392
|
],
|
|
393
393
|
"async": [
|
|
394
394
|
"__mf/js/async/lib-router.8fd59130.js",
|
|
395
|
-
"__mf/js/async/
|
|
395
|
+
"__mf/js/async/2473.2c502914.js",
|
|
396
396
|
"__mf/js/async/3827.1b39b042.js",
|
|
397
397
|
"__mf/js/async/6753.032ce611.js",
|
|
398
398
|
"__mf/js/async/7417.86d0bc09.js",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@perses-dev/table-plugin",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.11.0-beta.0",
|
|
4
4
|
"homepage": "https://github.com/perses/plugins/blob/main/README.md",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -27,10 +27,10 @@
|
|
|
27
27
|
"@emotion/react": "^11.7.1",
|
|
28
28
|
"@emotion/styled": "^11.6.0",
|
|
29
29
|
"@hookform/resolvers": "^3.2.0",
|
|
30
|
-
"@perses-dev/components": "^0.53.0-beta.
|
|
31
|
-
"@perses-dev/core": "^0.53.0-beta.
|
|
32
|
-
"@perses-dev/plugin-system": "^0.53.0-beta.
|
|
33
|
-
"@perses-dev/dashboards": "^0.53.0-beta.
|
|
30
|
+
"@perses-dev/components": "^0.53.0-beta.4",
|
|
31
|
+
"@perses-dev/core": "^0.53.0-beta.3",
|
|
32
|
+
"@perses-dev/plugin-system": "^0.53.0-beta.4",
|
|
33
|
+
"@perses-dev/dashboards": "^0.53.0-beta.4",
|
|
34
34
|
"date-fns": "^4.1.0",
|
|
35
35
|
"date-fns-tz": "^3.2.0",
|
|
36
36
|
"echarts": "5.5.0",
|