@perses-dev/components 0.0.0-snapshot-time-range-height-80d08fc

package/dist/cjs/utils/index.js

@@ -0,0 +1,31 @@
+// 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
+});
+_exportStar(require("./combine-sx"), exports);
+_exportStar(require("./theme-gen"), exports);
+_exportStar(require("./component-ids"), exports);
+_exportStar(require("./format"), exports);
+function _exportStar(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/dist/cjs/utils/mathjs.js

@@ -0,0 +1,25 @@
+// 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
+});
+Object.defineProperty(exports, "round", {
+    enumerable: true,
+    get: ()=>round
+});
+const _mathjs = require("mathjs");
+// This ensures we get a minimal mathjs bundle for just what we need (see https://mathjs.org/docs/custom_bundling.html)
+const { round  } = (0, _mathjs.create)({
+    roundDependencies: _mathjs.roundDependencies
+});

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

@@ -0,0 +1,188 @@
+// 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
+});
+Object.defineProperty(exports, "generateChartsTheme", {
+    enumerable: true,
+    get: ()=>generateChartsTheme
+});
+const _lodashEs = require("lodash-es");
+const DEFAULT_TEXT_COLOR = '#222';
+function generateChartsTheme(muiTheme, echartsTheme) {
+    var ref, ref1, ref2, ref3, ref4;
+    var ref5;
+    const primaryTextColor = (ref5 = (ref = muiTheme.palette.text) === null || ref === void 0 ? void 0 : ref.primary) !== null && ref5 !== void 0 ? ref5 : DEFAULT_TEXT_COLOR;
+    const muiConvertedTheme = {
+        title: {
+            show: false
+        },
+        textStyle: {
+            color: primaryTextColor,
+            fontFamily: muiTheme.typography.fontFamily,
+            fontSize: 12
+        },
+        grid: {
+            top: 5,
+            right: 20,
+            bottom: 0,
+            left: 20,
+            containLabel: true
+        },
+        color: [
+            '#8dd3c7',
+            '#bebada',
+            '#fb8072',
+            '#80b1d3',
+            '#fdb462'
+        ],
+        categoryAxis: {
+            show: true,
+            axisLabel: {
+                show: true,
+                color: primaryTextColor,
+                margin: 15
+            },
+            axisTick: {
+                show: false,
+                length: 6,
+                lineStyle: {
+                    color: muiTheme.palette.grey[600]
+                }
+            },
+            axisLine: {
+                show: true,
+                lineStyle: {
+                    color: muiTheme.palette.grey[600]
+                }
+            },
+            splitLine: {
+                show: true,
+                lineStyle: {
+                    width: 0.5,
+                    color: muiTheme.palette.grey[300],
+                    opacity: 0.6
+                }
+            },
+            splitArea: {
+                show: false,
+                areaStyle: {
+                    color: [
+                        muiTheme.palette.grey[300]
+                    ]
+                }
+            }
+        },
+        valueAxis: {
+            show: true,
+            axisLabel: {
+                color: primaryTextColor,
+                margin: 12
+            },
+            axisLine: {
+                show: false
+            },
+            splitLine: {
+                show: true,
+                lineStyle: {
+                    width: 0.5,
+                    color: muiTheme.palette.grey[300],
+                    opacity: 0.6
+                }
+            }
+        },
+        legend: {
+            orient: 'horizontal',
+            textStyle: {
+                color: primaryTextColor
+            },
+            pageTextStyle: {
+                color: muiTheme.palette.grey[600]
+            },
+            pageIconColor: muiTheme === null || muiTheme === void 0 ? void 0 : (ref1 = muiTheme.palette) === null || ref1 === void 0 ? void 0 : (ref2 = ref1.action) === null || ref2 === void 0 ? void 0 : ref2.active,
+            pageIconInactiveColor: muiTheme === null || muiTheme === void 0 ? void 0 : (ref3 = muiTheme.palette) === null || ref3 === void 0 ? void 0 : (ref4 = ref3.action) === null || ref4 === void 0 ? void 0 : ref4.disabled
+        },
+        toolbox: {
+            show: true,
+            top: 10,
+            right: 10,
+            iconStyle: {
+                borderColor: primaryTextColor
+            }
+        },
+        tooltip: {},
+        line: {
+            showSymbol: false,
+            symbol: 'circle',
+            symbolSize: 4,
+            smooth: false,
+            lineStyle: {
+                width: 1
+            },
+            emphasis: {
+                lineStyle: {
+                    width: 1.5
+                }
+            }
+        },
+        bar: {
+            barMaxWidth: 150,
+            itemStyle: {
+                borderWidth: 0,
+                borderColor: muiTheme.palette.grey[300]
+            }
+        },
+        gauge: {
+            detail: {
+                fontSize: 18,
+                fontWeight: 600,
+                valueAnimation: false
+            },
+            splitLine: {
+                distance: 0,
+                length: 4,
+                lineStyle: {
+                    width: 1
+                }
+            },
+            splitNumber: 12
+        }
+    };
+    return {
+        echartsTheme: (0, _lodashEs.merge)(muiConvertedTheme, echartsTheme),
+        noDataOption: {
+            title: {
+                show: true,
+                textStyle: {
+                    color: primaryTextColor,
+                    fontSize: 16,
+                    fontWeight: 400
+                },
+                text: 'No data',
+                left: 'center',
+                top: 'center'
+            },
+            xAxis: {
+                show: false
+            },
+            yAxis: {
+                show: false
+            }
+        },
+        sparkline: {
+            width: 2,
+            color: '#1976d2'
+        }
+    };
+}

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

@@ -0,0 +1,197 @@
+// 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 _material = require("@mui/material");
+const _themeGen = require("./theme-gen");
+describe('generateChartsTheme', ()=>{
+    const muiTheme = (0, _material.createTheme)({});
+    const echartsThemeOverrides = {
+        legend: {
+            textStyle: {
+                color: 'yellow'
+            }
+        },
+        line: {
+            showSymbol: true,
+            smooth: true
+        }
+    };
+    const chartsTheme = (0, _themeGen.generateChartsTheme)(muiTheme, echartsThemeOverrides);
+    it('should return perses specific charts theme from converted MUI theme', ()=>{
+        expect(chartsTheme).toMatchInlineSnapshot(`
+      Object {
+        "echartsTheme": Object {
+          "bar": Object {
+            "barMaxWidth": 150,
+            "itemStyle": Object {
+              "borderColor": "#e0e0e0",
+              "borderWidth": 0,
+            },
+          },
+          "categoryAxis": Object {
+            "axisLabel": Object {
+              "color": "rgba(0, 0, 0, 0.87)",
+              "margin": 15,
+              "show": true,
+            },
+            "axisLine": Object {
+              "lineStyle": Object {
+                "color": "#757575",
+              },
+              "show": true,
+            },
+            "axisTick": Object {
+              "length": 6,
+              "lineStyle": Object {
+                "color": "#757575",
+              },
+              "show": false,
+            },
+            "show": true,
+            "splitArea": Object {
+              "areaStyle": Object {
+                "color": Array [
+                  "#e0e0e0",
+                ],
+              },
+              "show": false,
+            },
+            "splitLine": Object {
+              "lineStyle": Object {
+                "color": "#e0e0e0",
+                "opacity": 0.6,
+                "width": 0.5,
+              },
+              "show": true,
+            },
+          },
+          "color": Array [
+            "#8dd3c7",
+            "#bebada",
+            "#fb8072",
+            "#80b1d3",
+            "#fdb462",
+          ],
+          "gauge": Object {
+            "detail": Object {
+              "fontSize": 18,
+              "fontWeight": 600,
+              "valueAnimation": false,
+            },
+            "splitLine": Object {
+              "distance": 0,
+              "length": 4,
+              "lineStyle": Object {
+                "width": 1,
+              },
+            },
+            "splitNumber": 12,
+          },
+          "grid": Object {
+            "bottom": 0,
+            "containLabel": true,
+            "left": 20,
+            "right": 20,
+            "top": 5,
+          },
+          "legend": Object {
+            "orient": "horizontal",
+            "pageIconColor": "rgba(0, 0, 0, 0.54)",
+            "pageIconInactiveColor": "rgba(0, 0, 0, 0.26)",
+            "pageTextStyle": Object {
+              "color": "#757575",
+            },
+            "textStyle": Object {
+              "color": "yellow",
+            },
+          },
+          "line": Object {
+            "emphasis": Object {
+              "lineStyle": Object {
+                "width": 1.5,
+              },
+            },
+            "lineStyle": Object {
+              "width": 1,
+            },
+            "showSymbol": true,
+            "smooth": true,
+            "symbol": "circle",
+            "symbolSize": 4,
+          },
+          "textStyle": Object {
+            "color": "rgba(0, 0, 0, 0.87)",
+            "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+            "fontSize": 12,
+          },
+          "title": Object {
+            "show": false,
+          },
+          "toolbox": Object {
+            "iconStyle": Object {
+              "borderColor": "rgba(0, 0, 0, 0.87)",
+            },
+            "right": 10,
+            "show": true,
+            "top": 10,
+          },
+          "tooltip": Object {},
+          "valueAxis": Object {
+            "axisLabel": Object {
+              "color": "rgba(0, 0, 0, 0.87)",
+              "margin": 12,
+            },
+            "axisLine": Object {
+              "show": false,
+            },
+            "show": true,
+            "splitLine": Object {
+              "lineStyle": Object {
+                "color": "#e0e0e0",
+                "opacity": 0.6,
+                "width": 0.5,
+              },
+              "show": true,
+            },
+          },
+        },
+        "noDataOption": Object {
+          "title": Object {
+            "left": "center",
+            "show": true,
+            "text": "No data",
+            "textStyle": Object {
+              "color": "rgba(0, 0, 0, 0.87)",
+              "fontSize": 16,
+              "fontWeight": 400,
+            },
+            "top": "center",
+          },
+          "xAxis": Object {
+            "show": false,
+          },
+          "yAxis": Object {
+            "show": false,
+          },
+        },
+        "sparkline": Object {
+          "color": "#1976d2",
+          "width": 2,
+        },
+      }
+    `);
+    });
+});

package/dist/context/ChartsThemeProvider.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { PersesChartsTheme } from '../model';
+export interface ChartsThemeProviderProps {
+    chartsTheme?: PersesChartsTheme;
+    children?: React.ReactNode;
+}
+export declare function ChartsThemeProvider(props: ChartsThemeProviderProps): JSX.Element;
+export declare const ChartsThemeContext: React.Context<PersesChartsTheme | undefined>;
+export declare function useChartsTheme(): PersesChartsTheme;
+//# sourceMappingURL=ChartsThemeProvider.d.ts.map

package/dist/context/ChartsThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartsThemeProvider.d.ts","sourceRoot":"","sources":["../../src/context/ChartsThemeProvider.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,MAAM,WAAW,wBAAwB;IACvC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,eAGlE;AAED,eAAO,MAAM,kBAAkB,8CAA0D,CAAC;AAE1F,wBAAgB,cAAc,IAAI,iBAAiB,CAMlD"}

package/dist/context/ChartsThemeProvider.js

@@ -0,0 +1,31 @@
+// 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.
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { createContext, useContext } from 'react';
+export function ChartsThemeProvider(props) {
+    const { children , chartsTheme  } = props;
+    return /*#__PURE__*/ _jsx(ChartsThemeContext.Provider, {
+        value: chartsTheme,
+        children: children
+    });
+}
+export const ChartsThemeContext = /*#__PURE__*/ createContext(undefined);
+export function useChartsTheme() {
+    const ctx = useContext(ChartsThemeContext);
+    if (ctx === undefined) {
+        throw new Error('No ChartsThemeContext found. Did you forget a Provider?');
+    }
+    return ctx;
+}
+
+//# sourceMappingURL=ChartsThemeProvider.js.map

package/dist/context/ChartsThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/context/ChartsThemeProvider.tsx"],"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 React, { createContext, useContext } from 'react';\nimport { PersesChartsTheme } from '../model';\n\nexport interface ChartsThemeProviderProps {\n  chartsTheme?: PersesChartsTheme;\n  children?: React.ReactNode;\n}\n\nexport function ChartsThemeProvider(props: ChartsThemeProviderProps) {\n  const { children, chartsTheme } = props;\n  return <ChartsThemeContext.Provider value={chartsTheme}>{children}</ChartsThemeContext.Provider>;\n}\n\nexport const ChartsThemeContext = createContext<PersesChartsTheme | undefined>(undefined);\n\nexport function useChartsTheme(): PersesChartsTheme {\n  const ctx = useContext(ChartsThemeContext);\n  if (ctx === undefined) {\n    throw new Error('No ChartsThemeContext found. Did you forget a Provider?');\n  }\n  return ctx;\n}\n"],"names":["React","createContext","useContext","ChartsThemeProvider","props","children","chartsTheme","ChartsThemeContext","Provider","value","undefined","useChartsTheme","ctx","Error"],"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;AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,QAAQ,OAAO,CAAC;AAQzD,OAAO,SAASC,mBAAmB,CAACC,KAA+B,EAAE;IACnE,MAAM,EAAEC,QAAQ,CAAA,EAAEC,WAAW,CAAA,EAAE,GAAGF,KAAK,AAAC;IACxC,qBAAO,KAACG,kBAAkB,CAACC,QAAQ;QAACC,KAAK,EAAEH,WAAW;kBAAGD,QAAQ;MAA+B,CAAC;AACnG,CAAC;AAED,OAAO,MAAME,kBAAkB,iBAAGN,aAAa,CAAgCS,SAAS,CAAC,CAAC;AAE1F,OAAO,SAASC,cAAc,GAAsB;IAClD,MAAMC,GAAG,GAAGV,UAAU,CAACK,kBAAkB,CAAC,AAAC;IAC3C,IAAIK,GAAG,KAAKF,SAAS,EAAE;QACrB,MAAM,IAAIG,KAAK,CAAC,yDAAyD,CAAC,CAAC;IAC7E,CAAC;IACD,OAAOD,GAAG,CAAC;AACb,CAAC"}

package/dist/context/TimeZoneProvider.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export declare const TimeZoneContext: React.Context<string | undefined>;
+export interface TimeZoneProviderProps {
+    timeZone?: string;
+    children?: React.ReactNode;
+}
+export declare function TimeZoneProvider(props: TimeZoneProviderProps): JSX.Element;
+export declare function useTimeZone(): {
+    timeZone: string;
+    formatWithUserTimeZone(date: Date, formatString: string): string;
+    dateFormatOptionsWithUserTimeZone(dateFormatOptions: Intl.DateTimeFormatOptions): Intl.DateTimeFormatOptions;
+};
+//# sourceMappingURL=TimeZoneProvider.d.ts.map

package/dist/context/TimeZoneProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeZoneProvider.d.ts","sourceRoot":"","sources":["../../src/context/TimeZoneProvider.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,eAAO,MAAM,eAAe,mCAA+C,CAAC;AAE5E,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAG5D;AAED,wBAAgB,WAAW;;iCAKM,IAAI,gBAAgB,MAAM;yDAGF,KAAK,qBAAqB;EAIlF"}

package/dist/context/TimeZoneProvider.js

@@ -0,0 +1,38 @@
+// 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.
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { createContext, useContext } from 'react';
+import { formatWithTimeZone, dateFormatOptionsWithTimeZone } from '../utils';
+export const TimeZoneContext = /*#__PURE__*/ createContext(undefined);
+export function TimeZoneProvider(props) {
+    const { children , timeZone  } = props;
+    return /*#__PURE__*/ _jsx(TimeZoneContext.Provider, {
+        value: timeZone,
+        children: children
+    });
+}
+export function useTimeZone() {
+    const timeZone = useContext(TimeZoneContext);
+    return {
+        // fallback to "local" timezone if TimeZoneProvider is not present in the React tree
+        timeZone: timeZone !== null && timeZone !== void 0 ? timeZone : 'local',
+        formatWithUserTimeZone (date, formatString) {
+            return formatWithTimeZone(date, formatString, timeZone);
+        },
+        dateFormatOptionsWithUserTimeZone (dateFormatOptions) {
+            return dateFormatOptionsWithTimeZone(dateFormatOptions, timeZone);
+        }
+    };
+}
+
+//# sourceMappingURL=TimeZoneProvider.js.map

package/dist/context/TimeZoneProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/context/TimeZoneProvider.tsx"],"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 React, { createContext, useContext } from 'react';\nimport { formatWithTimeZone, dateFormatOptionsWithTimeZone } from '../utils';\n\nexport const TimeZoneContext = createContext<string | undefined>(undefined);\n\nexport interface TimeZoneProviderProps {\n  timeZone?: string;\n  children?: React.ReactNode;\n}\n\nexport function TimeZoneProvider(props: TimeZoneProviderProps) {\n  const { children, timeZone } = props;\n  return <TimeZoneContext.Provider value={timeZone}>{children}</TimeZoneContext.Provider>;\n}\n\nexport function useTimeZone() {\n  const timeZone = useContext(TimeZoneContext);\n  return {\n    // fallback to \"local\" timezone if TimeZoneProvider is not present in the React tree\n    timeZone: timeZone ?? 'local',\n    formatWithUserTimeZone(date: Date, formatString: string) {\n      return formatWithTimeZone(date, formatString, timeZone);\n    },\n    dateFormatOptionsWithUserTimeZone(dateFormatOptions: Intl.DateTimeFormatOptions) {\n      return dateFormatOptionsWithTimeZone(dateFormatOptions, timeZone);\n    },\n  };\n}\n"],"names":["React","createContext","useContext","formatWithTimeZone","dateFormatOptionsWithTimeZone","TimeZoneContext","undefined","TimeZoneProvider","props","children","timeZone","Provider","value","useTimeZone","formatWithUserTimeZone","date","formatString","dateFormatOptionsWithUserTimeZone","dateFormatOptions"],"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;AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,QAAQ,OAAO,CAAC;AACzD,SAASC,kBAAkB,EAAEC,6BAA6B,QAAQ,UAAU,CAAC;AAE7E,OAAO,MAAMC,eAAe,iBAAGJ,aAAa,CAAqBK,SAAS,CAAC,CAAC;AAO5E,OAAO,SAASC,gBAAgB,CAACC,KAA4B,EAAE;IAC7D,MAAM,EAAEC,QAAQ,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGF,KAAK,AAAC;IACrC,qBAAO,KAACH,eAAe,CAACM,QAAQ;QAACC,KAAK,EAAEF,QAAQ;kBAAGD,QAAQ;MAA4B,CAAC;AAC1F,CAAC;AAED,OAAO,SAASI,WAAW,GAAG;IAC5B,MAAMH,QAAQ,GAAGR,UAAU,CAACG,eAAe,CAAC,AAAC;IAC7C,OAAO;QACL,oFAAoF;QACpFK,QAAQ,EAAEA,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAI,OAAO;QAC7BI,sBAAsB,EAACC,IAAU,EAAEC,YAAoB,EAAE;YACvD,OAAOb,kBAAkB,CAACY,IAAI,EAAEC,YAAY,EAAEN,QAAQ,CAAC,CAAC;QAC1D,CAAC;QACDO,iCAAiC,EAACC,iBAA6C,EAAE;YAC/E,OAAOd,6BAA6B,CAACc,iBAAiB,EAAER,QAAQ,CAAC,CAAC;QACpE,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,21 @@
+export * from './DateTimeRangePicker';
+export * from './Drawer';
+export * from './EChart';
+export * from './ErrorAlert';
+export * from './ErrorBoundary';
+export * from './GaugeChart';
+export * from './InfoTooltip';
+export * from './JSONEditor';
+export * from './Legend';
+export * from './LineChart';
+export * from './OptionsEditorLayout';
+export * from './StatChart';
+export * from './UnitSelector';
+export * from './YAxisLabel';
+export * from './context/ChartsThemeProvider';
+export * from './context/TimeZoneProvider';
+export * from './utils';
+export * from './model';
+export * from './test-utils';
+export * from './theme';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +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"}

package/dist/index.js

@@ -0,0 +1,34 @@
+// 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.
+export * from './DateTimeRangePicker';
+export * from './Drawer';
+export * from './EChart';
+export * from './ErrorAlert';
+export * from './ErrorBoundary';
+export * from './GaugeChart';
+export * from './InfoTooltip';
+export * from './JSONEditor';
+export * from './Legend';
+export * from './LineChart';
+export * from './OptionsEditorLayout';
+export * from './StatChart';
+export * from './UnitSelector';
+export * from './YAxisLabel';
+export * from './context/ChartsThemeProvider';
+export * from './context/TimeZoneProvider';
+export * from './utils';
+export * from './model';
+export * from './test-utils';
+export * from './theme';
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +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"}

package/dist/model/graph.d.ts

@@ -0,0 +1,34 @@
+import { MouseEventHandler } from 'react';
+import { LineSeriesOption } from 'echarts/charts';
+export declare const OPTIMIZED_MODE_SERIES_LIMIT = 1000;
+export declare type UnixTimeMs = number;
+export declare type GraphSeriesValueTuple = [timestamp: UnixTimeMs, value: number];
+export interface GraphSeries {
+    name: string;
+    values: Iterable<GraphSeriesValueTuple>;
+}
+export declare type EChartsValues = number | null | '-';
+export interface EChartsTimeSeries extends Omit<LineSeriesOption, 'data'> {
+    data: Iterable<GraphSeriesValueTuple> | EChartsValues[];
+}
+export declare type EChartsDataFormat = {
+    timeSeries: EChartsTimeSeries[];
+    xAxis: number[];
+    legendItems?: LegendItem[];
+    xAxisMax?: number | string;
+    rangeMs?: number;
+};
+/**
+ * Supported legend options
+ */
+export interface LegendOptions {
+    position?: 'bottom' | 'right';
+}
+export interface LegendItem {
+    id: string;
+    label: string;
+    isSelected: boolean;
+    color: string;
+    onClick: MouseEventHandler<HTMLLIElement>;
+}
+//# sourceMappingURL=graph.d.ts.map

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

@@ -0,0 +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"}