@perses-dev/table-plugin 0.13.0 → 0.14.0-beta.1

package/lib/cjs/TableExportAction.js

@@ -1,180 +0,0 @@
-// 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.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get TableExportAction () {
-        return TableExportAction;
-    },
-    get buildTableData () {
-        return buildTableData;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _pluginsystem = require("@perses-dev/plugin-system");
-const _components = require("@perses-dev/components");
-const _material = require("@mui/material");
-const _Download = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Download"));
-const _tabledatautils = require("./table-data-utils");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-function buildTableData(queryResults, spec) {
-    // Use shared utility with forExport=true to get raw scalar values
-    const rawData = (0, _tabledatautils.buildRawTableData)(queryResults, spec, {
-        forExport: true
-    });
-    const transformed = (0, _components.transformData)(rawData, spec.transforms ?? []);
-    const allKeys = [];
-    for (const entry of transformed){
-        for (const key of Object.keys(entry)){
-            if (!allKeys.includes(key)) allKeys.push(key);
-        }
-    }
-    const columnSettings = spec.columnSettings ?? [];
-    const columns = [];
-    const customized = new Set();
-    for (const col of columnSettings){
-        if (customized.has(col.name)) continue;
-        customized.add(col.name);
-        if (col.hide) continue;
-        columns.push({
-            key: col.name,
-            header: col.header ?? col.name
-        });
-    }
-    if (!spec.defaultColumnHidden) {
-        for (const key of allKeys){
-            if (!customized.has(key)) {
-                columns.push({
-                    key,
-                    header: key
-                });
-            }
-        }
-    }
-    return {
-        data: transformed,
-        columns
-    };
-}
-const TableExportAction = ({ queryResults, spec, definition })=>{
-    const tableData = (0, _react.useMemo)(()=>buildTableData(queryResults, spec), [
-        queryResults,
-        spec
-    ]);
-    const canExport = tableData.data.length > 0 && tableData.columns.length > 0;
-    const handleExport = (0, _react.useCallback)(()=>{
-        if (!canExport) return;
-        try {
-            const title = definition?.spec?.display?.name || 'Table Data';
-            const { data, columns } = tableData;
-            const headerRow = columns.map((c)=>(0, _pluginsystem.escapeCsvValue)(c.header)).join(',');
-            const dataRows = data.map((row)=>columns.map((col)=>(0, _pluginsystem.escapeCsvValue)(row[col.key])).join(','));
-            const csvString = [
-                headerRow,
-                ...dataRows
-            ].join('\n') + '\n';
-            const csvBlob = new Blob([
-                csvString
-            ], {
-                type: 'text/csv;charset=utf-8'
-            });
-            const baseFilename = (0, _pluginsystem.sanitizeFilename)(title);
-            const filename = `${baseFilename}_data.csv`;
-            const url = URL.createObjectURL(csvBlob);
-            try {
-                const link = document.createElement('a');
-                link.href = url;
-                link.download = filename;
-                document.body.appendChild(link);
-                link.click();
-                document.body.removeChild(link);
-            } finally{
-                URL.revokeObjectURL(url);
-            }
-        } catch (error) {
-            console.error('Table CSV export failed:', error);
-        }
-    }, [
-        canExport,
-        tableData,
-        definition
-    ]);
-    if (!canExport) {
-        return null;
-    }
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.InfoTooltip, {
-        description: "Export as CSV",
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
-            size: "small",
-            onClick: handleExport,
-            "aria-label": "Export table data as CSV",
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Download.default, {
-                fontSize: "inherit"
-            })
-        })
-    });
-};

package/lib/cjs/bootstrap.js

@@ -1,26 +0,0 @@
-// 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.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _client = /*#__PURE__*/ _interop_require_default(require("react-dom/client"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const root = _client.default.createRoot(document.getElementById('root'));
-root.render(/*#__PURE__*/ (0, _jsxruntime.jsx)(_react.default.StrictMode, {}));

package/lib/cjs/components/CellsEditor/CellsEditor.js

@@ -1,30 +0,0 @@
-// 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.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "CellsEditor", {
-    enumerable: true,
-    get: function() {
-        return CellsEditor;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _ConditionalPanel = require("../ConditionalPanel");
-function CellsEditor({ cellSettings, onChange }) {
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ConditionalPanel.ConditionalPanel, {
-        cellSettings: cellSettings,
-        onChange: (updatedCellSettings)=>onChange(updatedCellSettings || [])
-    });
-}

package/lib/cjs/components/CellsEditor/index.js

@@ -1,30 +0,0 @@
-// 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.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-_export_star(require("./CellsEditor"), exports);
-function _export_star(from, to) {
-    Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-            Object.defineProperty(to, k, {
-                enumerable: true,
-                get: function() {
-                    return from[k];
-                }
-            });
-        }
-    });
-    return from;
-}

package/lib/cjs/components/ColumnsEditor/ColumnEditor.js

@@ -1,289 +0,0 @@
-// 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.
-"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 _ConditionalPanel = require("../ConditionalPanel");
-const _DataLinkEditorDialog = require("./DataLinkEditorDialog");
-const _EmbeddedPanelOptionsEditor = require("./EmbeddedPanelOptionsEditor");
-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)(_material.Stack, {
-        ...others,
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_components.OptionsEditorGrid, {
-                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: "Cell display",
-                                    control: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                                        spacing: 1,
-                                        children: [
-                                            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.ButtonGroup, {
-                                                "aria-label": "Cell 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: 'GaugeChart',
-                                                                    spec: {}
-                                                                }
-                                                            }),
-                                                        children: "Visualization"
-                                                    })
-                                                ]
-                                            }),
-                                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                                                variant: "caption",
-                                                color: "text.secondary",
-                                                sx: {
-                                                    maxWidth: 360
-                                                },
-                                                children: "Visualizations reuse panel settings (thresholds, units, colors). Text mode uses value formatting below."
-                                            })
-                                        ]
-                                    })
-                                }),
-                                column.plugin ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorControl, {
-                                    label: "Visualization type",
-                                    control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.PluginKindSelect, {
-                                        pluginTypes: [
-                                            'Panel'
-                                        ],
-                                        size: "small",
-                                        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
-                                            });
-                                        }
-                                    })
-                                })
-                            ]
-                        })
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorColumn, {
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorGroup, {
-                            title: "Link",
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_DataLinkEditorDialog.DataLinkEditor, {
-                                column: column,
-                                onChange: onChange
-                            })
-                        })
-                    })
-                ]
-            }),
-            column.plugin?.kind === 'GaugeChart' && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
-                sx: {
-                    px: 8,
-                    mt: 4,
-                    width: '100%'
-                },
-                spacing: 2,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorGroup, {
-                    title: "Visualization settings",
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_EmbeddedPanelOptionsEditor.EmbeddedPanelOptionsEditor, {
-                        kind: "GaugeChart",
-                        spec: column.plugin.spec,
-                        onChange: (nextSpec)=>onChange({
-                                ...column,
-                                plugin: {
-                                    kind: 'GaugeChart',
-                                    spec: nextSpec
-                                }
-                            })
-                    })
-                })
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
-                sx: {
-                    px: 8,
-                    mt: column.plugin?.kind === 'GaugeChart' ? 3 : 0
-                },
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorGroup, {
-                    title: "Conditional Cell Format",
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ConditionalPanel.ConditionalPanel, {
-                        cellSettings: column.cellSettings,
-                        onChange: (cellSettings)=>onChange({
-                                ...column,
-                                cellSettings
-                            })
-                    })
-                })
-            })
-        ]
-    });
-}