@perses-dev/components 0.0.0-snapshot-time-range-height-80d08fc → 0.0.0-snapshot-embed-import-errors-8906900

package/dist/cjs/LineChart/LineChart.js

@@ -26,10 +26,11 @@ const _charts = require("echarts/charts");
 const _components = require("echarts/components");
 const _renderers = require("echarts/renderers");
 const _echart = require("../EChart");
+const _graph = require("../model/graph");
 const _chartsThemeProvider = require("../context/ChartsThemeProvider");
 const _tooltip = require("../Tooltip/Tooltip");
-const _utils = require("./utils");
 const _timeZoneProvider = require("../context/TimeZoneProvider");
+const _utils = require("./utils");
 (0, _core.use)([
     _charts.LineChart,
     _components.GridComponent,
@@ -41,10 +42,9 @@ const _timeZoneProvider = require("../context/TimeZoneProvider");
     _components.ToolboxComponent,
     _components.TooltipComponent,
     _components.LegendComponent,
-    _components.VisualMapComponent,
     _renderers.CanvasRenderer
 ]);
-function LineChart({ height , data , yAxis , unit , grid , legend , visualMap , onDataZoom , onDoubleClick  }) {
+function LineChart({ height , data , yAxis , unit , grid , legend , onDataZoom , onDoubleClick  }) {
     const chartsTheme = (0, _chartsThemeProvider.useChartsTheme)();
     const chartRef = (0, _react.useRef)();
     const [showTooltip, setShowTooltip] = (0, _react.useState)(true);
@@ -85,7 +85,6 @@ function LineChart({ height , data , yAxis , unit , grid , legend , visualMap ,
     if (chartRef.current !== undefined) {
         (0, _utils.enableDataZoom)(chartRef.current);
     }
-    const handleOnClick = ()=>setPinTooltip((current)=>!current);
     const handleOnDoubleClick = (e)=>{
         setPinTooltip(false);
         // either dispatch ECharts restore action to return to orig state or allow consumer to define behavior
@@ -97,25 +96,12 @@ function LineChart({ height , data , yAxis , unit , grid , legend , visualMap ,
             onDoubleClick(e);
         }
     };
-    const handleOnMouseDown = (e)=>{
-        // hide tooltip when user drags to zoom, but allow clicking inside tooltip to copy labels
-        if (e.target instanceof HTMLCanvasElement) {
-            setShowTooltip(false);
-        }
-    };
-    const handleOnMouseUp = ()=>{
-        setShowTooltip(true);
-    };
-    const handleOnMouseEnter = ()=>{
-        setShowTooltip(true);
-    };
-    const handleOnMouseLeave = ()=>{
-        setShowTooltip(false);
-        setPinTooltip(false);
-    };
+    const { noDataOption  } = chartsTheme;
     const option = (0, _react.useMemo)(()=>{
         if (data.timeSeries === undefined) return {};
-        if (data.timeSeries === null || data.timeSeries.length === 0) return chartsTheme.noDataOption;
+        if (data.timeSeries === null || data.timeSeries.length === 0) return noDataOption;
+        // show symbols and axisPointer dashed line on hover
+        const isOptimizedMode = data.timeSeries.length > _graph.OPTIMIZED_MODE_SERIES_LIMIT;
         var _rangeMs;
         const rangeMs = (_rangeMs = data.rangeMs) !== null && _rangeMs !== void 0 ? _rangeMs : (0, _utils.getDateRange)(data.xAxis);
         const option = {
@@ -133,11 +119,11 @@ function LineChart({ height , data , yAxis , unit , grid , legend , visualMap ,
             yAxis: (0, _utils.getYAxes)(yAxis, unit),
             animation: false,
             tooltip: {
-                show: true,
+                show: !isOptimizedMode,
                 trigger: 'axis',
                 showContent: false,
                 axisPointer: {
-                    type: 'line',
+                    type: isOptimizedMode ? 'none' : 'line',
                     z: 0
                 }
             },
@@ -150,28 +136,45 @@ function LineChart({ height , data , yAxis , unit , grid , legend , visualMap ,
                 }
             },
             grid,
-            legend,
-            visualMap
+            legend
         };
         return option;
     }, [
         data,
         yAxis,
+        unit,
         grid,
         legend,
-        visualMap,
+        noDataOption,
         timeZone
     ]);
     return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Box, {
         sx: {
             height
         },
-        onClick: handleOnClick,
+        onClick: ()=>{
+            setPinTooltip((current)=>!current);
+        },
+        onMouseDown: (e)=>{
+            // hide tooltip when user drags to zoom, but allow clicking inside tooltip to copy labels
+            if (e.target instanceof HTMLCanvasElement) {
+                setShowTooltip(false);
+            }
+        },
+        onMouseUp: ()=>{
+            setShowTooltip(true);
+        },
+        onMouseLeave: ()=>{
+            setShowTooltip(false);
+            setPinTooltip(false);
+        },
+        onMouseEnter: ()=>{
+            setShowTooltip(true);
+            if (chartRef.current !== undefined) {
+                (0, _utils.enableDataZoom)(chartRef.current);
+            }
+        },
         onDoubleClick: handleOnDoubleClick,
-        onMouseDown: handleOnMouseDown,
-        onMouseUp: handleOnMouseUp,
-        onMouseLeave: handleOnMouseLeave,
-        onMouseEnter: handleOnMouseEnter,
         children: [
             showTooltip === true && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_tooltip.Tooltip, {
                 chartRef: chartRef,

package/dist/cjs/LineChart/utils.js

@@ -27,9 +27,14 @@ _export(exports, {
     getFormattedDate: ()=>getFormattedDate,
     getYAxes: ()=>getYAxes
 });
-const _lodashEs = require("lodash-es");
+const _merge = /*#__PURE__*/ _interopRequireDefault(require("lodash/merge"));
 const _model = require("../model");
 const _utils = require("../utils");
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 function enableDataZoom(chart) {
     const chartModel = chart['_model'];
     if (chartModel === undefined) return;
@@ -90,6 +95,6 @@ function getYAxes(yAxis, unit) {
         }
     };
     return [
-        (0, _lodashEs.merge)(Y_AXIS_DEFAULT, yAxis)
+        (0, _merge.default)(Y_AXIS_DEFAULT, yAxis)
     ];
 }

package/dist/cjs/StatChart/StatChart.js

@@ -21,7 +21,7 @@ Object.defineProperty(exports, "StatChart", {
 const _jsxRuntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _material = require("@mui/material");
-const _lodashEs = require("lodash-es");
+const _merge = /*#__PURE__*/ _interopRequireDefault(require("lodash/merge"));
 const _core = require("echarts/core");
 const _charts = require("echarts/charts");
 const _components = require("echarts/components");
@@ -29,6 +29,11 @@ const _renderers = require("echarts/renderers");
 const _chartsThemeProvider = require("../context/ChartsThemeProvider");
 const _units = require("../model/units");
 const _echart = require("../EChart");
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -99,7 +104,7 @@ function StatChart(props) {
                 animation: false,
                 silent: true
             };
-            const mergedSeries = (0, _lodashEs.merge)(lineSeries, sparkline);
+            const mergedSeries = (0, _merge.default)(lineSeries, sparkline);
             statSeries.push(mergedSeries);
         }
         const option = {

package/dist/cjs/StatChart/StatChart.test.js

@@ -72,14 +72,21 @@ describe('StatChart', ()=>{
         renderChart(unit);
         expect(_react.screen.getByText('7.73')).toBeInTheDocument();
     });
-    it('show value with time unit formatting', ()=>{
+    it('show value with bytes unit formatting', ()=>{
+        const unit = {
+            kind: 'Bytes'
+        };
+        renderChart(unit);
+        expect(_react.screen.getByText('7.73 bytes')).toBeInTheDocument();
+    });
+    it('show value with seconds time unit formatting', ()=>{
         const unit = {
             kind: 'Seconds'
         };
         renderChart(unit);
         expect(_react.screen.getByText('7.73 seconds')).toBeInTheDocument();
     });
-    it('show value with time unit formatting', ()=>{
+    it('show value with months time unit formatting', ()=>{
         const unit = {
             kind: 'Months'
         };

package/dist/cjs/Tooltip/TooltipContent.js

@@ -21,8 +21,8 @@ Object.defineProperty(exports, "TooltipContent", {
 const _jsxRuntime = require("react/jsx-runtime");
 const _react = require("react");
 const _material = require("@mui/material");
-const _seriesInfo = require("./SeriesInfo");
 const _timeZoneProvider = require("../context/TimeZoneProvider");
+const _seriesInfo = require("./SeriesInfo");
 function TooltipContent(props) {
     const { focusedSeries , wrapLabels  } = props;
     const { formatWithUserTimeZone  } = (0, _timeZoneProvider.useTimeZone)();

package/dist/cjs/UnitSelector/UnitSelector.test.js

@@ -68,8 +68,7 @@ describe('UnitSelector', ()=>{
             kind: 'Bytes'
         }, onChange);
         const unitSelector = getUnitSelector();
-        // Note that this tab order can change depending on the type because the
-        // abbreviate comes first and is disabled in some cases.
+        _userEvent.default.tab();
         _userEvent.default.tab();
         expect(unitSelector).toHaveFocus();
         _userEvent.default.clear(unitSelector);
@@ -191,11 +190,11 @@ describe('UnitSelector', ()=>{
             });
             expect(getDecimalSelector()).toBeEnabled();
         });
-        it('does not allow the user to set abbreviate', ()=>{
+        it('allows the user to set abbreviate', ()=>{
             renderUnitSelector({
                 kind: 'Bytes'
             });
-            expect(getAbbreviateSwitch()).toBeDisabled();
+            expect(getAbbreviateSwitch()).toBeEnabled();
         });
     });
     it('should not show an option for disabled units', ()=>{

package/dist/cjs/index.js

@@ -23,6 +23,7 @@ _exportStar(require("./GaugeChart"), exports);
 _exportStar(require("./InfoTooltip"), exports);
 _exportStar(require("./JSONEditor"), exports);
 _exportStar(require("./Legend"), exports);
+_exportStar(require("./LegendOptionsEditor"), exports);
 _exportStar(require("./LineChart"), exports);
 _exportStar(require("./OptionsEditorLayout"), exports);
 _exportStar(require("./StatChart"), exports);

package/dist/cjs/model/graph.js

@@ -14,8 +14,19 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "OPTIMIZED_MODE_SERIES_LIMIT", {
-    enumerable: true,
-    get: ()=>OPTIMIZED_MODE_SERIES_LIMIT
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    OPTIMIZED_MODE_SERIES_LIMIT: ()=>OPTIMIZED_MODE_SERIES_LIMIT,
+    DEFAULT_LEGEND_POSITION: ()=>DEFAULT_LEGEND_POSITION,
+    DEFAULT_LEGEND: ()=>DEFAULT_LEGEND
 });
 const OPTIMIZED_MODE_SERIES_LIMIT = 1000;
+const DEFAULT_LEGEND_POSITION = 'bottom';
+const DEFAULT_LEGEND = {
+    position: DEFAULT_LEGEND_POSITION
+};

package/dist/cjs/model/units/bytes.js

@@ -25,12 +25,14 @@ _export(exports, {
     BYTES_UNIT_CONFIG: ()=>BYTES_UNIT_CONFIG,
     formatBytes: ()=>formatBytes
 });
+const _constants = require("./constants");
 const bytesUnitKinds = [
     'Bytes'
 ];
 const BYTES_GROUP_CONFIG = {
     label: 'Bytes',
-    decimal_places: true
+    decimal_places: true,
+    abbreviate: true
 };
 const BYTES_UNIT_CONFIG = {
     Bytes: {
@@ -38,12 +40,35 @@ const BYTES_UNIT_CONFIG = {
         label: 'Bytes'
     }
 };
-function formatBytes(bytes, decimals = 2) {
-    if (bytes === 0) return '0 Bytes';
+function formatBytes(bytes, unitOptions) {
+    if (bytes === 0) return '0 bytes';
+    // default to full 'Bytes' formatting
+    const options = unitOptions.abbreviate === undefined ? {
+        ...unitOptions,
+        abbreviate: false
+    } : unitOptions;
+    var _decimal_places;
+    let decimals = (_decimal_places = options.decimal_places) !== null && _decimal_places !== void 0 ? _decimal_places : _constants.DEFAULT_DECIMAL_PLACES;
+    // avoids minimumFractionDigits value is out of range error, possible values are 0 to 20
+    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#minimumfractiondigits
+    if (decimals < 0) {
+        decimals = 0;
+    } else if (decimals > 20) {
+        decimals = 20;
+    }
+    const formatParams = {
+        style: 'decimal',
+        minimumFractionDigits: decimals,
+        maximumFractionDigits: decimals,
+        useGrouping: true
+    };
+    const formatter = new Intl.NumberFormat('en-US', formatParams);
+    if (options.abbreviate === false) {
+        return `${formatter.format(bytes)} bytes`;
+    }
     const k = 1024;
-    const dm = decimals < 0 ? 0 : decimals;
     const sizes = [
-        'Bytes',
+        'bytes',
         'KB',
         'MB',
         'GB',
@@ -56,5 +81,6 @@ function formatBytes(bytes, decimals = 2) {
     // Math.max(0, ...) ensures that we don't return -1 as a value for the index.
     // Why? When the number of bytes are between -1 and 1, Math.floor(Math.log(bytes)/Math.log(1024)) returns -1.
     const i = Math.max(0, Math.floor(Math.log(bytes) / Math.log(k)));
-    return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
+    const abbreviatedValue = bytes / Math.pow(k, i);
+    return `${formatter.format(abbreviatedValue)} ${sizes[i]}`;
 }

package/dist/cjs/model/units/time.js

@@ -91,7 +91,7 @@ function formatTime(value, unitOptions) {
     var _decimal_places;
     const decimals = (_decimal_places = unitOptions.decimal_places) !== null && _decimal_places !== void 0 ? _decimal_places : _constants.DEFAULT_DECIMAL_PLACES;
     const timeUnit = TimeIntlDuration[unitOptions.kind];
-    const formatter = new Intl.NumberFormat('en', {
+    const formatter = new Intl.NumberFormat('en-US', {
         style: 'unit',
         unit: timeUnit,
         unitDisplay: 'long',

package/dist/cjs/model/units/units.js

@@ -35,7 +35,6 @@ _export(exports, {
     isUnitWithAbbreviate: ()=>isUnitWithAbbreviate
 });
 const _bytes = require("./bytes");
-const _constants = require("./constants");
 const _decimal = require("./decimal");
 const _percent = require("./percent");
 const _time = require("./time");
@@ -65,9 +64,7 @@ function formatValue(value, unitOptions) {
         return (0, _percent.formatPercent)(value, unitOptions);
     }
     if (isBytesUnit(unitOptions)) {
-        var _decimal_places;
-        const decimals = (_decimal_places = unitOptions.decimal_places) !== null && _decimal_places !== void 0 ? _decimal_places : _constants.DEFAULT_DECIMAL_PLACES;
-        return (0, _bytes.formatBytes)(value, decimals);
+        return (0, _bytes.formatBytes)(value, unitOptions);
     }
     const exhaustive = unitOptions;
     throw new Error(`Unknown unit options ${exhaustive}`);

package/dist/cjs/model/units/units.test.js

@@ -0,0 +1,153 @@
+// Copyright 2022 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 _units = require("./units");
+describe('formatValue()', ()=>{
+    const tests = [
+        {
+            value: 100000,
+            unit: {
+                kind: 'Decimal'
+            },
+            expected: '100,000.00'
+        },
+        {
+            value: 155900,
+            unit: {
+                kind: 'Decimal',
+                decimal_places: 4
+            },
+            expected: '155,900.0000'
+        },
+        {
+            value: 10,
+            unit: {
+                kind: 'Percent'
+            },
+            expected: '10.00%'
+        },
+        {
+            value: 50,
+            unit: {
+                kind: 'Percent',
+                decimal_places: 0
+            },
+            expected: '50%'
+        },
+        {
+            value: 0.1,
+            unit: {
+                kind: 'PercentDecimal'
+            },
+            expected: '10.00%'
+        },
+        {
+            value: 100,
+            unit: {
+                kind: 'Bytes',
+                decimal_places: 0,
+                abbreviate: false
+            },
+            expected: '100 bytes'
+        },
+        {
+            value: 100,
+            unit: {
+                kind: 'Bytes',
+                decimal_places: -1,
+                abbreviate: false
+            },
+            expected: '100 bytes'
+        },
+        {
+            value: 225000,
+            unit: {
+                kind: 'Bytes',
+                decimal_places: 0,
+                abbreviate: true
+            },
+            expected: '220 KB'
+        },
+        {
+            value: 505200,
+            unit: {
+                kind: 'Bytes'
+            },
+            expected: '505,200.00 bytes'
+        },
+        {
+            value: 8000,
+            unit: {
+                kind: 'Milliseconds'
+            },
+            expected: '8,000.00 milliseconds'
+        },
+        {
+            value: 200900,
+            unit: {
+                kind: 'Seconds'
+            },
+            expected: '200,900.00 seconds'
+        },
+        {
+            value: 300,
+            unit: {
+                kind: 'Minutes'
+            },
+            expected: '300.00 minutes'
+        },
+        {
+            value: 300,
+            unit: {
+                kind: 'Hours'
+            },
+            expected: '300.00 hours'
+        },
+        {
+            value: 300,
+            unit: {
+                kind: 'Days'
+            },
+            expected: '300.00 days'
+        },
+        {
+            value: 300,
+            unit: {
+                kind: 'Weeks'
+            },
+            expected: '300.00 weeks'
+        },
+        {
+            value: 300,
+            unit: {
+                kind: 'Months'
+            },
+            expected: '300.00 months'
+        },
+        {
+            value: 300,
+            unit: {
+                kind: 'Years'
+            },
+            expected: '300.00 years'
+        }
+    ];
+    tests.forEach(({ value , unit , expected  })=>{
+        it(`formats ${value} as ${JSON.stringify(unit)}`, ()=>{
+            expect((0, _units.formatValue)(value, unit)).toEqual(expected);
+        });
+    });
+});

package/dist/cjs/theme/typography.js

@@ -18,10 +18,6 @@ Object.defineProperty(exports, "typography", {
     enumerable: true,
     get: ()=>typography
 });
-require("@fontsource/lato/300.css");
-require("@fontsource/lato/400.css");
-require("@fontsource/lato/700.css");
-require("@fontsource/lato/900.css");
 // Font weights need to correspond with the imports at the top of the file
 // (Lato supports 100, 300, 400, 700, 900)
 const fontWeightLight = 300;

package/dist/cjs/utils/theme-gen.js

@@ -18,7 +18,12 @@ Object.defineProperty(exports, "generateChartsTheme", {
     enumerable: true,
     get: ()=>generateChartsTheme
 });
-const _lodashEs = require("lodash-es");
+const _merge = /*#__PURE__*/ _interopRequireDefault(require("lodash/merge"));
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 const DEFAULT_TEXT_COLOR = '#222';
 function generateChartsTheme(muiTheme, echartsTheme) {
     var ref, ref1, ref2, ref3, ref4;
@@ -160,7 +165,7 @@ function generateChartsTheme(muiTheme, echartsTheme) {
         }
     };
     return {
-        echartsTheme: (0, _lodashEs.merge)(muiConvertedTheme, echartsTheme),
+        echartsTheme: (0, _merge.default)(muiConvertedTheme, echartsTheme),
         noDataOption: {
             title: {
                 show: true,

package/dist/index.d.ts

@@ -7,6 +7,7 @@ export * from './GaugeChart';
 export * from './InfoTooltip';
 export * from './JSONEditor';
 export * from './Legend';
+export * from './LegendOptionsEditor';
 export * from './LineChart';
 export * from './OptionsEditorLayout';
 export * from './StatChart';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -19,6 +19,7 @@ export * from './GaugeChart';
 export * from './InfoTooltip';
 export * from './JSONEditor';
 export * from './Legend';
+export * from './LegendOptionsEditor';
 export * from './LineChart';
 export * from './OptionsEditorLayout';
 export * from './StatChart';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["// Copyright 2022 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\nexport * from './DateTimeRangePicker';\nexport * from './Drawer';\nexport * from './EChart';\nexport * from './ErrorAlert';\nexport * from './ErrorBoundary';\nexport * from './GaugeChart';\nexport * from './InfoTooltip';\nexport * from './JSONEditor';\nexport * from './Legend';\nexport * from './LineChart';\nexport * from './OptionsEditorLayout';\nexport * from './StatChart';\nexport * from './UnitSelector';\nexport * from './YAxisLabel';\nexport * from './context/ChartsThemeProvider';\nexport * from './context/TimeZoneProvider';\nexport * from './utils';\nexport * from './model';\nexport * from './test-utils';\nexport * from './theme';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["// Copyright 2022 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\nexport * from './DateTimeRangePicker';\nexport * from './Drawer';\nexport * from './EChart';\nexport * from './ErrorAlert';\nexport * from './ErrorBoundary';\nexport * from './GaugeChart';\nexport * from './InfoTooltip';\nexport * from './JSONEditor';\nexport * from './Legend';\nexport * from './LegendOptionsEditor';\nexport * from './LineChart';\nexport * from './OptionsEditorLayout';\nexport * from './StatChart';\nexport * from './UnitSelector';\nexport * from './YAxisLabel';\nexport * from './context/ChartsThemeProvider';\nexport * from './context/TimeZoneProvider';\nexport * from './utils';\nexport * from './model';\nexport * from './test-utils';\nexport * from './theme';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}

package/dist/model/graph.d.ts

@@ -9,7 +9,7 @@ export interface GraphSeries {
 }
 export declare type EChartsValues = number | null | '-';
 export interface EChartsTimeSeries extends Omit<LineSeriesOption, 'data'> {
-    data: Iterable<GraphSeriesValueTuple> | EChartsValues[];
+    data: EChartsValues[];
 }
 export declare type EChartsDataFormat = {
     timeSeries: EChartsTimeSeries[];
@@ -22,7 +22,7 @@ export declare type EChartsDataFormat = {
  * Supported legend options
  */
 export interface LegendOptions {
-    position?: 'bottom' | 'right';
+    position: 'bottom' | 'right';
 }
 export interface LegendItem {
     id: string;
@@ -31,4 +31,6 @@ export interface LegendItem {
     color: string;
     onClick: MouseEventHandler<HTMLLIElement>;
 }
+export declare const DEFAULT_LEGEND_POSITION = "bottom";
+export declare const DEFAULT_LEGEND: LegendOptions;
 //# sourceMappingURL=graph.d.ts.map

package/dist/model/graph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"graph.d.ts","sourceRoot":"","sources":["../../src/model/graph.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,2BAA2B,OAAO,CAAC;AAEhD,oBAAY,UAAU,GAAG,MAAM,CAAC;AAEhC,oBAAY,qBAAqB,GAAG,CAAC,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;AAE3E,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,QAAQ,CAAC,qBAAqB,CAAC,CAAC;CACzC;AAED,oBAAY,aAAa,GAAG,MAAM,GAAG,IAAI,GAAG,GAAG,CAAC;AAEhD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC;IAEvE,IAAI,EAAE,QAAQ,CAAC,qBAAqB,CAAC,GAAG,aAAa,EAAE,CAAC;CACzD;AAED,oBAAY,iBAAiB,GAAG;IAC9B,UAAU,EAAE,iBAAiB,EAAE,CAAC;IAChC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;CAC/B;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC;CAC3C"}
+{"version":3,"file":"graph.d.ts","sourceRoot":"","sources":["../../src/model/graph.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,2BAA2B,OAAO,CAAC;AAEhD,oBAAY,UAAU,GAAG,MAAM,CAAC;AAEhC,oBAAY,qBAAqB,GAAG,CAAC,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;AAE3E,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,QAAQ,CAAC,qBAAqB,CAAC,CAAC;CACzC;AAED,oBAAY,aAAa,GAAG,MAAM,GAAG,IAAI,GAAG,GAAG,CAAC;AAEhD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC;IAEvE,IAAI,EAAE,aAAa,EAAE,CAAC;CACvB;AAED,oBAAY,iBAAiB,GAAG;IAC9B,UAAU,EAAE,iBAAiB,EAAE,CAAC;IAChC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,QAAQ,GAAG,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC;CAC3C;AAED,eAAO,MAAM,uBAAuB,WAAW,CAAC;AAEhD,eAAO,MAAM,cAAc,EAAE,aAE5B,CAAC"}

package/dist/model/graph.js

@@ -12,5 +12,9 @@
 // limitations under the License.
 // adjust display when there are many time series to help with performance
 export const OPTIMIZED_MODE_SERIES_LIMIT = 1000;
+export const DEFAULT_LEGEND_POSITION = 'bottom';
+export const DEFAULT_LEGEND = {
+    position: DEFAULT_LEGEND_POSITION
+};
 
 //# sourceMappingURL=graph.js.map

package/dist/model/graph.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/model/graph.ts"],"sourcesContent":["// Copyright 2022 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 { MouseEventHandler } from 'react';\nimport { LineSeriesOption } from 'echarts/charts';\n\n// adjust display when there are many time series to help with performance\nexport const OPTIMIZED_MODE_SERIES_LIMIT = 1000;\n\nexport type UnixTimeMs = number;\n\nexport type GraphSeriesValueTuple = [timestamp: UnixTimeMs, value: number];\n\nexport interface GraphSeries {\n  name: string;\n  values: Iterable<GraphSeriesValueTuple>;\n}\n\nexport type EChartsValues = number | null | '-';\n\nexport interface EChartsTimeSeries extends Omit<LineSeriesOption, 'data'> {\n  // TODO: support dataset and both category / time xAxis types\n  data: Iterable<GraphSeriesValueTuple> | EChartsValues[];\n}\n\nexport type EChartsDataFormat = {\n  timeSeries: EChartsTimeSeries[];\n  xAxis: number[];\n  legendItems?: LegendItem[];\n  xAxisMax?: number | string;\n  rangeMs?: number;\n};\n\n/**\n * Supported legend options\n */\nexport interface LegendOptions {\n  position?: 'bottom' | 'right';\n}\n\nexport interface LegendItem {\n  id: string;\n  label: string;\n  isSelected: boolean;\n  color: string;\n  onClick: MouseEventHandler<HTMLLIElement>;\n}\n"],"names":["OPTIMIZED_MODE_SERIES_LIMIT"],"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;AAKjC,0EAA0E;AAC1E,OAAO,MAAMA,2BAA2B,GAAG,IAAI,CAAC"}
+{"version":3,"sources":["../../src/model/graph.ts"],"sourcesContent":["// Copyright 2022 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 { MouseEventHandler } from 'react';\nimport { LineSeriesOption } from 'echarts/charts';\n\n// adjust display when there are many time series to help with performance\nexport const OPTIMIZED_MODE_SERIES_LIMIT = 1000;\n\nexport type UnixTimeMs = number;\n\nexport type GraphSeriesValueTuple = [timestamp: UnixTimeMs, value: number];\n\nexport interface GraphSeries {\n  name: string;\n  values: Iterable<GraphSeriesValueTuple>;\n}\n\nexport type EChartsValues = number | null | '-';\n\nexport interface EChartsTimeSeries extends Omit<LineSeriesOption, 'data'> {\n  // TODO: support dataset and both category / time xAxis types\n  data: EChartsValues[];\n}\n\nexport type EChartsDataFormat = {\n  timeSeries: EChartsTimeSeries[];\n  xAxis: number[];\n  legendItems?: LegendItem[];\n  xAxisMax?: number | string;\n  rangeMs?: number;\n};\n\n/**\n * Supported legend options\n */\nexport interface LegendOptions {\n  position: 'bottom' | 'right';\n}\n\nexport interface LegendItem {\n  id: string;\n  label: string;\n  isSelected: boolean;\n  color: string;\n  onClick: MouseEventHandler<HTMLLIElement>;\n}\n\nexport const DEFAULT_LEGEND_POSITION = 'bottom';\n\nexport const DEFAULT_LEGEND: LegendOptions = {\n  position: DEFAULT_LEGEND_POSITION,\n};\n"],"names":["OPTIMIZED_MODE_SERIES_LIMIT","DEFAULT_LEGEND_POSITION","DEFAULT_LEGEND","position"],"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;AAKjC,0EAA0E;AAC1E,OAAO,MAAMA,2BAA2B,GAAG,IAAI,CAAC;AAyChD,OAAO,MAAMC,uBAAuB,GAAG,QAAQ,CAAC;AAEhD,OAAO,MAAMC,cAAc,GAAkB;IAC3CC,QAAQ,EAAEF,uBAAuB;CAClC,CAAC"}