@perses-dev/components 0.23.0 → 0.24.0

package/dist/utils/format.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=format.test.d.ts.map

package/dist/utils/format.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"format.test.d.ts","sourceRoot":"","sources":["../../src/utils/format.test.ts"],"names":[],"mappings":""}

package/dist/utils/format.test.js

@@ -1,45 +0,0 @@
-// Copyright 2023 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 { dateFormatOptionsWithTimeZone, formatWithTimeZone } from './format';
-const DATE = new Date(168523200000);
-const DATE_FORMAT_OPTIONS = {
-    hour: 'numeric',
-    minute: 'numeric',
-    hourCycle: 'h23'
-};
-describe('formatWithTimeZone', ()=>{
-    it('should format in Los Angeles timezone', ()=>{
-        expect(formatWithTimeZone(DATE, 'yyyy-MM-dd HH:mm:ss', 'America/Los_Angeles')).toBe('1975-05-05 05:00:00');
-    });
-    it('should format in UTC timezone', ()=>{
-        expect(formatWithTimeZone(DATE, 'yyyy-MM-dd HH:mm:ss', 'UTC')).toBe('1975-05-05 12:00:00');
-        expect(formatWithTimeZone(DATE, 'yyyy-MM-dd HH:mm:ss', 'utc')).toBe('1975-05-05 12:00:00');
-    });
-});
-describe('dateFormatOptionsWithTimeZone', ()=>{
-    it('should format in Los Angeles timezone', ()=>{
-        const dateFormatOptions = dateFormatOptionsWithTimeZone(DATE_FORMAT_OPTIONS, 'America/Los_Angeles');
-        expect(new Intl.DateTimeFormat(undefined, dateFormatOptions).format(DATE)).toBe('05:00');
-    });
-    it('should format in UTC timezone', ()=>{
-        const dateFormatOptions = dateFormatOptionsWithTimeZone(DATE_FORMAT_OPTIONS, 'utc');
-        expect(new Intl.DateTimeFormat(undefined, dateFormatOptions).format(DATE)).toBe('12:00');
-    });
-    it('should use browser local timezone', ()=>{
-        expect(dateFormatOptionsWithTimeZone(DATE_FORMAT_OPTIONS, 'browser').timeZone).toBeUndefined();
-        expect(dateFormatOptionsWithTimeZone(DATE_FORMAT_OPTIONS, 'local').timeZone).toBeUndefined();
-        expect(dateFormatOptionsWithTimeZone(DATE_FORMAT_OPTIONS).timeZone).toBeUndefined();
-    });
-});
-
-//# sourceMappingURL=format.test.js.map

package/dist/utils/format.test.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/format.test.ts"],"sourcesContent":["// Copyright 2023 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.\nimport { dateFormatOptionsWithTimeZone, formatWithTimeZone } from './format';\n\nconst DATE = new Date(168523200000);\n\nconst DATE_FORMAT_OPTIONS: Intl.DateTimeFormatOptions = {\n  hour: 'numeric',\n  minute: 'numeric',\n  hourCycle: 'h23',\n};\n\ndescribe('formatWithTimeZone', () => {\n  it('should format in Los Angeles timezone', () => {\n    expect(formatWithTimeZone(DATE, 'yyyy-MM-dd HH:mm:ss', 'America/Los_Angeles')).toBe('1975-05-05 05:00:00');\n  });\n  it('should format in UTC timezone', () => {\n    expect(formatWithTimeZone(DATE, 'yyyy-MM-dd HH:mm:ss', 'UTC')).toBe('1975-05-05 12:00:00');\n    expect(formatWithTimeZone(DATE, 'yyyy-MM-dd HH:mm:ss', 'utc')).toBe('1975-05-05 12:00:00');\n  });\n});\n\ndescribe('dateFormatOptionsWithTimeZone', () => {\n  it('should format in Los Angeles timezone', () => {\n    const dateFormatOptions = dateFormatOptionsWithTimeZone(DATE_FORMAT_OPTIONS, 'America/Los_Angeles');\n    expect(new Intl.DateTimeFormat(undefined, dateFormatOptions).format(DATE)).toBe('05:00');\n  });\n  it('should format in UTC timezone', () => {\n    const dateFormatOptions = dateFormatOptionsWithTimeZone(DATE_FORMAT_OPTIONS, 'utc');\n    expect(new Intl.DateTimeFormat(undefined, dateFormatOptions).format(DATE)).toBe('12:00');\n  });\n  it('should use browser local timezone', () => {\n    expect(dateFormatOptionsWithTimeZone(DATE_FORMAT_OPTIONS, 'browser').timeZone).toBeUndefined();\n    expect(dateFormatOptionsWithTimeZone(DATE_FORMAT_OPTIONS, 'local').timeZone).toBeUndefined();\n    expect(dateFormatOptionsWithTimeZone(DATE_FORMAT_OPTIONS).timeZone).toBeUndefined();\n  });\n});\n"],"names":["dateFormatOptionsWithTimeZone","formatWithTimeZone","DATE","Date","DATE_FORMAT_OPTIONS","hour","minute","hourCycle","describe","it","expect","toBe","dateFormatOptions","Intl","DateTimeFormat","undefined","format","timeZone","toBeUndefined"],"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;AACjC,SAASA,6BAA6B,EAAEC,kBAAkB,QAAQ,UAAU,CAAC;AAE7E,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAAC,YAAY,CAAC,AAAC;AAEpC,MAAMC,mBAAmB,GAA+B;IACtDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE,SAAS;IACjBC,SAAS,EAAE,KAAK;CACjB,AAAC;AAEFC,QAAQ,CAAC,oBAAoB,EAAE,IAAM;IACnCC,EAAE,CAAC,uCAAuC,EAAE,IAAM;QAChDC,MAAM,CAACT,kBAAkB,CAACC,IAAI,EAAE,qBAAqB,EAAE,qBAAqB,CAAC,CAAC,CAACS,IAAI,CAAC,qBAAqB,CAAC,CAAC;IAC7G,CAAC,CAAC,CAAC;IACHF,EAAE,CAAC,+BAA+B,EAAE,IAAM;QACxCC,MAAM,CAACT,kBAAkB,CAACC,IAAI,EAAE,qBAAqB,EAAE,KAAK,CAAC,CAAC,CAACS,IAAI,CAAC,qBAAqB,CAAC,CAAC;QAC3FD,MAAM,CAACT,kBAAkB,CAACC,IAAI,EAAE,qBAAqB,EAAE,KAAK,CAAC,CAAC,CAACS,IAAI,CAAC,qBAAqB,CAAC,CAAC;IAC7F,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEHH,QAAQ,CAAC,+BAA+B,EAAE,IAAM;IAC9CC,EAAE,CAAC,uCAAuC,EAAE,IAAM;QAChD,MAAMG,iBAAiB,GAAGZ,6BAA6B,CAACI,mBAAmB,EAAE,qBAAqB,CAAC,AAAC;QACpGM,MAAM,CAAC,IAAIG,IAAI,CAACC,cAAc,CAACC,SAAS,EAAEH,iBAAiB,CAAC,CAACI,MAAM,CAACd,IAAI,CAAC,CAAC,CAACS,IAAI,CAAC,OAAO,CAAC,CAAC;IAC3F,CAAC,CAAC,CAAC;IACHF,EAAE,CAAC,+BAA+B,EAAE,IAAM;QACxC,MAAMG,iBAAiB,GAAGZ,6BAA6B,CAACI,mBAAmB,EAAE,KAAK,CAAC,AAAC;QACpFM,MAAM,CAAC,IAAIG,IAAI,CAACC,cAAc,CAACC,SAAS,EAAEH,iBAAiB,CAAC,CAACI,MAAM,CAACd,IAAI,CAAC,CAAC,CAACS,IAAI,CAAC,OAAO,CAAC,CAAC;IAC3F,CAAC,CAAC,CAAC;IACHF,EAAE,CAAC,mCAAmC,EAAE,IAAM;QAC5CC,MAAM,CAACV,6BAA6B,CAACI,mBAAmB,EAAE,SAAS,CAAC,CAACa,QAAQ,CAAC,CAACC,aAAa,EAAE,CAAC;QAC/FR,MAAM,CAACV,6BAA6B,CAACI,mBAAmB,EAAE,OAAO,CAAC,CAACa,QAAQ,CAAC,CAACC,aAAa,EAAE,CAAC;QAC7FR,MAAM,CAACV,6BAA6B,CAACI,mBAAmB,CAAC,CAACa,QAAQ,CAAC,CAACC,aAAa,EAAE,CAAC;IACtF,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/utils/theme-gen.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=theme-gen.test.d.ts.map

package/dist/utils/theme-gen.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme-gen.test.d.ts","sourceRoot":"","sources":["../../src/utils/theme-gen.test.ts"],"names":[],"mappings":""}

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

@@ -1,200 +0,0 @@
-// Copyright 2023 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 { createTheme } from '@mui/material';
-import { generateChartsTheme } from './theme-gen';
-describe('generateChartsTheme', ()=>{
-    const muiTheme = createTheme({});
-    const echartsThemeOverrides = {
-        legend: {
-            textStyle: {
-                color: 'yellow'
-            }
-        },
-        line: {
-            showSymbol: true,
-            smooth: true
-        }
-    };
-    const chartsTheme = generateChartsTheme(muiTheme, echartsThemeOverrides);
-    it('should return perses specific charts theme from converted MUI theme', ()=>{
-        expect(chartsTheme).toMatchInlineSnapshot(`
-      Object {
-        "container": Object {
-          "padding": Object {
-            "default": 12,
-          },
-        },
-        "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,
-        },
-      }
-    `);
-    });
-});
-
-//# sourceMappingURL=theme-gen.test.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/theme-gen.test.ts"],"sourcesContent":["// Copyright 2023 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 { createTheme } from '@mui/material';\nimport { EChartsTheme, PersesChartsTheme } from '../model';\nimport { generateChartsTheme } from './theme-gen';\n\ndescribe('generateChartsTheme', () => {\n  const muiTheme = createTheme({});\n  const echartsThemeOverrides: EChartsTheme = {\n    legend: {\n      textStyle: {\n        color: 'yellow',\n      },\n    },\n    line: {\n      showSymbol: true,\n      smooth: true,\n    },\n  };\n  const chartsTheme: PersesChartsTheme = generateChartsTheme(muiTheme, echartsThemeOverrides);\n\n  it('should return perses specific charts theme from converted MUI theme', () => {\n    expect(chartsTheme).toMatchInlineSnapshot(`\n      Object {\n        \"container\": Object {\n          \"padding\": Object {\n            \"default\": 12,\n          },\n        },\n        \"echartsTheme\": Object {\n          \"bar\": Object {\n            \"barMaxWidth\": 150,\n            \"itemStyle\": Object {\n              \"borderColor\": \"#e0e0e0\",\n              \"borderWidth\": 0,\n            },\n          },\n          \"categoryAxis\": Object {\n            \"axisLabel\": Object {\n              \"color\": \"rgba(0, 0, 0, 0.87)\",\n              \"margin\": 15,\n              \"show\": true,\n            },\n            \"axisLine\": Object {\n              \"lineStyle\": Object {\n                \"color\": \"#757575\",\n              },\n              \"show\": true,\n            },\n            \"axisTick\": Object {\n              \"length\": 6,\n              \"lineStyle\": Object {\n                \"color\": \"#757575\",\n              },\n              \"show\": false,\n            },\n            \"show\": true,\n            \"splitArea\": Object {\n              \"areaStyle\": Object {\n                \"color\": Array [\n                  \"#e0e0e0\",\n                ],\n              },\n              \"show\": false,\n            },\n            \"splitLine\": Object {\n              \"lineStyle\": Object {\n                \"color\": \"#e0e0e0\",\n                \"opacity\": 0.6,\n                \"width\": 0.5,\n              },\n              \"show\": true,\n            },\n          },\n          \"color\": Array [\n            \"#8dd3c7\",\n            \"#bebada\",\n            \"#fb8072\",\n            \"#80b1d3\",\n            \"#fdb462\",\n          ],\n          \"gauge\": Object {\n            \"detail\": Object {\n              \"fontSize\": 18,\n              \"fontWeight\": 600,\n              \"valueAnimation\": false,\n            },\n            \"splitLine\": Object {\n              \"distance\": 0,\n              \"length\": 4,\n              \"lineStyle\": Object {\n                \"width\": 1,\n              },\n            },\n            \"splitNumber\": 12,\n          },\n          \"grid\": Object {\n            \"bottom\": 0,\n            \"containLabel\": true,\n            \"left\": 20,\n            \"right\": 20,\n            \"top\": 5,\n          },\n          \"legend\": Object {\n            \"orient\": \"horizontal\",\n            \"pageIconColor\": \"rgba(0, 0, 0, 0.54)\",\n            \"pageIconInactiveColor\": \"rgba(0, 0, 0, 0.26)\",\n            \"pageTextStyle\": Object {\n              \"color\": \"#757575\",\n            },\n            \"textStyle\": Object {\n              \"color\": \"yellow\",\n            },\n          },\n          \"line\": Object {\n            \"emphasis\": Object {\n              \"lineStyle\": Object {\n                \"width\": 1.5,\n              },\n            },\n            \"lineStyle\": Object {\n              \"width\": 1,\n            },\n            \"showSymbol\": true,\n            \"smooth\": true,\n            \"symbol\": \"circle\",\n            \"symbolSize\": 4,\n          },\n          \"textStyle\": Object {\n            \"color\": \"rgba(0, 0, 0, 0.87)\",\n            \"fontFamily\": \"\\\\\"Roboto\\\\\", \\\\\"Helvetica\\\\\", \\\\\"Arial\\\\\", sans-serif\",\n            \"fontSize\": 12,\n          },\n          \"title\": Object {\n            \"show\": false,\n          },\n          \"toolbox\": Object {\n            \"iconStyle\": Object {\n              \"borderColor\": \"rgba(0, 0, 0, 0.87)\",\n            },\n            \"right\": 10,\n            \"show\": true,\n            \"top\": 10,\n          },\n          \"tooltip\": Object {},\n          \"valueAxis\": Object {\n            \"axisLabel\": Object {\n              \"color\": \"rgba(0, 0, 0, 0.87)\",\n              \"margin\": 12,\n            },\n            \"axisLine\": Object {\n              \"show\": false,\n            },\n            \"show\": true,\n            \"splitLine\": Object {\n              \"lineStyle\": Object {\n                \"color\": \"#e0e0e0\",\n                \"opacity\": 0.6,\n                \"width\": 0.5,\n              },\n              \"show\": true,\n            },\n          },\n        },\n        \"noDataOption\": Object {\n          \"title\": Object {\n            \"left\": \"center\",\n            \"show\": true,\n            \"text\": \"No data\",\n            \"textStyle\": Object {\n              \"color\": \"rgba(0, 0, 0, 0.87)\",\n              \"fontSize\": 16,\n              \"fontWeight\": 400,\n            },\n            \"top\": \"center\",\n          },\n          \"xAxis\": Object {\n            \"show\": false,\n          },\n          \"yAxis\": Object {\n            \"show\": false,\n          },\n        },\n        \"sparkline\": Object {\n          \"color\": \"#1976d2\",\n          \"width\": 2,\n        },\n      }\n    `);\n  });\n});\n"],"names":["createTheme","generateChartsTheme","describe","muiTheme","echartsThemeOverrides","legend","textStyle","color","line","showSymbol","smooth","chartsTheme","it","expect","toMatchInlineSnapshot"],"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,SAASA,WAAW,QAAQ,eAAe,CAAC;AAE5C,SAASC,mBAAmB,QAAQ,aAAa,CAAC;AAElDC,QAAQ,CAAC,qBAAqB,EAAE,IAAM;IACpC,MAAMC,QAAQ,GAAGH,WAAW,CAAC,EAAE,CAAC,AAAC;IACjC,MAAMI,qBAAqB,GAAiB;QAC1CC,MAAM,EAAE;YACNC,SAAS,EAAE;gBACTC,KAAK,EAAE,QAAQ;aAChB;SACF;QACDC,IAAI,EAAE;YACJC,UAAU,EAAE,IAAI;YAChBC,MAAM,EAAE,IAAI;SACb;KACF,AAAC;IACF,MAAMC,WAAW,GAAsBV,mBAAmB,CAACE,QAAQ,EAAEC,qBAAqB,CAAC,AAAC;IAE5FQ,EAAE,CAAC,qEAAqE,EAAE,IAAM;QAC9EC,MAAM,CAACF,WAAW,CAAC,CAACG,qBAAqB,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsK3C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}