@perses-dev/scatter-chart-plugin 0.8.1 → 0.9.1

package/lib/Scatterplot.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Scatterplot.tsx"],"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 { ReactElement, useMemo } from 'react';\nimport { EChart, OnEventsType, useChartsTheme } from '@perses-dev/components';\nimport { use, EChartsCoreOption } from 'echarts/core';\nimport { ScatterChart as EChartsScatterChart } from 'echarts/charts';\nimport {\n  DatasetComponent,\n  DataZoomComponent,\n  LegendComponent,\n  GridComponent,\n  TitleComponent,\n  TooltipComponent,\n} from 'echarts/components';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport { EChartsOption, ScatterSeriesOption } from 'echarts';\nimport { formatValue } from '@perses-dev/core';\nimport { replaceVariablesInString, useAllVariableValues, useRouterContext } from '@perses-dev/plugin-system';\nimport { EChartTraceValue } from './ScatterChartPanel';\n\nuse([\n  DatasetComponent,\n  DataZoomComponent,\n  LegendComponent,\n  EChartsScatterChart,\n  GridComponent,\n  TitleComponent,\n  TooltipComponent,\n  CanvasRenderer,\n]);\n\nexport interface ScatterplotProps {\n  width: number;\n  height: number;\n  options: EChartsOption;\n  link?: string;\n}\n\nconst DATE_FORMATTER = new Intl.DateTimeFormat(undefined, {\n  dateStyle: 'long',\n  timeStyle: 'medium',\n}).format;\n\nexport function Scatterplot(props: ScatterplotProps): ReactElement {\n  const { width, height, options, link: linkTemplate } = props;\n  const chartsTheme = useChartsTheme();\n  const variableValues = useAllVariableValues();\n  const { navigate } = useRouterContext();\n\n  // Apache EChart Options Docs: https://echarts.apache.org/en/option.html\n  const eChartOptions: EChartsCoreOption = {\n    dataset: options.dataset,\n    series: options.series,\n    dataZoom: options.dataZoom,\n    grid: {\n      bottom: 40,\n      top: 50,\n      left: 50,\n      right: 100,\n    },\n    xAxis: {\n      type: 'time',\n      name: 'Local Time',\n    },\n    yAxis: {\n      scale: true,\n      type: 'value',\n      name: 'Duration',\n      axisLabel: {\n        formatter: (durationMs: number) => formatValue(durationMs, { unit: 'milliseconds' }),\n      },\n    },\n    animation: false,\n    tooltip: {\n      padding: 5,\n      borderWidth: 1,\n      trigger: 'axis',\n      axisPointer: {\n        type: 'cross',\n      },\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      formatter: function (params: any) {\n        // TODO: import type from ECharts instead of using any\n        const data = params[0].data as EChartTraceValue;\n        return [\n          `<b>Service name</b>: ${data.rootServiceName}<br/>`,\n          `<b>Span name</b>: ${data.rootTraceName}<br/>`,\n          `<b>Time</b>: ${DATE_FORMATTER(data.startTime)}<br/>`,\n          `<b>Duration</b>: ${formatValue(data.durationMs, { unit: 'milliseconds' })}<br/>`,\n          `<b>Span count</b>: ${data.spanCount} (${data.errorCount} errors)<br/>`,\n        ].join('');\n      },\n    },\n    legend: {\n      show: true,\n      type: 'scroll',\n      orient: 'horizontal',\n      bottom: 0,\n    },\n  };\n\n  const handleEvents: OnEventsType<ScatterSeriesOption['data'] | unknown> = useMemo(() => {\n    const handlers: OnEventsType<ScatterSeriesOption['data'] | unknown> = {};\n    if (navigate && linkTemplate) {\n      handlers.click = (params): void => {\n        const linkVariables = params.data.linkVariables as Record<string, string> | undefined;\n        const link = replaceVariablesInString(linkTemplate, variableValues, linkVariables);\n        navigate(link);\n      };\n    }\n    return handlers;\n  }, [linkTemplate, navigate, variableValues]);\n\n  return (\n    <EChart\n      sx={{\n        width: width,\n        height: height,\n      }}\n      option={eChartOptions}\n      theme={chartsTheme.echartsTheme}\n      onEvents={handleEvents}\n    />\n  );\n}\n"],"names":["useMemo","EChart","useChartsTheme","use","ScatterChart","EChartsScatterChart","DatasetComponent","DataZoomComponent","LegendComponent","GridComponent","TitleComponent","TooltipComponent","CanvasRenderer","formatValue","replaceVariablesInString","useAllVariableValues","useRouterContext","DATE_FORMATTER","Intl","DateTimeFormat","undefined","dateStyle","timeStyle","format","Scatterplot","props","width","height","options","link","linkTemplate","chartsTheme","variableValues","navigate","eChartOptions","dataset","series","dataZoom","grid","bottom","top","left","right","xAxis","type","name","yAxis","scale","axisLabel","formatter","durationMs","unit","animation","tooltip","padding","borderWidth","trigger","axisPointer","params","data","rootServiceName","rootTraceName","startTime","spanCount","errorCount","join","legend","show","orient","handleEvents","handlers","click","linkVariables","sx","option","theme","echartsTheme","onEvents"],"mappings":"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"}
+{"version":3,"sources":["../../src/Scatterplot.tsx"],"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 { ReactElement, useMemo } from 'react';\nimport { EChart, OnEventsType, useChartsTheme } from '@perses-dev/components';\nimport { use, EChartsCoreOption } from 'echarts/core';\nimport { ScatterChart as EChartsScatterChart } from 'echarts/charts';\nimport {\n  DatasetComponent,\n  DataZoomComponent,\n  LegendComponent,\n  GridComponent,\n  TitleComponent,\n  TooltipComponent,\n} from 'echarts/components';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport { EChartsOption, ScatterSeriesOption } from 'echarts';\nimport { formatValue } from '@perses-dev/core';\nimport {\n  replaceVariablesInString,\n  useAllVariableValues,\n  useRouterContext,\n  useTimeRange,\n} from '@perses-dev/plugin-system';\nimport { EChartTraceValue } from './ScatterChartPanel';\n\nuse([\n  DatasetComponent,\n  DataZoomComponent,\n  LegendComponent,\n  EChartsScatterChart,\n  GridComponent,\n  TitleComponent,\n  TooltipComponent,\n  CanvasRenderer,\n]);\n\nexport interface ScatterplotProps {\n  width: number;\n  height: number;\n  options: EChartsOption;\n  link?: string;\n}\n\nconst DATE_FORMATTER = new Intl.DateTimeFormat(undefined, {\n  dateStyle: 'long',\n  timeStyle: 'medium',\n}).format;\n\nexport function Scatterplot(props: ScatterplotProps): ReactElement {\n  const { width, height, options, link: linkTemplate } = props;\n  const chartsTheme = useChartsTheme();\n  const { absoluteTimeRange } = useTimeRange();\n  const variableValues = useAllVariableValues();\n  const { navigate } = useRouterContext();\n\n  // Apache EChart Options Docs: https://echarts.apache.org/en/option.html\n  const eChartOptions: EChartsCoreOption = {\n    dataset: options.dataset,\n    series: options.series,\n    dataZoom: options.dataZoom,\n    grid: {\n      top: 45,\n      bottom: 20,\n      left: 30,\n      right: 20,\n    },\n    xAxis: {\n      type: 'time',\n      min: absoluteTimeRange.start,\n      max: absoluteTimeRange.end,\n    },\n    yAxis: {\n      scale: true,\n      type: 'value',\n      name: 'Duration',\n      splitNumber: 4,\n      axisLabel: {\n        formatter: (durationMs: number) => formatValue(durationMs, { unit: 'milliseconds' }),\n      },\n    },\n    animation: false,\n    tooltip: {\n      padding: 5,\n      borderWidth: 1,\n      trigger: 'axis',\n      axisPointer: {\n        type: 'cross',\n      },\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      formatter: function (params: any) {\n        // TODO: import type from ECharts instead of using any\n        const data = params[0].data as EChartTraceValue;\n        return [\n          `<b>Service name</b>: ${data.rootServiceName}<br/>`,\n          `<b>Span name</b>: ${data.rootTraceName}<br/>`,\n          `<b>Time</b>: ${DATE_FORMATTER(data.startTime)}<br/>`,\n          `<b>Duration</b>: ${formatValue(data.durationMs, { unit: 'milliseconds' })}<br/>`,\n          `<b>Span count</b>: ${data.spanCount} (${data.errorCount} errors)<br/>`,\n        ].join('');\n      },\n    },\n    legend: {\n      show: true,\n      type: 'scroll',\n      orient: 'horizontal',\n      bottom: 0,\n    },\n  };\n\n  const handleEvents: OnEventsType<ScatterSeriesOption['data'] | unknown> = useMemo(() => {\n    const handlers: OnEventsType<ScatterSeriesOption['data'] | unknown> = {};\n    if (navigate && linkTemplate) {\n      handlers.click = (params): void => {\n        const linkVariables = params.data.linkVariables as Record<string, string> | undefined;\n        const link = replaceVariablesInString(linkTemplate, variableValues, linkVariables);\n        navigate(link);\n      };\n    }\n    return handlers;\n  }, [linkTemplate, navigate, variableValues]);\n\n  return (\n    <EChart\n      style={{\n        width: width,\n        height: height,\n      }}\n      option={eChartOptions}\n      theme={chartsTheme.echartsTheme}\n      onEvents={handleEvents}\n    />\n  );\n}\n"],"names":["useMemo","EChart","useChartsTheme","use","ScatterChart","EChartsScatterChart","DatasetComponent","DataZoomComponent","LegendComponent","GridComponent","TitleComponent","TooltipComponent","CanvasRenderer","formatValue","replaceVariablesInString","useAllVariableValues","useRouterContext","useTimeRange","DATE_FORMATTER","Intl","DateTimeFormat","undefined","dateStyle","timeStyle","format","Scatterplot","props","width","height","options","link","linkTemplate","chartsTheme","absoluteTimeRange","variableValues","navigate","eChartOptions","dataset","series","dataZoom","grid","top","bottom","left","right","xAxis","type","min","start","max","end","yAxis","scale","name","splitNumber","axisLabel","formatter","durationMs","unit","animation","tooltip","padding","borderWidth","trigger","axisPointer","params","data","rootServiceName","rootTraceName","startTime","spanCount","errorCount","join","legend","show","orient","handleEvents","handlers","click","linkVariables","style","option","theme","echartsTheme","onEvents"],"mappings":"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"}

package/lib/bootstrap.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 // Copyright 2024 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.
@@ -10,7 +11,6 @@
 // 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 from 'react';
 import ReactDOM from 'react-dom/client';
 const root = ReactDOM.createRoot(document.getElementById('root'));

package/lib/bootstrap.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/bootstrap.tsx"],"sourcesContent":["// Copyright 2024 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 from 'react';\nimport ReactDOM from 'react-dom/client';\n\nconst root = ReactDOM.createRoot(document.getElementById('root')!);\nroot.render(<React.StrictMode></React.StrictMode>);\n"],"names":["React","ReactDOM","root","createRoot","document","getElementById","render","StrictMode"],"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,OAAOA,WAAW,QAAQ;AAC1B,OAAOC,cAAc,mBAAmB;AAExC,MAAMC,OAAOD,SAASE,UAAU,CAACC,SAASC,cAAc,CAAC;AACzDH,KAAKI,MAAM,eAAC,KAACN,MAAMO,UAAU"}
+{"version":3,"sources":["../../src/bootstrap.tsx"],"sourcesContent":["// Copyright 2024 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 from 'react';\nimport ReactDOM from 'react-dom/client';\n\nconst root = ReactDOM.createRoot(document.getElementById('root')!);\nroot.render(<React.StrictMode></React.StrictMode>);\n"],"names":["React","ReactDOM","root","createRoot","document","getElementById","render","StrictMode"],"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,OAAOA,WAAW,QAAQ;AAC1B,OAAOC,cAAc,mBAAmB;AAExC,MAAMC,OAAOD,SAASE,UAAU,CAACC,SAASC,cAAc,CAAC;AACzDH,KAAKI,MAAM,eAAC,KAACN,MAAMO,UAAU"}

package/lib/cjs/ScatterChartPanel.js

@@ -17,14 +17,14 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    ScatterChartPanel: function() {
+    get ScatterChartPanel () {
         return ScatterChartPanel;
     },
-    getSymbolSize: function() {
+    get getSymbolSize () {
         return getSymbolSize;
     }
 });

package/lib/cjs/Scatterplot.js

@@ -46,6 +46,7 @@ const DATE_FORMATTER = new Intl.DateTimeFormat(undefined, {
 function Scatterplot(props) {
     const { width, height, options, link: linkTemplate } = props;
     const chartsTheme = (0, _components.useChartsTheme)();
+    const { absoluteTimeRange } = (0, _pluginsystem.useTimeRange)();
     const variableValues = (0, _pluginsystem.useAllVariableValues)();
     const { navigate } = (0, _pluginsystem.useRouterContext)();
     // Apache EChart Options Docs: https://echarts.apache.org/en/option.html
@@ -54,19 +55,21 @@ function Scatterplot(props) {
         series: options.series,
         dataZoom: options.dataZoom,
         grid: {
-            bottom: 40,
-            top: 50,
-            left: 50,
-            right: 100
+            top: 45,
+            bottom: 20,
+            left: 30,
+            right: 20
         },
         xAxis: {
             type: 'time',
-            name: 'Local Time'
+            min: absoluteTimeRange.start,
+            max: absoluteTimeRange.end
         },
         yAxis: {
             scale: true,
             type: 'value',
             name: 'Duration',
+            splitNumber: 4,
             axisLabel: {
                 formatter: (durationMs)=>(0, _core1.formatValue)(durationMs, {
                         unit: 'milliseconds'
@@ -119,7 +122,7 @@ function Scatterplot(props) {
         variableValues
     ]);
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.EChart, {
-        sx: {
+        style: {
             width: width,
             height: height
         },

package/lib/cjs/index-federation.js

@@ -1,15 +1,3 @@
-// Copyright 2024 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";
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
@@ -52,4 +40,16 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+// Copyright 2024 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.
 Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require("./bootstrap")));

package/lib/cjs/mock-trace-data.js

@@ -17,20 +17,20 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    MOCK_TRACE_SEARCH_RESULT: function() {
+    get MOCK_TRACE_SEARCH_RESULT () {
         return MOCK_TRACE_SEARCH_RESULT;
     },
-    MOCK_TRACE_SEARCH_RESULT_EMPTY: function() {
+    get MOCK_TRACE_SEARCH_RESULT_EMPTY () {
         return MOCK_TRACE_SEARCH_RESULT_EMPTY;
     },
-    MOCK_TRACE_SEARCH_RESULT_QUERY_RESULT: function() {
+    get MOCK_TRACE_SEARCH_RESULT_QUERY_RESULT () {
         return MOCK_TRACE_SEARCH_RESULT_QUERY_RESULT;
     },
-    MOCK_TRACE_SEARCH_RESULT_QUERY_RESULT_EMPTY: function() {
+    get MOCK_TRACE_SEARCH_RESULT_QUERY_RESULT_EMPTY () {
         return MOCK_TRACE_SEARCH_RESULT_QUERY_RESULT_EMPTY;
     }
 });

package/mf-manifest.json

@@ -5,11 +5,11 @@
     "name": "ScatterChart",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.8.1",
+      "buildVersion": "0.9.1",
       "buildName": "@perses-dev/scatter-chart-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/ScatterChart.86ae5555.js",
+      "name": "__mf/js/ScatterChart.c24272aa.js",
       "path": "",
       "type": "global"
     },
@@ -20,9 +20,9 @@
       "api": ""
     },
     "globalName": "ScatterChart",
-    "pluginVersion": "0.19.1",
+    "pluginVersion": "0.21.6",
     "prefetchInterface": false,
-    "publicPath": "/plugins/ScatterChart/"
+    "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/ScatterChart/\"; }"
   },
   "shared": [
     {
@@ -35,7 +35,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/960.3781a1d1.js"
+            "__mf/js/async/274.a99c9e5e.js"
           ]
         },
         "css": {
@@ -54,8 +54,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/694.ea33534b.js",
-            "__mf/js/async/770.f8131ccc.js"
+            "__mf/js/async/235.65b39c0b.js",
+            "__mf/js/async/616.f69792d9.js"
           ]
         },
         "css": {
@@ -74,8 +74,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/214.7983e65f.js",
-            "__mf/js/async/738.580d645a.js"
+            "__mf/js/async/587.7d986455.js",
+            "__mf/js/async/968.fe693cc9.js"
           ]
         },
         "css": {
@@ -87,14 +87,14 @@
     {
       "id": "ScatterChart:@perses-dev/components",
       "name": "@perses-dev/components",
-      "version": "0.52.0",
+      "version": "0.53.0-beta.2",
       "singleton": true,
-      "requiredVersion": "^0.52.0",
+      "requiredVersion": "^0.53.0-beta.2",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/288.3bee5f6d.js"
+            "__mf/js/async/790.9c4e890d.js"
           ]
         },
         "css": {
@@ -106,14 +106,14 @@
     {
       "id": "ScatterChart:@perses-dev/plugin-system",
       "name": "@perses-dev/plugin-system",
-      "version": "0.52.0",
+      "version": "0.53.0-beta.2",
       "singleton": true,
-      "requiredVersion": "^0.52.0",
+      "requiredVersion": "^0.53.0-beta.2",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/109.f3e6d8b4.js"
+            "__mf/js/async/252.7a42b897.js"
           ]
         },
         "css": {
@@ -132,7 +132,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/75.7a5ae496.js"
+            "__mf/js/async/192.bdbd0050.js"
           ]
         },
         "css": {
@@ -151,7 +151,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/409.744b01b2.js"
+            "__mf/js/async/873.3eacbdd9.js"
           ]
         },
         "css": {
@@ -170,7 +170,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/981.6aa3d08a.js"
+            "__mf/js/async/392.9770147b.js"
           ]
         },
         "css": {
@@ -189,7 +189,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/173.ab77c209.js"
+            "__mf/js/async/470.d8f8455f.js"
           ]
         },
         "css": {
@@ -208,7 +208,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/964.dc115a62.js"
+            "__mf/js/async/121.3d737127.js"
           ]
         },
         "css": {
@@ -227,7 +227,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/740.7c6f3f45.js"
+            "__mf/js/async/978.a16d507f.js"
           ]
         },
         "css": {
@@ -245,25 +245,25 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/101.3314ba33.js",
-            "__mf/js/async/516.d0e99b34.js",
-            "__mf/js/async/__federation_expose_ScatterChart.868aeff6.js"
+            "__mf/js/async/110.81c0553c.js",
+            "__mf/js/async/144.ea70fffb.js",
+            "__mf/js/async/__federation_expose_ScatterChart.1afece4c.js"
           ],
           "async": [
-            "__mf/js/async/238.16ecfee4.js",
-            "__mf/js/async/224.fc2a8424.js",
-            "__mf/js/async/292.0026ffe2.js",
-            "__mf/js/async/356.7ea71e7e.js",
-            "__mf/js/async/422.e34eaeff.js",
-            "__mf/js/async/lib-router.c387b50a.js",
-            "__mf/js/async/488.064b892d.js"
+            "__mf/js/async/588.ca097377.js",
+            "__mf/js/async/71.1f30dc06.js",
+            "__mf/js/async/356.b0eaf484.js",
+            "__mf/js/async/623.9c7769f4.js",
+            "__mf/js/async/659.4c75e909.js",
+            "__mf/js/async/lib-router.9d11adb0.js",
+            "__mf/js/async/177.dcbc74ea.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/341.9c79ef64.css",
-            "__mf/css/async/759.9c79ef64.css"
+            "__mf/css/async/61.d3010b86.css",
+            "__mf/css/async/823.d3010b86.css"
           ]
         }
       },

package/mf-stats.json

@@ -5,11 +5,11 @@
     "name": "ScatterChart",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.8.1",
+      "buildVersion": "0.9.1",
       "buildName": "@perses-dev/scatter-chart-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/ScatterChart.86ae5555.js",
+      "name": "__mf/js/ScatterChart.c24272aa.js",
       "path": "",
       "type": "global"
     },
@@ -20,9 +20,9 @@
       "api": ""
     },
     "globalName": "ScatterChart",
-    "pluginVersion": "0.19.1",
+    "pluginVersion": "0.21.6",
     "prefetchInterface": false,
-    "publicPath": "/plugins/ScatterChart/"
+    "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/ScatterChart/\"; }"
   },
   "shared": [
     {
@@ -37,7 +37,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/960.3781a1d1.js"
+            "__mf/js/async/274.a99c9e5e.js"
           ]
         },
         "css": {
@@ -59,8 +59,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/694.ea33534b.js",
-            "__mf/js/async/770.f8131ccc.js"
+            "__mf/js/async/235.65b39c0b.js",
+            "__mf/js/async/616.f69792d9.js"
           ]
         },
         "css": {
@@ -82,8 +82,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/214.7983e65f.js",
-            "__mf/js/async/738.580d645a.js"
+            "__mf/js/async/587.7d986455.js",
+            "__mf/js/async/968.fe693cc9.js"
           ]
         },
         "css": {
@@ -95,17 +95,17 @@
     },
     {
       "singleton": true,
-      "requiredVersion": "^0.52.0",
+      "requiredVersion": "^0.53.0-beta.2",
       "shareScope": "default",
       "name": "@perses-dev/components",
-      "version": "0.52.0",
+      "version": "0.53.0-beta.2",
       "eager": false,
       "id": "ScatterChart:@perses-dev/components",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/288.3bee5f6d.js"
+            "__mf/js/async/790.9c4e890d.js"
           ]
         },
         "css": {
@@ -113,21 +113,23 @@
           "sync": []
         }
       },
-      "usedIn": []
+      "usedIn": [
+        "./ScatterChart"
+      ]
     },
     {
       "singleton": true,
-      "requiredVersion": "^0.52.0",
+      "requiredVersion": "^0.53.0-beta.2",
       "shareScope": "default",
       "name": "@perses-dev/plugin-system",
-      "version": "0.52.0",
+      "version": "0.53.0-beta.2",
       "eager": false,
       "id": "ScatterChart:@perses-dev/plugin-system",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/109.f3e6d8b4.js"
+            "__mf/js/async/252.7a42b897.js"
           ]
         },
         "css": {
@@ -135,7 +137,9 @@
           "sync": []
         }
       },
-      "usedIn": []
+      "usedIn": [
+        "./ScatterChart"
+      ]
     },
     {
       "singleton": true,
@@ -149,7 +153,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/75.7a5ae496.js"
+            "__mf/js/async/192.bdbd0050.js"
           ]
         },
         "css": {
@@ -171,7 +175,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/409.744b01b2.js"
+            "__mf/js/async/873.3eacbdd9.js"
           ]
         },
         "css": {
@@ -193,7 +197,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/981.6aa3d08a.js"
+            "__mf/js/async/392.9770147b.js"
           ]
         },
         "css": {
@@ -215,7 +219,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/173.ab77c209.js"
+            "__mf/js/async/470.d8f8455f.js"
           ]
         },
         "css": {
@@ -237,7 +241,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/964.dc115a62.js"
+            "__mf/js/async/121.3d737127.js"
           ]
         },
         "css": {
@@ -245,7 +249,9 @@
           "sync": []
         }
       },
-      "usedIn": []
+      "usedIn": [
+        "./ScatterChart"
+      ]
     },
     {
       "singleton": true,
@@ -259,7 +265,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/740.7c6f3f45.js"
+            "__mf/js/async/978.a16d507f.js"
           ]
         },
         "css": {
@@ -276,30 +282,34 @@
       "path": "./ScatterChart",
       "id": "ScatterChart:ScatterChart",
       "name": "ScatterChart",
-      "requires": [],
+      "requires": [
+        "react",
+        "@perses-dev/components",
+        "@perses-dev/plugin-system"
+      ],
       "file": "src/ScatterChart.ts",
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/101.3314ba33.js",
-            "__mf/js/async/516.d0e99b34.js",
-            "__mf/js/async/__federation_expose_ScatterChart.868aeff6.js"
+            "__mf/js/async/110.81c0553c.js",
+            "__mf/js/async/144.ea70fffb.js",
+            "__mf/js/async/__federation_expose_ScatterChart.1afece4c.js"
           ],
           "async": [
-            "__mf/js/async/238.16ecfee4.js",
-            "__mf/js/async/224.fc2a8424.js",
-            "__mf/js/async/292.0026ffe2.js",
-            "__mf/js/async/356.7ea71e7e.js",
-            "__mf/js/async/422.e34eaeff.js",
-            "__mf/js/async/lib-router.c387b50a.js",
-            "__mf/js/async/488.064b892d.js"
+            "__mf/js/async/588.ca097377.js",
+            "__mf/js/async/71.1f30dc06.js",
+            "__mf/js/async/356.b0eaf484.js",
+            "__mf/js/async/623.9c7769f4.js",
+            "__mf/js/async/659.4c75e909.js",
+            "__mf/js/async/lib-router.9d11adb0.js",
+            "__mf/js/async/177.dcbc74ea.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/341.9c79ef64.css",
-            "__mf/css/async/759.9c79ef64.css"
+            "__mf/css/async/61.d3010b86.css",
+            "__mf/css/async/823.d3010b86.css"
           ]
         }
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/scatter-chart-plugin",
-  "version": "0.8.1",
+  "version": "0.9.1",
   "homepage": "https://github.com/perses/plugins/blob/main/README.md",
   "repository": {
     "type": "git",
@@ -30,9 +30,9 @@
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
     "@hookform/resolvers": "^3.2.0",
-    "@perses-dev/components": "^0.52.0",
-    "@perses-dev/core": "^0.52.0",
-    "@perses-dev/plugin-system": "^0.52.0",
+    "@perses-dev/components": "^0.53.0-beta.2",
+    "@perses-dev/core": "^0.53.0-beta.2",
+    "@perses-dev/plugin-system": "^0.53.0-beta.2",
     "date-fns": "^4.1.0",
     "date-fns-tz": "^3.2.0",
     "echarts": "5.5.0",
@@ -63,4 +63,4 @@
       }
     ]
   }
-}
+}

package/__mf/css/async/341.9c79ef64.css

@@ -1 +0,0 @@
-@font-face{font-family:Lato;font-style:normal;font-display:swap;font-weight:300;src:url(/plugins/ScatterChart/__mf/font/lato-latin-ext-300-normal.abcc64a9.woff2)format("woff2"),url(/plugins/ScatterChart/__mf/font/lato-all-300-normal.322bdf14.woff)format("woff");unicode-range:U+100-24F,U+259,U+1E??,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-display:swap;font-weight:300;src:url(/plugins/ScatterChart/__mf/font/lato-latin-300-normal.c5195215.woff2)format("woff2"),url(/plugins/ScatterChart/__mf/font/lato-all-300-normal.322bdf14.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lato;font-style:normal;font-display:swap;font-weight:400;src:url(/plugins/ScatterChart/__mf/font/lato-latin-ext-400-normal.6ebed106.woff2)format("woff2"),url(/plugins/ScatterChart/__mf/font/lato-all-400-normal.63513b00.woff)format("woff");unicode-range:U+100-24F,U+259,U+1E??,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-display:swap;font-weight:400;src:url(/plugins/ScatterChart/__mf/font/lato-latin-400-normal.b7ffde23.woff2)format("woff2"),url(/plugins/ScatterChart/__mf/font/lato-all-400-normal.63513b00.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lato;font-style:normal;font-display:swap;font-weight:700;src:url(/plugins/ScatterChart/__mf/font/lato-latin-ext-700-normal.8697d1d5.woff2)format("woff2"),url(/plugins/ScatterChart/__mf/font/lato-all-700-normal.bb27db94.woff)format("woff");unicode-range:U+100-24F,U+259,U+1E??,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-display:swap;font-weight:700;src:url(/plugins/ScatterChart/__mf/font/lato-latin-700-normal.d5eb20bc.woff2)format("woff2"),url(/plugins/ScatterChart/__mf/font/lato-all-700-normal.bb27db94.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lato;font-style:normal;font-display:swap;font-weight:900;src:url(/plugins/ScatterChart/__mf/font/lato-latin-ext-900-normal.20a2b415.woff2)format("woff2"),url(/plugins/ScatterChart/__mf/font/lato-all-900-normal.a27049a3.woff)format("woff");unicode-range:U+100-24F,U+259,U+1E??,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-display:swap;font-weight:900;src:url(/plugins/ScatterChart/__mf/font/lato-latin-900-normal.d884a71c.woff2)format("woff2"),url(/plugins/ScatterChart/__mf/font/lato-all-900-normal.a27049a3.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

package/__mf/css/async/580.9c79ef64.css

@@ -1 +0,0 @@
-@font-face{font-family:Lato;font-style:normal;font-display:swap;font-weight:300;src:url(/plugins/ScatterChart/__mf/font/lato-latin-ext-300-normal.abcc64a9.woff2)format("woff2"),url(/plugins/ScatterChart/__mf/font/lato-all-300-normal.322bdf14.woff)format("woff");unicode-range:U+100-24F,U+259,U+1E??,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-display:swap;font-weight:300;src:url(/plugins/ScatterChart/__mf/font/lato-latin-300-normal.c5195215.woff2)format("woff2"),url(/plugins/ScatterChart/__mf/font/lato-all-300-normal.322bdf14.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lato;font-style:normal;font-display:swap;font-weight:400;src:url(/plugins/ScatterChart/__mf/font/lato-latin-ext-400-normal.6ebed106.woff2)format("woff2"),url(/plugins/ScatterChart/__mf/font/lato-all-400-normal.63513b00.woff)format("woff");unicode-range:U+100-24F,U+259,U+1E??,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-display:swap;font-weight:400;src:url(/plugins/ScatterChart/__mf/font/lato-latin-400-normal.b7ffde23.woff2)format("woff2"),url(/plugins/ScatterChart/__mf/font/lato-all-400-normal.63513b00.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lato;font-style:normal;font-display:swap;font-weight:700;src:url(/plugins/ScatterChart/__mf/font/lato-latin-ext-700-normal.8697d1d5.woff2)format("woff2"),url(/plugins/ScatterChart/__mf/font/lato-all-700-normal.bb27db94.woff)format("woff");unicode-range:U+100-24F,U+259,U+1E??,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-display:swap;font-weight:700;src:url(/plugins/ScatterChart/__mf/font/lato-latin-700-normal.d5eb20bc.woff2)format("woff2"),url(/plugins/ScatterChart/__mf/font/lato-all-700-normal.bb27db94.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lato;font-style:normal;font-display:swap;font-weight:900;src:url(/plugins/ScatterChart/__mf/font/lato-latin-ext-900-normal.20a2b415.woff2)format("woff2"),url(/plugins/ScatterChart/__mf/font/lato-all-900-normal.a27049a3.woff)format("woff");unicode-range:U+100-24F,U+259,U+1E??,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-display:swap;font-weight:900;src:url(/plugins/ScatterChart/__mf/font/lato-latin-900-normal.d884a71c.woff2)format("woff2"),url(/plugins/ScatterChart/__mf/font/lato-all-900-normal.a27049a3.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}