@perses-dev/components 0.8.0 → 0.9.0

package/dist/model/units.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/model/units.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 { Duration, milliseconds } from 'date-fns';\nimport { round } from 'mathjs';\n\nexport const DEFAULT_DECIMAL_PLACES = 2;\n\nexport type UnitOptions = TimeUnitOptions | PercentUnitOptions | DecimalUnitOptions | BytesUnitOptions;\n\nexport function formatValue(value: number, unitOptions?: UnitOptions): string {\n  if (unitOptions === undefined) {\n    return value.toString();\n  }\n\n  if (isDecimalUnit(unitOptions)) {\n    return formatDecimal(value, unitOptions);\n  }\n\n  if (isTimeUnit(unitOptions)) {\n    return formatTime(value, unitOptions);\n  }\n\n  if (isPercentUnit(unitOptions)) {\n    return formatPercent(value, unitOptions);\n  }\n\n  if (isBytesUnit(unitOptions)) {\n    const decimals = unitOptions.decimal_places ?? DEFAULT_DECIMAL_PLACES;\n    return formatBytes(value, decimals);\n  }\n\n  const exhaustive: never = unitOptions;\n  throw new Error(`Unknown unit options ${exhaustive}`);\n}\n\n/* Time Unit Conversion */\nconst timeUnitKinds = ['Milliseconds', 'Seconds', 'Minutes', 'Hours', 'Days', 'Weeks', 'Months', 'Years'] as const;\nconst timeUnitKindsSet = new Set<string>(timeUnitKinds);\n\ntype TimeUnitOptions = {\n  kind: typeof timeUnitKinds[number];\n};\n\nfunction isTimeUnit(unitOptions: UnitOptions): unitOptions is TimeUnitOptions {\n  return timeUnitKindsSet.has(unitOptions.kind);\n}\n\nfunction formatTime(value: number, unitOptions: TimeUnitOptions): string {\n  // Create a Duration from the value based on what time unit it is\n  const duration: Duration = {};\n  switch (unitOptions.kind) {\n    case 'Milliseconds':\n      duration.seconds = value / 1000;\n      break;\n    case 'Seconds':\n      duration.seconds = value;\n      break;\n    case 'Minutes':\n      duration.minutes = value;\n      break;\n    case 'Hours':\n      duration.hours = value;\n      break;\n    case 'Days':\n      duration.days = value;\n      break;\n    case 'Weeks':\n      duration.weeks = value;\n      break;\n    case 'Months':\n      duration.months = value;\n      break;\n    case 'Years':\n      duration.years = value;\n      break;\n    default: {\n      const exhaustive: never = unitOptions.kind;\n      throw new Error(`Unknown time unit type ${exhaustive}`);\n    }\n  }\n\n  // Find the largest whole time unit we can display the value in and use it\n  const ms = milliseconds(duration);\n  const seconds = ms / 1000;\n  if (seconds < 1) {\n    return `${ms.toFixed()} milliseconds`;\n  }\n\n  const minutes = seconds / 60;\n  if (minutes < 1) {\n    return `${seconds.toFixed()} seconds`;\n  }\n\n  const hours = minutes / 60;\n  if (hours < 1) {\n    return `${minutes.toFixed()} minutes`;\n  }\n\n  const days = hours / 24;\n  if (days < 1) {\n    return `${hours.toFixed()} hours`;\n  }\n\n  const weeks = days / 7;\n  if (weeks < 1) {\n    return `${days.toFixed()} days`;\n  }\n\n  const years = weeks / 52;\n  if (years < 1) {\n    return `${weeks.toFixed()} weeks`;\n  }\n\n  return `${years.toFixed()} years`;\n}\n\n/* Percent Unit Conversion */\nconst percentUnitKinds = ['Percent', 'PercentDecimal', '%'] as const;\nconst percentUnitKindsSet = new Set<string>(percentUnitKinds);\n\ntype PercentUnitOptions = {\n  kind: typeof percentUnitKinds[number];\n  decimal_places?: number;\n};\n\nfunction isPercentUnit(unitOptions: UnitOptions): unitOptions is PercentUnitOptions {\n  return percentUnitKindsSet.has(unitOptions.kind);\n}\n\nfunction formatPercent(value: number, unitOptions: PercentUnitOptions): string {\n  const decimals = unitOptions.decimal_places ?? DEFAULT_DECIMAL_PLACES;\n\n  if (unitOptions.kind === 'PercentDecimal') {\n    value = value * 100;\n  }\n\n  return value.toFixed(decimals) + '%';\n}\n\n/* Decimal Unit Conversion */\nconst decimalUnitKinds = ['Decimal'] as const;\nconst decimalUnitKindsSet = new Set<string>(decimalUnitKinds);\n\ntype DecimalUnitOptions = {\n  kind: typeof decimalUnitKinds[number];\n  decimal_places?: number;\n  abbreviate?: boolean;\n};\n\nfunction isDecimalUnit(unitOptions: UnitOptions): unitOptions is DecimalUnitOptions {\n  return decimalUnitKindsSet.has(unitOptions.kind);\n}\n\nfunction formatDecimal(value: number, unitOptions: DecimalUnitOptions): string {\n  const decimals = unitOptions.decimal_places ?? DEFAULT_DECIMAL_PLACES;\n\n  if (unitOptions.abbreviate === true) {\n    return abbreviateLargeNumber(value, decimals);\n  }\n\n  const formatParams: Intl.NumberFormatOptions = {\n    style: 'decimal',\n    minimumFractionDigits: 0,\n    maximumFractionDigits: decimals,\n    useGrouping: true,\n  };\n  const decimalFormatter = new Intl.NumberFormat('en-US', formatParams);\n  return decimalFormatter.format(value);\n}\n\n/**\n * Takes large numbers and abbreviates them with the appropriate suffix\n * 10123 -> 10.123k\n * 1000000 -> 1M\n */\nexport function abbreviateLargeNumber(num: number, decimals = 2) {\n  const modifier = (n: number) => round(n, decimals);\n  return formatNumber(num, modifier);\n}\n\n/**\n * Takes large numbers, rounds and abbreviates them with the appropriate suffix\n * Add modifier to run on output value prior to unit being added (defaults to rounding)\n */\nexport function formatNumber(num: number, modifier?: (n: number) => number): string {\n  const fn = modifier ?? Math.round;\n\n  return num >= 1e12\n    ? fn(num / 1e12) + 'T'\n    : num >= 1e9\n    ? fn(num / 1e9) + 'B'\n    : num >= 1e6\n    ? fn(num / 1e6) + 'M'\n    : num >= 1e3\n    ? fn(num / 1e3) + 'K'\n    : num.toString();\n}\n\n/* Bytes Unit Conversion */\nconst bytesUnitKinds = ['Bytes'] as const;\nconst bytesUnitKindsSet = new Set<string>(bytesUnitKinds);\n\ntype BytesUnitOptions = {\n  kind: typeof bytesUnitKinds[number];\n  decimal_places?: number;\n};\n\nfunction isBytesUnit(unitOptions: UnitOptions): unitOptions is BytesUnitOptions {\n  return bytesUnitKindsSet.has(unitOptions.kind);\n}\n\n// https://stackoverflow.com/questions/15900485/correct-way-to-convert-size-in-bytes-to-kb-mb-gb-in-javascript/18650828#18650828\nfunction formatBytes(bytes: number, decimals = 2) {\n  if (bytes === 0) return '0 Bytes';\n\n  const k = 1024;\n  const dm = decimals < 0 ? 0 : decimals;\n  const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\n\n  // Math.max(0, ...) ensures that we don't return -1 as a value for the index.\n  // Why? When the number of bytes are between -1 and 1, Math.floor(Math.log(bytes)/Math.log(1024)) returns -1.\n  const i = Math.max(0, Math.floor(Math.log(bytes) / Math.log(k)));\n\n  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];\n}\n"],"names":["milliseconds","round","DEFAULT_DECIMAL_PLACES","formatValue","value","unitOptions","undefined","toString","isDecimalUnit","formatDecimal","isTimeUnit","formatTime","isPercentUnit","formatPercent","isBytesUnit","decimals","decimal_places","formatBytes","exhaustive","Error","timeUnitKinds","timeUnitKindsSet","Set","has","kind","duration","seconds","minutes","hours","days","weeks","months","years","ms","toFixed","percentUnitKinds","percentUnitKindsSet","decimalUnitKinds","decimalUnitKindsSet","abbreviate","abbreviateLargeNumber","formatParams","style","minimumFractionDigits","maximumFractionDigits","useGrouping","decimalFormatter","Intl","NumberFormat","format","num","modifier","n","formatNumber","fn","Math","bytesUnitKinds","bytesUnitKindsSet","bytes","k","dm","sizes","i","max","floor","log","parseFloat","pow"],"mappings":"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"}

package/dist/test/index.js

@@ -1 +1,15 @@
-export*from"./render";
+// 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 './render';
+
+//# sourceMappingURL=index.js.map

package/dist/test/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/test/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 './render';\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,UAAU,CAAC"}

package/dist/test/render.js

@@ -1 +1,32 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{render}from"@testing-library/react";import{QueryClient,QueryClientProvider}from"react-query";const queryClient=new QueryClient({defaultOptions:{queries:{refetchOnWindowFocus:!1}}});export function renderWithContext(e,r){return render(_jsx(QueryClientProvider,{client:queryClient,children:e}),r)}
+// 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 { render } from '@testing-library/react';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+const queryClient = new QueryClient({
+    defaultOptions: {
+        queries: {
+            refetchOnWindowFocus: false
+        }
+    }
+});
+/**
+ * Test helper to render a React component with some common app-level providers wrapped around it.
+ */ export function renderWithContext(ui, options) {
+    return render(/*#__PURE__*/ _jsx(QueryClientProvider, {
+        client: queryClient,
+        children: ui
+    }), options);
+}
+
+//# sourceMappingURL=render.js.map

package/dist/test/render.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/test/render.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 { render, RenderOptions } from '@testing-library/react';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\n\nconst queryClient = new QueryClient({ defaultOptions: { queries: { refetchOnWindowFocus: false } } });\n\n/**\n * Test helper to render a React component with some common app-level providers wrapped around it.\n */\nexport function renderWithContext(ui: React.ReactElement, options?: Omit<RenderOptions, 'queries'>) {\n  return render(<QueryClientProvider client={queryClient}>{ui}</QueryClientProvider>, options);\n}\n"],"names":["render","QueryClient","QueryClientProvider","queryClient","defaultOptions","queries","refetchOnWindowFocus","renderWithContext","ui","options","client"],"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,SAASA,MAAM,QAAuB,wBAAwB,CAAC;AAC/D,SAASC,WAAW,EAAEC,mBAAmB,QAAQ,uBAAuB,CAAC;AAEzE,MAAMC,WAAW,GAAG,IAAIF,WAAW,CAAC;IAAEG,cAAc,EAAE;QAAEC,OAAO,EAAE;YAAEC,oBAAoB,EAAE,KAAK;SAAE;KAAE;CAAE,CAAC,AAAC;AAEtG;;CAEC,GACD,OAAO,SAASC,iBAAiB,CAACC,EAAsB,EAAEC,OAAwC,EAAE;IAClG,OAAOT,MAAM,eAAC,KAACE,mBAAmB;QAACQ,MAAM,EAAEP,WAAW;kBAAGK,EAAE;MAAuB,EAAEC,OAAO,CAAC,CAAC;AAC/F,CAAC"}

package/dist/test/setup-tests.js

@@ -1 +1,18 @@
-import"@testing-library/jest-dom/extend-expect";jest.mock("echarts/core");
+// 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.
+// Add testing library assertions
+import '@testing-library/jest-dom/extend-expect';
+// Always mock e-charts during tests since we don't have a proper canvas in jsdom
+jest.mock('echarts/core');
+
+//# sourceMappingURL=setup-tests.js.map

package/dist/test/setup-tests.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/test/setup-tests.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\n// Add testing library assertions\nimport '@testing-library/jest-dom/extend-expect';\n\n// Always mock e-charts during tests since we don't have a proper canvas in jsdom\njest.mock('echarts/core');\n"],"names":["jest","mock"],"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,iCAAiC;AACjC,OAAO,yCAAyC,CAAC;AAEjD,iFAAiF;AACjFA,IAAI,CAACC,IAAI,CAAC,cAAc,CAAC,CAAC"}

package/dist/utils/combine-sx.js

@@ -1 +1,27 @@
-export function combineSx(...r){return r.flatMap((r=>void 0===r?[]:Array.isArray(r)?r:[r]))}
+// 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.
+/**
+ * Combines sx props from multiple sources. Useful when creating a component and
+ * you want consumers to be able to provide SxProps that should be combined with
+ * some built-in styles.
+ */ export function combineSx(...sxProps) {
+    return sxProps.flatMap((sx)=>{
+        if (sx === undefined) return [];
+        if (Array.isArray(sx)) return sx;
+        return [
+            sx
+        ];
+    });
+}
+
+//# sourceMappingURL=combine-sx.js.map

package/dist/utils/combine-sx.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/combine-sx.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 { SxProps, Theme } from '@mui/material';\n\n/**\n * Combines sx props from multiple sources. Useful when creating a component and\n * you want consumers to be able to provide SxProps that should be combined with\n * some built-in styles.\n */\nexport function combineSx(...sxProps: Array<SxProps<Theme> | undefined>): SxProps<Theme> {\n  return sxProps.flatMap((sx) => {\n    if (sx === undefined) return [];\n    if (Array.isArray(sx)) return sx;\n    return [sx];\n  });\n}\n"],"names":["combineSx","sxProps","flatMap","sx","undefined","Array","isArray"],"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;AAIjC;;;;CAIC,GACD,OAAO,SAASA,SAAS,CAAC,GAAGC,OAAO,AAAmC,EAAkB;IACvF,OAAOA,OAAO,CAACC,OAAO,CAAC,CAACC,EAAE,GAAK;QAC7B,IAAIA,EAAE,KAAKC,SAAS,EAAE,OAAO,EAAE,CAAC;QAChC,IAAIC,KAAK,CAACC,OAAO,CAACH,EAAE,CAAC,EAAE,OAAOA,EAAE,CAAC;QACjC,OAAO;YAACA,EAAE;SAAC,CAAC;IACd,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/utils/index.js

@@ -1 +1,16 @@
-export*from"./combine-sx";export*from"./theme-gen";
+// 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 './combine-sx';
+export * from './theme-gen';
+
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/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 './combine-sx';\nexport * from './theme-gen';\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,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC"}

package/dist/utils/theme-gen.js

@@ -1 +1,183 @@
-import merge from"lodash/merge";const DEFAULT_TEXT_COLOR="#222";export function generateChartsTheme(e,t,o){var l,i,a,r,n,s;const h=null!==(i=null===(l=t.palette.text)||void 0===l?void 0:l.primary)&&void 0!==i?i:"#222",d={title:{show:!1},textStyle:{color:h,fontFamily:t.typography.fontFamily,fontSize:12},grid:{top:5,right:20,bottom:0,left:20,containLabel:!0},color:["#8dd3c7","#bebada","#fb8072","#80b1d3","#fdb462"],categoryAxis:{show:!0,axisLabel:{show:!0,color:h,margin:15},axisTick:{show:!1,length:6,lineStyle:{color:t.palette.grey[600]}},axisLine:{show:!0,lineStyle:{color:t.palette.grey[600]}},splitLine:{show:!0,lineStyle:{width:.5,color:t.palette.grey[300],opacity:.6}},splitArea:{show:!1,areaStyle:{color:[t.palette.grey[300]]}}},valueAxis:{show:!0,axisLabel:{color:h,margin:12},axisLine:{show:!1},splitLine:{show:!0,lineStyle:{width:.5,color:t.palette.grey[300],opacity:.6}}},legend:{orient:"horizontal",textStyle:{color:h},pageTextStyle:{color:t.palette.grey[600]},pageIconColor:null===(r=null===(a=null==t?void 0:t.palette)||void 0===a?void 0:a.action)||void 0===r?void 0:r.active,pageIconInactiveColor:null===(s=null===(n=null==t?void 0:t.palette)||void 0===n?void 0:n.action)||void 0===s?void 0:s.disabled},toolbox:{show:!0,top:10,right:10,iconStyle:{borderColor:h}},tooltip:{},line:{showSymbol:!1,symbol:"circle",symbolSize:4,smooth:!1,lineStyle:{width:1},emphasis:{lineStyle:{width:1.5}}},bar:{barMaxWidth:150,itemStyle:{borderWidth:0,borderColor:t.palette.grey[300]}},gauge:{detail:{fontSize:18,fontWeight:600,valueAnimation:!1},splitLine:{distance:0,length:4,lineStyle:{width:1}},splitNumber:12}};return{themeName:e,echartsTheme:merge(d,o),noDataOption:{title:{show:!0,textStyle:{color:h,fontSize:16,fontWeight:400},text:"No data",left:"center",top:"center"},xAxis:{show:!1},yAxis:{show:!1}},sparkline:{width:2,color:"#1976d2"}}}
+// 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 { merge } from 'lodash-es';
+const DEFAULT_TEXT_COLOR = '#222';
+export function generateChartsTheme(themeName, 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 {
+        themeName,
+        echartsTheme: 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'
+        }
+    };
+}
+
+//# sourceMappingURL=theme-gen.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/theme-gen.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 { Theme } from '@mui/material';\nimport { merge } from 'lodash-es';\nimport { EChartsTheme, PersesChartsTheme } from '../model';\n\nconst DEFAULT_TEXT_COLOR = '#222';\n\n// avoid component override type errors since only palette and typography are used\ntype MuiTheme = Omit<Theme, 'components'>;\n\nexport function generateChartsTheme(\n  themeName: string,\n  muiTheme: MuiTheme,\n  echartsTheme: EChartsTheme\n): PersesChartsTheme {\n  const primaryTextColor = muiTheme.palette.text?.primary ?? DEFAULT_TEXT_COLOR;\n\n  const muiConvertedTheme: EChartsTheme = {\n    title: {\n      show: false,\n    },\n    textStyle: {\n      color: primaryTextColor,\n      fontFamily: muiTheme.typography.fontFamily,\n      fontSize: 12,\n    },\n    grid: {\n      top: 5,\n      right: 20,\n      bottom: 0,\n      left: 20,\n      containLabel: true,\n    },\n    color: ['#8dd3c7', '#bebada', '#fb8072', '#80b1d3', '#fdb462'],\n    categoryAxis: {\n      show: true,\n      axisLabel: {\n        show: true,\n        color: primaryTextColor,\n        margin: 15,\n      },\n      axisTick: {\n        show: false,\n        length: 6,\n        lineStyle: {\n          color: muiTheme.palette.grey[600],\n        },\n      },\n      axisLine: {\n        show: true,\n        lineStyle: {\n          color: muiTheme.palette.grey[600],\n        },\n      },\n      splitLine: {\n        show: true,\n        lineStyle: {\n          width: 0.5,\n          color: muiTheme.palette.grey[300],\n          opacity: 0.6,\n        },\n      },\n      splitArea: {\n        show: false,\n        areaStyle: {\n          color: [muiTheme.palette.grey[300]],\n        },\n      },\n    },\n    valueAxis: {\n      show: true,\n      axisLabel: {\n        color: primaryTextColor,\n        margin: 12,\n      },\n      axisLine: {\n        show: false,\n      },\n      splitLine: {\n        show: true,\n        lineStyle: {\n          width: 0.5,\n          color: muiTheme.palette.grey[300],\n          opacity: 0.6,\n        },\n      },\n    },\n    legend: {\n      orient: 'horizontal',\n      textStyle: {\n        color: primaryTextColor,\n      },\n      pageTextStyle: {\n        color: muiTheme.palette.grey[600],\n      },\n      pageIconColor: muiTheme?.palette?.action?.active,\n      pageIconInactiveColor: muiTheme?.palette?.action?.disabled,\n    },\n    toolbox: {\n      show: true,\n      top: 10,\n      right: 10,\n      iconStyle: {\n        borderColor: primaryTextColor,\n      },\n    },\n    tooltip: {},\n    line: {\n      showSymbol: false,\n      symbol: 'circle',\n      symbolSize: 4,\n      smooth: false,\n      lineStyle: {\n        width: 1,\n      },\n      emphasis: {\n        lineStyle: {\n          width: 1.5,\n        },\n      },\n    },\n    bar: {\n      barMaxWidth: 150,\n      itemStyle: {\n        borderWidth: 0,\n        borderColor: muiTheme.palette.grey[300],\n      },\n    },\n    gauge: {\n      detail: {\n        fontSize: 18,\n        fontWeight: 600,\n        valueAnimation: false,\n      },\n      splitLine: {\n        distance: 0,\n        length: 4,\n        lineStyle: {\n          width: 1,\n        },\n      },\n      splitNumber: 12,\n    },\n  };\n\n  return {\n    themeName,\n    echartsTheme: merge(muiConvertedTheme, echartsTheme),\n    noDataOption: {\n      title: {\n        show: true,\n        textStyle: {\n          color: primaryTextColor,\n          fontSize: 16,\n          fontWeight: 400,\n        },\n        text: 'No data',\n        left: 'center',\n        top: 'center',\n      },\n      xAxis: {\n        show: false,\n      },\n      yAxis: {\n        show: false,\n      },\n    },\n    sparkline: {\n      width: 2,\n      color: '#1976d2',\n    },\n    // TODO: add thresholdColors to theme\n  };\n}\n"],"names":["merge","DEFAULT_TEXT_COLOR","generateChartsTheme","themeName","muiTheme","echartsTheme","primaryTextColor","palette","text","primary","muiConvertedTheme","title","show","textStyle","color","fontFamily","typography","fontSize","grid","top","right","bottom","left","containLabel","categoryAxis","axisLabel","margin","axisTick","length","lineStyle","grey","axisLine","splitLine","width","opacity","splitArea","areaStyle","valueAxis","legend","orient","pageTextStyle","pageIconColor","action","active","pageIconInactiveColor","disabled","toolbox","iconStyle","borderColor","tooltip","line","showSymbol","symbol","symbolSize","smooth","emphasis","bar","barMaxWidth","itemStyle","borderWidth","gauge","detail","fontWeight","valueAnimation","distance","splitNumber","noDataOption","xAxis","yAxis","sparkline"],"mappings":"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"}

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

@@ -1 +1,196 @@
-import{createTheme}from"@mui/material";import{generateChartsTheme}from"./theme-gen";describe("generateChartsTheme",(()=>{const n=createTheme({}),e=generateChartsTheme("perses",n,{legend:{textStyle:{color:"yellow"}},line:{showSymbol:!0,smooth:!0}});it("should return perses specific charts theme from converted MUI theme",(()=>{expect(e).toMatchInlineSnapshot('\n      Object {\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        "themeName": "perses",\n      }\n    ')}))}));
+// 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 { 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('perses', 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,
+        },
+        "themeName": "perses",
+      }
+    `);
+    });
+});
+
+//# sourceMappingURL=theme-gen.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/theme-gen.test.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 { 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('perses', muiTheme, echartsThemeOverrides);\n\n  it('should return perses specific charts theme from converted MUI theme', () => {\n    expect(chartsTheme).toMatchInlineSnapshot(`\n      Object {\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        \"themeName\": \"perses\",\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,CAAC,QAAQ,EAAEE,QAAQ,EAAEC,qBAAqB,CAAC,AAAC;IAEtGQ,EAAE,CAAC,qEAAqE,EAAE,IAAM;QAC9EC,MAAM,CAACF,WAAW,CAAC,CAACG,qBAAqB,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkK3C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}