@perses-dev/table-plugin 0.8.1 → 0.10.0

package/lib/cjs/ColumnsEditor/ColumnEditor.js

@@ -1,221 +0,0 @@
-// Copyright 2024 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "ColumnEditor", {
-    enumerable: true,
-    get: function() {
-        return ColumnEditor;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-const _react = require("react");
-const _components = require("@perses-dev/components");
-const _pluginsystem = require("@perses-dev/plugin-system");
-const DEFAULT_FORMAT = {
-    unit: 'decimal',
-    shortValues: true
-};
-function ColumnEditor({ column, onChange, ...others }) {
-    const [width, setWidth] = (0, _react.useState)(column.width === undefined || column.width === 'auto' ? 100 : column.width);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_components.OptionsEditorGrid, {
-        ...others,
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorColumn, {
-                children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_components.OptionsEditorGroup, {
-                    title: "Column",
-                    children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorControl, {
-                            label: "Name*",
-                            control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
-                                value: column.name,
-                                onChange: (e)=>onChange({
-                                        ...column,
-                                        name: e.target.value
-                                    }),
-                                required: true
-                            })
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorControl, {
-                            label: "Header",
-                            control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
-                                value: column.header ?? '',
-                                onChange: (e)=>onChange({
-                                        ...column,
-                                        header: e.target.value ? e.target.value : undefined
-                                    })
-                            })
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorControl, {
-                            label: "Header Tooltip",
-                            control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
-                                value: column.headerDescription ?? '',
-                                onChange: (e)=>onChange({
-                                        ...column,
-                                        headerDescription: e.target.value ? e.target.value : undefined
-                                    })
-                            })
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorControl, {
-                            label: "Cell Tooltip",
-                            control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
-                                value: column.cellDescription ?? '',
-                                onChange: (e)=>onChange({
-                                        ...column,
-                                        cellDescription: e.target.value ? e.target.value : undefined
-                                    })
-                            })
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorControl, {
-                            label: "Enable sorting",
-                            control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Switch, {
-                                checked: column.enableSorting ?? false,
-                                onChange: (e)=>onChange({
-                                        ...column,
-                                        enableSorting: e.target.checked
-                                    })
-                            })
-                        }),
-                        column.enableSorting && /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorControl, {
-                            label: "Default Sort",
-                            control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.SortSelectorButtons, {
-                                size: "medium",
-                                value: column.sort,
-                                sx: {
-                                    margin: 0.5
-                                },
-                                onChange: (sort)=>onChange({
-                                        ...column,
-                                        sort: sort
-                                    })
-                            })
-                        })
-                    ]
-                })
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorColumn, {
-                children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_components.OptionsEditorGroup, {
-                    title: "Visual",
-                    children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorControl, {
-                            label: "Show column",
-                            control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Switch, {
-                                checked: !(column.hide ?? false),
-                                onChange: (e)=>onChange({
-                                        ...column,
-                                        hide: !e.target.checked
-                                    })
-                            })
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorControl, {
-                            label: "Display",
-                            control: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.ButtonGroup, {
-                                "aria-label": "Display",
-                                size: "small",
-                                children: [
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
-                                        variant: !column.plugin ? 'contained' : 'outlined',
-                                        onClick: ()=>onChange({
-                                                ...column,
-                                                plugin: undefined
-                                            }),
-                                        children: "Text"
-                                    }),
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
-                                        variant: column.plugin ? 'contained' : 'outlined',
-                                        onClick: ()=>onChange({
-                                                ...column,
-                                                plugin: {
-                                                    kind: 'StatChart',
-                                                    spec: {}
-                                                }
-                                            }),
-                                        children: "Embedded Panel"
-                                    })
-                                ]
-                            })
-                        }),
-                        column.plugin ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorControl, {
-                            label: "Panel Type",
-                            control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.PluginKindSelect, {
-                                pluginTypes: [
-                                    'Panel'
-                                ],
-                                value: {
-                                    type: 'Panel',
-                                    kind: column.plugin.kind
-                                },
-                                onChange: (event)=>onChange({
-                                        ...column,
-                                        plugin: {
-                                            kind: event.kind,
-                                            spec: {}
-                                        }
-                                    })
-                            })
-                        }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.FormatControls, {
-                            value: column.format ?? DEFAULT_FORMAT,
-                            onChange: (newFormat)=>onChange({
-                                    ...column,
-                                    format: newFormat
-                                })
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorControl, {
-                            label: "Alignment",
-                            control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.AlignSelector, {
-                                size: "small",
-                                value: column.align ?? 'left',
-                                onChange: (align)=>onChange({
-                                        ...column,
-                                        align: align
-                                    })
-                            })
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorControl, {
-                            label: "Custom width",
-                            control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Switch, {
-                                checked: column.width !== undefined && column.width !== 'auto',
-                                onChange: (e)=>onChange({
-                                        ...column,
-                                        width: e.target.checked ? width : 'auto'
-                                    })
-                            })
-                        }),
-                        column.width !== undefined && column.width !== 'auto' && /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorControl, {
-                            label: "Width",
-                            control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
-                                type: "number",
-                                value: width,
-                                slotProps: {
-                                    htmlInput: {
-                                        min: 1
-                                    }
-                                },
-                                onChange: (e)=>{
-                                    setWidth(+e.target.value);
-                                    onChange({
-                                        ...column,
-                                        width: +e.target.value
-                                    });
-                                }
-                            })
-                        })
-                    ]
-                })
-            })
-        ]
-    });
-}

package/lib/cjs/TablePanel.js

@@ -1,341 +0,0 @@
-// Copyright 2024 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    TablePanel: function() {
-        return TablePanel;
-    },
-    getTablePanelQueryOptions: function() {
-        return getTablePanelQueryOptions;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _components = require("@perses-dev/components");
-const _react = require("react");
-const _core = require("@perses-dev/core");
-const _EmbeddedPanel = require("./EmbeddedPanel");
-function generateCellContentConfig(column) {
-    const plugin = column.plugin;
-    if (plugin !== undefined) {
-        return {
-            cell: (ctx)=>{
-                const panelData = ctx.getValue();
-                if (!panelData) return /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {});
-                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_EmbeddedPanel.EmbeddedPanel, {
-                    kind: plugin.kind,
-                    spec: plugin.spec,
-                    queryResults: [
-                        panelData
-                    ]
-                });
-            },
-            cellDescription: column.cellDescription ? ()=>`${column.cellDescription}` : ()=>''
-        };
-    }
-    return {
-        cell: (ctx)=>{
-            const cellValue = ctx.getValue();
-            return typeof cellValue === 'number' && column.format ? (0, _core.formatValue)(cellValue, column.format) : cellValue;
-        },
-        cellDescription: column.cellDescription ? ()=>`${column.cellDescription}` : undefined
-    };
-}
-/*
- * Generate column config from column definitions, if a column has multiple definitions, the first one will be used.
- * If column is hidden, return undefined.
- * If column do not have a definition, return a default column config.
- */ function generateColumnConfig(name, columnSettings) {
-    for (const column of columnSettings){
-        if (column.name === name) {
-            if (column.hide) {
-                return undefined;
-            }
-            return {
-                accessorKey: name,
-                header: column.header ?? name,
-                headerDescription: column.headerDescription,
-                enableSorting: column.enableSorting,
-                width: column.width,
-                align: column.align,
-                ...generateCellContentConfig(column)
-            };
-        }
-    }
-    return {
-        accessorKey: name,
-        header: name
-    };
-}
-function generateCellConfig(value, settings) {
-    for (const setting of settings){
-        if (setting.condition.kind === 'Value' && setting.condition.spec?.value === String(value)) {
-            return {
-                text: setting.text,
-                textColor: setting.textColor,
-                backgroundColor: setting.backgroundColor
-            };
-        }
-        if (setting.condition.kind === 'Range' && !Number.isNaN(Number(value))) {
-            const numericValue = Number(value);
-            if (setting.condition.spec?.min !== undefined && setting.condition.spec?.max !== undefined && numericValue >= +setting.condition.spec?.min && numericValue <= +setting.condition.spec?.max) {
-                return {
-                    text: setting.text,
-                    textColor: setting.textColor,
-                    backgroundColor: setting.backgroundColor
-                };
-            }
-            if (setting.condition.spec?.min !== undefined && numericValue >= +setting.condition.spec?.min) {
-                return {
-                    text: setting.text,
-                    textColor: setting.textColor,
-                    backgroundColor: setting.backgroundColor
-                };
-            }
-            if (setting.condition.spec?.max !== undefined && numericValue <= +setting.condition.spec?.max) {
-                return {
-                    text: setting.text,
-                    textColor: setting.textColor,
-                    backgroundColor: setting.backgroundColor
-                };
-            }
-        }
-        if (setting.condition.kind === 'Regex' && setting.condition.spec?.expr) {
-            const regex = new RegExp(setting.condition.spec?.expr);
-            if (regex.test(String(value))) {
-                return {
-                    text: setting.text,
-                    textColor: setting.textColor,
-                    backgroundColor: setting.backgroundColor
-                };
-            }
-        }
-        if (setting.condition.kind === 'Misc' && setting.condition.spec?.value) {
-            if (setting.condition.spec?.value === 'empty' && value === '') {
-                return {
-                    text: setting.text,
-                    textColor: setting.textColor,
-                    backgroundColor: setting.backgroundColor
-                };
-            }
-            if (setting.condition.spec?.value === 'null' && (value === null || value === undefined)) {
-                return {
-                    text: setting.text,
-                    textColor: setting.textColor,
-                    backgroundColor: setting.backgroundColor
-                };
-            }
-            if (setting.condition.spec?.value === 'NaN' && Number.isNaN(value)) {
-                return {
-                    text: setting.text,
-                    textColor: setting.textColor,
-                    backgroundColor: setting.backgroundColor
-                };
-            }
-            if (setting.condition.spec?.value === 'true' && value === true) {
-                return {
-                    text: setting.text,
-                    textColor: setting.textColor,
-                    backgroundColor: setting.backgroundColor
-                };
-            }
-            if (setting.condition.spec?.value === 'false' && value === false) {
-                return {
-                    text: setting.text,
-                    textColor: setting.textColor,
-                    backgroundColor: setting.backgroundColor
-                };
-            }
-        }
-    }
-    return undefined;
-}
-function getTablePanelQueryOptions(spec) {
-    // if any cell renders a panel plugin, perform a range query instead of an instant query
-    return {
-        mode: (spec.columnSettings ?? []).some((c)=>c.plugin) ? 'range' : 'instant'
-    };
-}
-function TablePanel({ contentDimensions, spec, queryResults }) {
-    // TODO: handle other query types
-    const queryMode = getTablePanelQueryOptions(spec).mode;
-    const rawData = (0, _react.useMemo)(()=>{
-        // Transform query results to a tabular format:
-        // [ { timestamp: 123, value: 456, labelName1: labelValue1 }, ... ]
-        return queryResults.flatMap((data, queryIndex)=>data.data.series.map((ts)=>({
-                    data,
-                    ts,
-                    queryIndex
-                }))).map(({ data, ts, queryIndex })=>{
-            if (ts.values[0] === undefined) {
-                return {
-                    ...ts.labels
-                };
-            }
-            // If there are multiple queries, we need to add the query index to the value key and label key to avoid conflicts
-            const valueColumnName = queryResults.length === 1 ? 'value' : `value #${queryIndex + 1}`;
-            const labels = queryResults.length === 1 ? ts.labels : Object.entries(ts.labels ?? {}).reduce((acc, [key, value])=>{
-                if (key) acc[`${key} #${queryIndex + 1}`] = value;
-                return acc;
-            }, {});
-            // If the cell visualization is a panel plugin, filter the data by the current series
-            const columnValue = (spec.columnSettings ?? []).find((x)=>x.name === valueColumnName)?.plugin ? {
-                ...data,
-                data: {
-                    ...data.data,
-                    series: data.data.series.filter((s)=>s === ts)
-                }
-            } : ts.values[0][1];
-            if (queryMode === 'instant') {
-                // Timestamp is not indexed as it will be the same for all queries
-                return {
-                    timestamp: ts.values[0][0],
-                    [valueColumnName]: columnValue,
-                    ...labels
-                };
-            } else {
-                // Don't add a timestamp for range queries
-                return {
-                    [valueColumnName]: columnValue,
-                    ...labels
-                };
-            }
-        });
-    }, [
-        queryResults,
-        queryMode,
-        spec.columnSettings
-    ]);
-    // Transform will be applied by their orders on the original data
-    const data = (0, _core.useTransformData)(rawData, spec.transforms ?? []);
-    const keys = (0, _react.useMemo)(()=>{
-        const result = [];
-        for (const entry of data){
-            for (const key of Object.keys(entry)){
-                if (!result.includes(key)) {
-                    result.push(key);
-                }
-            }
-        }
-        return result;
-    }, [
-        data
-    ]);
-    const columns = (0, _react.useMemo)(()=>{
-        const columns = [];
-        // Taking the customized columns first for the ordering of the columns in the table
-        const customizedColumns = spec.columnSettings?.map((column)=>column.name).filter((name)=>keys.includes(name)) ?? [];
-        const defaultColumns = keys.filter((key)=>!customizedColumns.includes(key));
-        for (const key of customizedColumns){
-            const columnConfig = generateColumnConfig(key, spec.columnSettings ?? []);
-            if (columnConfig !== undefined) {
-                columns.push(columnConfig);
-            }
-        }
-        for (const key of defaultColumns){
-            const columnConfig = generateColumnConfig(key, spec.columnSettings ?? []);
-            if (columnConfig !== undefined) {
-                columns.push(columnConfig);
-            }
-        }
-        return columns;
-    }, [
-        keys,
-        spec.columnSettings
-    ]);
-    // Generate cell settings that will be used by the table to render cells (text color, background color, ...)
-    const cellConfigs = (0, _react.useMemo)(()=>{
-        // If there is no cell settings, return an empty array
-        if (spec.cellSettings === undefined) {
-            return {};
-        }
-        const result = {};
-        let index = 0;
-        for (const row of data){
-            // Transforming key to object to extend the row with undefined values if the key is not present
-            // for checking the cell config "Misc" condition with "null"
-            const keysAsObj = keys.reduce((acc, key)=>{
-                acc[key] = undefined;
-                return acc;
-            }, {});
-            const extendRow = {
-                ...keysAsObj,
-                ...row
-            };
-            for (const [key, value] of Object.entries(extendRow)){
-                const cellConfig = generateCellConfig(value, spec.cellSettings ?? []);
-                if (cellConfig) {
-                    result[`${index}_${key}`] = cellConfig;
-                }
-            }
-            index++;
-        }
-        return result;
-    }, [
-        data,
-        keys,
-        spec.cellSettings
-    ]);
-    function generateDefaultSortingState() {
-        return spec.columnSettings?.filter((column)=>column.sort !== undefined).map((column)=>{
-            return {
-                id: column.name,
-                desc: column.sort === 'desc'
-            };
-        }) ?? [];
-    }
-    const [sorting, setSorting] = (0, _react.useState)(generateDefaultSortingState());
-    const [pagination, setPagination] = (0, _react.useState)(spec.pagination ? {
-        pageIndex: 0,
-        pageSize: 10
-    } : undefined);
-    (0, _react.useEffect)(()=>{
-        // If the pagination setting changes from no pagination to pagination, but the pagination state is undefined, update the pagination state
-        if (spec.pagination && !pagination) {
-            setPagination({
-                pageIndex: 0,
-                pageSize: 10
-            });
-        } else if (!spec.pagination && pagination) {
-            setPagination(undefined);
-        }
-    }, [
-        spec.pagination,
-        pagination
-    ]);
-    if (contentDimensions === undefined) {
-        return null;
-    }
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.Table, {
-        data: data,
-        columns: columns,
-        cellConfigs: cellConfigs,
-        height: contentDimensions.height,
-        width: contentDimensions.width,
-        density: spec.density,
-        defaultColumnWidth: spec.defaultColumnWidth,
-        defaultColumnHeight: spec.defaultColumnHeight,
-        sorting: sorting,
-        onSortingChange: setSorting,
-        pagination: pagination,
-        onPaginationChange: setPagination
-    });
-}

package/lib/cjs/model.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});

package/lib/model.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../src/model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAGvD,UAAU,sBAAsB;CAAG;AAEnC,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC"}

package/lib/model.js

@@ -1,3 +0,0 @@
-export { };
-
-//# sourceMappingURL=model.js.map

package/lib/model.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/model.ts"],"sourcesContent":["import { PanelProps } from '@perses-dev/plugin-system';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\ninterface TimeSeriesTableOptions {}\n\nexport type TimeSeriesTableProps = PanelProps<TimeSeriesTableOptions>;\n"],"names":[],"mappings":"AAKA,WAAsE"}

package/lib/table-model.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-model.d.ts","sourceRoot":"","sources":["../../src/table-model.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACrF,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IAGb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAEjC,8DAA8D;IAC9D,MAAM,CAAC,EAAE,aAAa,CAAC;IAGvB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAGpC,aAAa,CAAC,EAAE,OAAO,CAAC;IAGxB,IAAI,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAEtB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE;QACJ,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;CACH;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;KACpD,CAAC;CACH;AAED,MAAM,MAAM,SAAS,GAAG,cAAc,GAAG,cAAc,GAAG,cAAc,GAAG,aAAa,CAAC;AAEzF,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,IAAI,MAAM,EAAE,CAAC;IACzB,eAAe,CAAC,EAAE,IAAI,MAAM,EAAE,CAAC;CAChC;AAED;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,UAAU,CAAC,YAAY,CAAC;IAC/D,IAAI,EAAE,OAAO,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAE3B,OAAO,CAAC,EAAE,YAAY,CAAC;IAGvB,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAGrC,mBAAmB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEtC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,cAAc,CAAC,EAAE,cAAc,EAAE,CAAC;IAElC,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAE9B,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,YAAY,CAIxD;AAED,MAAM,MAAM,wBAAwB,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC"}

package/lib/table-model.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/table-model.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 { Definition, FormatOptions, Transform, UnknownSpec } from '@perses-dev/core';\nimport { TableDensity } from '@perses-dev/components';\nimport { OptionsEditorProps } from '@perses-dev/plugin-system';\n\nexport interface ColumnSettings {\n  name: string;\n\n  // Text to display in the header for the column.\n  header?: string;\n  /**\n   * Text to display when hovering over the header text. This can be useful for\n   * providing additional information about the column when you want to keep the\n   * header text relatively short to manage the column width.\n   */\n  headerDescription?: string;\n  /**\n   * Text to display when hovering over a cell. This can be useful for\n   * providing additional information about the column when the content is\n   * ellipsized to fit in the space.\n   */\n  cellDescription?: string;\n\n  /**\n   * Panel plugin to render.\n   * By default, the cells are rendered as text.\n   */\n  plugin?: Definition<UnknownSpec>;\n\n  /** Formatting options. Only applicable if plugin is unset. */\n  format?: FormatOptions;\n\n  // Alignment of the content in the cell.\n  align?: 'left' | 'center' | 'right';\n\n  // When `true`, the column will be sortable.\n  enableSorting?: boolean;\n\n  // Default sort order for the column.\n  sort?: 'asc' | 'desc';\n\n  /**\n   * Width of the column when rendered in a table. It should be a number in pixels\n   * or \"auto\" to allow the table to automatically adjust the width to fill\n   * space.\n   */\n  width?: number | 'auto';\n  // When `true`, the column will not be displayed.\n  hide?: boolean;\n}\n\nexport interface ValueCondition {\n  kind: 'Value';\n  spec: {\n    value: string;\n  };\n}\n\nexport interface RangeCondition {\n  kind: 'Range';\n  spec: {\n    min?: number;\n    max?: number;\n  };\n}\n\nexport interface RegexCondition {\n  kind: 'Regex';\n  spec: {\n    expr: string;\n  };\n}\n\nexport interface MiscCondition {\n  kind: 'Misc';\n  spec: {\n    value: 'empty' | 'null' | 'NaN' | 'true' | 'false';\n  };\n}\n\nexport type Condition = ValueCondition | RangeCondition | RegexCondition | MiscCondition;\n\nexport interface CellSettings {\n  condition: Condition;\n  text?: string;\n  textColor?: `#${string}`;\n  backgroundColor?: `#${string}`;\n}\n\n/**\n * The schema for a Table panel.\n */\nexport interface TableDefinition extends Definition<TableOptions> {\n  kind: 'Table';\n}\n\n/**\n * The Options object type supported by the Table panel plugin.\n */\nexport interface TableOptions {\n  // Change row height.\n  density?: TableDensity;\n  // When set to 'auto', the table will try to automatically adjust the width of columns to fit without overflowing.\n  // Only for column without custom width specified in columnSettings.\n  defaultColumnWidth?: 'auto' | number;\n  // When set to 'auto', the table will calculate the cell height based on the line height of the theme and the density setting of the table.\n  // Only for column without custom height specified in columnSettings.\n  defaultColumnHeight?: 'auto' | number;\n  // Enable pagination.\n  pagination?: boolean;\n  // Customize column display and order them by their index in the array.\n  columnSettings?: ColumnSettings[];\n  // Customize cell display based on their value.\n  cellSettings?: CellSettings[];\n  // Apply transforms to the data before rendering the table.\n  transforms?: Transform[];\n}\n\n/**\n * Creates the initial/empty options for a Table panel.\n */\nexport function createInitialTableOptions(): TableOptions {\n  return {\n    density: 'standard',\n  };\n}\n\nexport type TableSettingsEditorProps = OptionsEditorProps<TableOptions>;\n"],"names":["createInitialTableOptions","density"],"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;AAuHjC;;CAEC,GACD,OAAO,SAASA;IACd,OAAO;QACLC,SAAS;IACX;AACF"}