@perses-dev/timeseries-chart-plugin 0.13.0 → 0.14.0-beta.2

package/lib/cjs/VisualOptionsEditor.js

@@ -1,161 +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, "VisualOptionsEditor", {
-    enumerable: true,
-    get: function() {
-        return VisualOptionsEditor;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _immer = require("immer");
-const _material = require("@mui/material");
-const _components = require("@perses-dev/components");
-const _timeserieschartmodel = require("./time-series-chart-model");
-function VisualOptionsEditor({ value, onChange }) {
-    const handleLineWidthChange = (_, sliderValue)=>{
-        const newValue = Array.isArray(sliderValue) ? sliderValue[0] : sliderValue;
-        const symbolSize = newValue !== undefined ? newValue + _timeserieschartmodel.POINT_SIZE_OFFSET : _timeserieschartmodel.DEFAULT_POINT_RADIUS;
-        onChange((0, _immer.produce)(value, (draft)=>{
-            draft.lineWidth = newValue;
-            draft.pointRadius = symbolSize;
-        }));
-    };
-    const handleAreaOpacityChange = (_, sliderValue)=>{
-        const newValue = Array.isArray(sliderValue) ? sliderValue[0] : sliderValue;
-        onChange((0, _immer.produce)(value, (draft)=>{
-            draft.areaOpacity = newValue;
-        }));
-    };
-    const currentStack = value.stack ?? 'none';
-    const stackConfig = _timeserieschartmodel.STACK_CONFIG[currentStack];
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_components.OptionsEditorGroup, {
-        title: "Visual",
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorControl, {
-                label: _timeserieschartmodel.VISUAL_CONFIG.stack.label,
-                control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.SettingsAutocomplete, {
-                    value: {
-                        ...stackConfig,
-                        id: currentStack
-                    },
-                    options: _timeserieschartmodel.STACK_OPTIONS,
-                    onChange: (__, newValue)=>{
-                        const updatedValue = {
-                            ...value,
-                            stack: newValue.id === 'none' ? undefined : newValue.id
-                        };
-                        // stacked area chart preset to automatically set area under a curve shading
-                        if (newValue.id === 'all' && !value.areaOpacity) {
-                            updatedValue.areaOpacity = 0.3;
-                        }
-                        onChange(updatedValue);
-                    },
-                    disabled: value === undefined,
-                    disableClearable: true
-                })
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorControl, {
-                label: "Display",
-                control: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.ToggleButtonGroup, {
-                    color: "primary",
-                    exclusive: true,
-                    value: value.display ?? _timeserieschartmodel.DEFAULT_DISPLAY,
-                    onChange: (__, newValue)=>{
-                        onChange({
-                            ...value,
-                            display: newValue
-                        });
-                    },
-                    children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.ToggleButton, {
-                            value: "line",
-                            selected: value.display === undefined || value.display === 'line',
-                            "aria-label": "display line series",
-                            children: "Line"
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.ToggleButton, {
-                            value: "bar",
-                            "aria-label": "display bar series",
-                            children: "Bar"
-                        })
-                    ]
-                })
-            }),
-            value.display === 'line' && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorControl, {
-                        label: _timeserieschartmodel.VISUAL_CONFIG.lineWidth.label,
-                        control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Slider, {
-                            "data-testid": _timeserieschartmodel.VISUAL_CONFIG.lineWidth.testId,
-                            value: value.lineWidth ?? _timeserieschartmodel.DEFAULT_LINE_WIDTH,
-                            valueLabelDisplay: "auto",
-                            step: _timeserieschartmodel.VISUAL_CONFIG.lineWidth.step,
-                            marks: true,
-                            min: _timeserieschartmodel.VISUAL_CONFIG.lineWidth.min,
-                            max: _timeserieschartmodel.VISUAL_CONFIG.lineWidth.max,
-                            onChange: handleLineWidthChange
-                        })
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorControl, {
-                        label: _timeserieschartmodel.VISUAL_CONFIG.lineStyle.label,
-                        control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.ToggleButtonGroup, {
-                            color: "primary",
-                            exclusive: true,
-                            value: value.lineStyle ?? _timeserieschartmodel.DEFAULT_LINE_STYLE,
-                            onChange: (__, newValue)=>{
-                                onChange({
-                                    ...value,
-                                    lineStyle: newValue
-                                });
-                            },
-                            children: Object.entries(_timeserieschartmodel.LINE_STYLE_CONFIG).map(([styleValue, config])=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.ToggleButton, {
-                                    value: styleValue,
-                                    "aria-label": `${styleValue} line style`,
-                                    children: config.label
-                                }, styleValue))
-                        })
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorControl, {
-                        label: _timeserieschartmodel.VISUAL_CONFIG.areaOpacity.label,
-                        control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Slider, {
-                            "data-testid": _timeserieschartmodel.VISUAL_CONFIG.areaOpacity.testId,
-                            value: value.areaOpacity ?? _timeserieschartmodel.DEFAULT_AREA_OPACITY,
-                            valueLabelDisplay: "auto",
-                            step: _timeserieschartmodel.VISUAL_CONFIG.areaOpacity.step,
-                            marks: true,
-                            min: _timeserieschartmodel.VISUAL_CONFIG.areaOpacity.min,
-                            max: _timeserieschartmodel.VISUAL_CONFIG.areaOpacity.max,
-                            onChange: handleAreaOpacityChange
-                        })
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorControl, {
-                        label: _timeserieschartmodel.VISUAL_CONFIG.connectNulls.label,
-                        control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Switch, {
-                            checked: value.connectNulls ?? _timeserieschartmodel.DEFAULT_CONNECT_NULLS,
-                            onChange: (e)=>{
-                                onChange({
-                                    ...value,
-                                    connectNulls: e.target.checked
-                                });
-                            }
-                        })
-                    })
-                ]
-            })
-        ]
-    });
-}

package/lib/cjs/YAxisOptionsEditor.js

@@ -1,118 +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, "YAxisOptionsEditor", {
-    enumerable: true,
-    get: function() {
-        return YAxisOptionsEditor;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-const _components = require("@perses-dev/components");
-const _timeserieschartmodel = require("./time-series-chart-model");
-function YAxisOptionsEditor({ value, onChange }) {
-    const logBase = value.logBase ? _timeserieschartmodel.LOG_BASE_CONFIG[value.logBase] : undefined;
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_components.OptionsEditorGroup, {
-        title: "Y Axis",
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorControl, {
-                label: "Show",
-                control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Switch, {
-                    checked: value.show ?? _timeserieschartmodel.DEFAULT_Y_AXIS.show,
-                    onChange: (e)=>{
-                        onChange({
-                            ...value,
-                            show: e.target.checked
-                        });
-                    }
-                })
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.FormatControls, {
-                value: value.format ?? _timeserieschartmodel.DEFAULT_FORMAT,
-                onChange: (newFormat)=>onChange({
-                        ...value,
-                        format: newFormat
-                    })
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorControl, {
-                label: _timeserieschartmodel.Y_AXIS_CONFIG.logBase.label,
-                control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.SettingsAutocomplete, {
-                    value: {
-                        ...logBase,
-                        id: logBase?.label ?? 'None'
-                    },
-                    options: _timeserieschartmodel.LOG_BASE_OPTIONS,
-                    onChange: (__, newValue)=>{
-                        const updatedValue = {
-                            ...value,
-                            logBase: newValue.log ?? undefined
-                        };
-                        onChange(updatedValue);
-                    },
-                    disabled: value === undefined,
-                    disableClearable: true
-                })
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorControl, {
-                label: _timeserieschartmodel.Y_AXIS_CONFIG.label.label,
-                control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
-                    value: value.label ?? '',
-                    inputProps: {
-                        'aria-label': 'enter y axis label'
-                    },
-                    onChange: (e)=>onChange({
-                            ...value,
-                            label: e.target.value
-                        }),
-                    placeholder: "Default"
-                })
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorControl, {
-                label: _timeserieschartmodel.Y_AXIS_CONFIG.min.label,
-                control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
-                    type: "number",
-                    value: value.min ?? '',
-                    onChange: (e)=>{
-                        // ensure empty value resets to undef to allow chart to calculate min
-                        const newValue = e.target.value ? Number(e.target.value) : undefined;
-                        onChange({
-                            ...value,
-                            min: newValue
-                        });
-                    },
-                    placeholder: "Default"
-                })
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorControl, {
-                label: _timeserieschartmodel.Y_AXIS_CONFIG.max.label,
-                control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
-                    type: "number",
-                    value: value.max ?? '',
-                    onChange: (e)=>{
-                        // ensure empty value resets to undef to allow chart to calculate max
-                        const newValue = e.target.value ? Number(e.target.value) : undefined;
-                        onChange({
-                            ...value,
-                            max: newValue
-                        });
-                    },
-                    placeholder: "Default"
-                })
-            })
-        ]
-    });
-}

package/lib/cjs/annotations/AnnotationTooltip.js

@@ -1,370 +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 AnnotationTooltip () {
-        return AnnotationTooltip;
-    },
-    get buildAnnotationSeries () {
-        return buildAnnotationSeries;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-const _Pin = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Pin"));
-const _PinOutline = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/PinOutline"));
-const _useresizeobserver = /*#__PURE__*/ _interop_require_default(require("use-resize-observer"));
-const _components = require("@perses-dev/components");
-const _pluginsystem = require("@perses-dev/plugin-system");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function AnnotationTooltip({ annotation, containerId, formatWithUserTimeZone, pinnedPos, enablePinning = true, onUnpinClick }) {
-    const mousePos = (0, _components.useMousePosition)();
-    const { height, width, ref: tooltipRef } = (0, _useresizeobserver.default)();
-    const isPinned = pinnedPos !== null;
-    if (!isPinned && mousePos === null) return null;
-    const containerElement = containerId ? document.querySelector(containerId) : undefined;
-    const maxHeight = containerElement ? containerElement.getBoundingClientRect().height : undefined;
-    const transform = (0, _components.assembleTransform)(mousePos, pinnedPos, height ?? 0, width ?? 0, containerElement);
-    const start = (0, _components.getDateAndTime)(annotation.start, formatWithUserTimeZone);
-    const end = annotation.end !== undefined ? (0, _components.getDateAndTime)(annotation.end, formatWithUserTimeZone) : null;
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Portal, {
-        container: containerElement,
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
-            ref: tooltipRef,
-            sx: (theme)=>(0, _components.getTooltipStyles)(theme, pinnedPos, maxHeight),
-            style: {
-                transform
-            },
-            children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                spacing: 0.5,
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
-                        sx: (theme)=>({
-                                width: '100%',
-                                maxWidth: _components.TOOLTIP_MAX_WIDTH,
-                                padding: theme.spacing(1.5, 2, 0.5, 2),
-                                backgroundColor: theme.palette.designSystem?.grey[800] ?? _components.TOOLTIP_BG_COLOR_FALLBACK,
-                                position: 'sticky',
-                                top: 0,
-                                left: 0
-                            }),
-                        children: [
-                            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
-                                sx: {
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    paddingBottom: 0.5,
-                                    width: '100%'
-                                },
-                                children: [
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
-                                        sx: {
-                                            width: 8,
-                                            height: 8,
-                                            borderRadius: '50%',
-                                            backgroundColor: annotation.color ?? _pluginsystem.DEFAULT_ANNOTATION_COLOR,
-                                            marginRight: 1,
-                                            flexShrink: 0
-                                        }
-                                    }),
-                                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
-                                        sx: {
-                                            flexGrow: 1,
-                                            minWidth: 0
-                                        },
-                                        children: [
-                                            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Typography, {
-                                                variant: "caption",
-                                                children: [
-                                                    start.formattedDate,
-                                                    " - ",
-                                                    /*#__PURE__*/ (0, _jsxruntime.jsx)("strong", {
-                                                        children: start.formattedTime
-                                                    })
-                                                ]
-                                            }),
-                                            end && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-                                                children: [
-                                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                                                        variant: "caption",
-                                                        children: ' → '
-                                                    }),
-                                                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Typography, {
-                                                        variant: "caption",
-                                                        children: [
-                                                            end.formattedDate,
-                                                            " - ",
-                                                            /*#__PURE__*/ (0, _jsxruntime.jsx)("strong", {
-                                                                children: end.formattedTime
-                                                            })
-                                                        ]
-                                                    })
-                                                ]
-                                            })
-                                        ]
-                                    }),
-                                    enablePinning && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                                        direction: "row",
-                                        alignItems: "center",
-                                        sx: {
-                                            marginLeft: 1,
-                                            flexShrink: 0
-                                        },
-                                        children: [
-                                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                                                sx: {
-                                                    marginRight: 0.5,
-                                                    fontSize: 11,
-                                                    verticalAlign: 'middle'
-                                                },
-                                                children: isPinned ? _components.UNPIN_TOOLTIP_HELP_TEXT : _components.PIN_TOOLTIP_HELP_TEXT
-                                            }),
-                                            isPinned ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_Pin.default, {
-                                                onClick: ()=>{
-                                                    if (onUnpinClick !== undefined) onUnpinClick();
-                                                },
-                                                sx: {
-                                                    fontSize: 16,
-                                                    cursor: 'pointer'
-                                                }
-                                            }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_PinOutline.default, {
-                                                sx: {
-                                                    fontSize: 16
-                                                }
-                                            })
-                                        ]
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Divider, {
-                                sx: (theme)=>({
-                                        width: '100%',
-                                        borderColor: theme.palette.grey['500']
-                                    })
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
-                        sx: (theme)=>({
-                                padding: theme.spacing(0.5, 2, 1.5, 2)
-                            }),
-                        children: [
-                            annotation.title && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                                variant: "caption",
-                                sx: {
-                                    display: 'block',
-                                    fontWeight: 'bold',
-                                    marginBottom: 0.5
-                                },
-                                children: annotation.title
-                            }),
-                            annotation.legend && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                                variant: "caption",
-                                sx: {
-                                    display: 'block',
-                                    marginBottom: 0.5
-                                },
-                                children: annotation.legend
-                            }),
-                            annotation.tags && Object.keys(annotation.tags).length > 0 && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
-                                sx: {
-                                    display: 'flex',
-                                    flexWrap: 'wrap',
-                                    gap: 0.5,
-                                    marginTop: 0.5
-                                },
-                                children: Object.entries(annotation.tags).map(([key, value])=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
-                                        sx: (theme)=>({
-                                                backgroundColor: theme.palette.grey['700'],
-                                                borderRadius: '4px',
-                                                padding: '2px 6px',
-                                                fontSize: '0.7rem',
-                                                fontFamily: 'monospace'
-                                            }),
-                                        children: [
-                                            key,
-                                            ": ",
-                                            value
-                                        ]
-                                    }, key))
-                            })
-                        ]
-                    })
-                ]
-            })
-        })
-    });
-}
-function buildAnnotationSeries(annotations) {
-    if (!annotations?.length) return [];
-    const markAreaData = [];
-    const markLineData = [];
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const markPointData = [];
-    annotations.forEach((annotation, index)=>{
-        const color = annotation.color ?? _pluginsystem.DEFAULT_ANNOTATION_COLOR;
-        const opacity = 0.3;
-        if (annotation.end !== undefined) {
-            // Range annotation - use markArea and markLine (silent) + markers at start/end
-            markLineData.push({
-                xAxis: annotation.start,
-                lineStyle: {
-                    color,
-                    width: 2,
-                    type: 'dashed'
-                },
-                label: {
-                    show: false
-                },
-                annotationIndex: index
-            });
-            markLineData.push({
-                xAxis: annotation.end,
-                lineStyle: {
-                    color,
-                    width: 2,
-                    type: 'dashed'
-                },
-                label: {
-                    show: false
-                },
-                annotationIndex: index
-            });
-            markAreaData.push([
-                {
-                    xAxis: annotation.start,
-                    itemStyle: {
-                        color,
-                        opacity
-                    }
-                },
-                {
-                    xAxis: annotation.end
-                }
-            ]);
-            // Add start and end markers
-            for (const isStart of [
-                true,
-                false
-            ]){
-                markPointData.push({
-                    coord: [
-                        isStart ? annotation.start : annotation.end,
-                        0
-                    ],
-                    symbol: 'triangle',
-                    symbolSize: [
-                        12,
-                        12
-                    ],
-                    symbolRotate: 0,
-                    symbolOffset: [
-                        0,
-                        4
-                    ],
-                    itemStyle: {
-                        color
-                    },
-                    annotationIndex: index,
-                    emphasis: {
-                        disabled: true
-                    },
-                    isStart: isStart,
-                    isEnd: !isStart
-                });
-            }
-        } else {
-            // Point annotation - use markLine (silent) + single marker
-            markLineData.push({
-                xAxis: annotation.start,
-                lineStyle: {
-                    color,
-                    width: 2,
-                    type: 'dashed'
-                },
-                label: {
-                    show: false
-                },
-                annotationIndex: index
-            });
-            // Add point marker
-            markPointData.push({
-                coord: [
-                    annotation.start,
-                    0
-                ],
-                symbol: 'triangle',
-                symbolSize: [
-                    12,
-                    10
-                ],
-                symbolRotate: 0,
-                symbolOffset: [
-                    0,
-                    '120%'
-                ],
-                itemStyle: {
-                    color
-                },
-                annotationIndex: index,
-                isPoint: true
-            });
-        }
-    });
-    const series = {
-        type: 'line',
-        data: [],
-        silent: false,
-        markArea: markAreaData.length > 0 ? {
-            silent: true,
-            data: markAreaData,
-            label: {
-                show: false
-            }
-        } : undefined,
-        markLine: markLineData.length > 0 ? {
-            silent: true,
-            symbol: [
-                'none',
-                'none'
-            ],
-            data: markLineData,
-            lineStyle: {
-                type: 'dashed'
-            }
-        } : undefined,
-        markPoint: markPointData.length > 0 ? {
-            silent: false,
-            data: markPointData,
-            label: {
-                show: false
-            }
-        } : undefined
-    };
-    return [
-        series
-    ];
-}

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, {}));