@perses-dev/timeseries-chart-plugin 0.12.0 → 0.13.0-beta.0

package/lib/utils/timezone-formatter.js

@@ -0,0 +1,42 @@
+// Copyright 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 { formatWithTimeZone } from '@perses-dev/components';
+const DAY_MS = 86400000;
+const MONTH_MS = 2629440000;
+const YEAR_MS = 31536000000;
+/**
+ * Creates a timezone-aware axis formatter function for different time ranges
+ */ export function createTimezoneAwareAxisFormatter(rangeMs, timeZone) {
+    return function(value) {
+        const timeStamp = new Date(Number(value));
+        // more than 5 years
+        if (rangeMs > YEAR_MS * 5) {
+            return formatWithTimeZone(timeStamp, 'yyyy', timeZone);
+        }
+        // more than 2 years
+        if (rangeMs > YEAR_MS * 2) {
+            return formatWithTimeZone(timeStamp, 'MMM yyyy', timeZone);
+        }
+        // between 10 days to 6 months
+        if (rangeMs > DAY_MS * 10 && rangeMs < MONTH_MS * 6) {
+            return formatWithTimeZone(timeStamp, 'dd.MM', timeZone);
+        }
+        // between 2 and 10 days
+        if (rangeMs > DAY_MS * 2 && rangeMs <= DAY_MS * 10) {
+            return formatWithTimeZone(timeStamp, 'dd.MM HH:mm', timeZone);
+        }
+        return formatWithTimeZone(timeStamp, 'HH:mm', timeZone);
+    };
+}
+
+//# sourceMappingURL=timezone-formatter.js.map

package/lib/utils/timezone-formatter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/timezone-formatter.ts"],"sourcesContent":["// Copyright 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 { formatWithTimeZone } from '@perses-dev/components';\n\nconst DAY_MS = 86400000;\nconst MONTH_MS = 2629440000;\nconst YEAR_MS = 31536000000;\n\n/**\n * Creates a timezone-aware axis formatter function for different time ranges\n */\nexport function createTimezoneAwareAxisFormatter(rangeMs: number, timeZone: string) {\n  return function (value: number): string {\n    const timeStamp = new Date(Number(value));\n\n    // more than 5 years\n    if (rangeMs > YEAR_MS * 5) {\n      return formatWithTimeZone(timeStamp, 'yyyy', timeZone);\n    }\n\n    // more than 2 years\n    if (rangeMs > YEAR_MS * 2) {\n      return formatWithTimeZone(timeStamp, 'MMM yyyy', timeZone);\n    }\n\n    // between 10 days to 6 months\n    if (rangeMs > DAY_MS * 10 && rangeMs < MONTH_MS * 6) {\n      return formatWithTimeZone(timeStamp, 'dd.MM', timeZone);\n    }\n\n    // between 2 and 10 days\n    if (rangeMs > DAY_MS * 2 && rangeMs <= DAY_MS * 10) {\n      return formatWithTimeZone(timeStamp, 'dd.MM HH:mm', timeZone);\n    }\n\n    return formatWithTimeZone(timeStamp, 'HH:mm', timeZone);\n  };\n}\n"],"names":["formatWithTimeZone","DAY_MS","MONTH_MS","YEAR_MS","createTimezoneAwareAxisFormatter","rangeMs","timeZone","value","timeStamp","Date","Number"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,kBAAkB,QAAQ,yBAAyB;AAE5D,MAAMC,SAAS;AACf,MAAMC,WAAW;AACjB,MAAMC,UAAU;AAEhB;;CAEC,GACD,OAAO,SAASC,iCAAiCC,OAAe,EAAEC,QAAgB;IAChF,OAAO,SAAUC,KAAa;QAC5B,MAAMC,YAAY,IAAIC,KAAKC,OAAOH;QAElC,oBAAoB;QACpB,IAAIF,UAAUF,UAAU,GAAG;YACzB,OAAOH,mBAAmBQ,WAAW,QAAQF;QAC/C;QAEA,oBAAoB;QACpB,IAAID,UAAUF,UAAU,GAAG;YACzB,OAAOH,mBAAmBQ,WAAW,YAAYF;QACnD;QAEA,8BAA8B;QAC9B,IAAID,UAAUJ,SAAS,MAAMI,UAAUH,WAAW,GAAG;YACnD,OAAOF,mBAAmBQ,WAAW,SAASF;QAChD;QAEA,wBAAwB;QACxB,IAAID,UAAUJ,SAAS,KAAKI,WAAWJ,SAAS,IAAI;YAClD,OAAOD,mBAAmBQ,WAAW,eAAeF;QACtD;QAEA,OAAON,mBAAmBQ,WAAW,SAASF;IAChD;AACF"}

package/mf-manifest.json

@@ -5,11 +5,11 @@
     "name": "TimeSeriesChart",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.12.0",
+      "buildVersion": "0.13.0-beta.0",
       "buildName": "@perses-dev/timeseries-chart-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/TimeSeriesChart.e51aefbf.js",
+      "name": "__mf/js/TimeSeriesChart.7df900ef.js",
       "path": "",
       "type": "global"
     },
@@ -20,8 +20,7 @@
       "api": ""
     },
     "globalName": "TimeSeriesChart",
-    "pluginVersion": "0.21.6",
-    "prefetchInterface": false,
+    "pluginVersion": "2.4.0",
     "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/TimeSeriesChart/\"; }"
   },
   "shared": [
@@ -35,34 +34,36 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/274.8e8950b6.js"
+            "__mf/js/async/274.d112354f.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "TimeSeriesChart:@emotion/styled",
       "name": "@emotion/styled",
-      "version": "11.14.0",
+      "version": "11.14.1",
       "singleton": true,
-      "requiredVersion": "^11.14.0",
+      "requiredVersion": "^11.14.1",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/235.a53a2591.js",
-            "__mf/js/async/616.6d37f37b.js"
+            "__mf/js/async/235.c24f24f7.js",
+            "__mf/js/async/616.52acb1b4.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "TimeSeriesChart:@hookform/resolvers",
@@ -74,53 +75,58 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/587.40becf9b.js",
-            "__mf/js/async/968.2ea36b8a.js"
+            "__mf/js/async/587.c12780da.js",
+            "__mf/js/async/968.6de5fa7c.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "TimeSeriesChart:@perses-dev/components",
       "name": "@perses-dev/components",
-      "version": "0.53.0",
+      "version": "0.54.0-beta.1",
       "singleton": true,
-      "requiredVersion": "^0.53.0",
+      "requiredVersion": "^0.54.0-beta.1",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/97.3f27a901.js"
+            "__mf/js/async/826.c7b150c6.js"
           ]
         },
         "css": {
           "async": [],
-          "sync": []
+          "sync": [
+            "__mf/css/async/826.85c2cbf6.css"
+          ]
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "TimeSeriesChart:@perses-dev/plugin-system",
       "name": "@perses-dev/plugin-system",
-      "version": "0.53.0",
+      "version": "0.54.0-beta.1",
       "singleton": true,
-      "requiredVersion": "^0.53.0",
+      "requiredVersion": "^0.54.0-beta.1",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/648.128f31b8.js"
+            "__mf/js/async/366.084dd32e.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "TimeSeriesChart:date-fns",
@@ -132,14 +138,15 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/192.30450189.js"
+            "__mf/js/async/192.beef3a1a.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "TimeSeriesChart:echarts",
@@ -151,33 +158,35 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/873.11e0e15e.js"
+            "__mf/js/async/873.9aad328a.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "TimeSeriesChart:lodash",
       "name": "lodash",
-      "version": "4.17.23",
+      "version": "4.18.1",
       "singleton": true,
-      "requiredVersion": "^4.17.23",
+      "requiredVersion": "^4.18.1",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/392.550376f0.js"
+            "__mf/js/async/392.2350fb02.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "TimeSeriesChart:react-dom",
@@ -189,14 +198,15 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/470.4c93905a.js"
+            "__mf/js/async/470.a4fd777e.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "TimeSeriesChart:react",
@@ -208,14 +218,15 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/121.a742c022.js"
+            "__mf/js/async/121.df4898d6.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "TimeSeriesChart:date-fns-tz",
@@ -227,14 +238,15 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/978.844227d5.js"
+            "__mf/js/async/978.5c14e175.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     }
   ],
   "remotes": [],
@@ -245,28 +257,27 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/702.5d93a78a.js",
-            "__mf/js/async/390.ad50daba.js",
-            "__mf/js/async/78.362ece9d.js",
-            "__mf/js/async/544.4dd63985.js",
-            "__mf/js/async/489.8bb61ec9.js",
-            "__mf/js/async/__federation_expose_TimeSeriesChart.8cacec73.js"
+            "__mf/js/async/702.de247ad8.js",
+            "__mf/js/async/721.88bf4be4.js",
+            "__mf/js/async/78.91de282a.js",
+            "__mf/js/async/377.7ec764e5.js",
+            "__mf/js/async/945.1a85358e.js",
+            "__mf/js/async/__federation_expose_TimeSeriesChart.0329eb0a.js"
           ],
           "async": [
-            "__mf/js/async/71.e481dbdb.js",
-            "__mf/js/async/588.33924c3f.js",
-            "__mf/js/async/356.dee0f34a.js",
-            "__mf/js/async/867.12a42f78.js",
-            "__mf/js/async/491.35fc6280.js",
-            "__mf/js/async/lib-router.9730f5e9.js",
-            "__mf/js/async/177.97e14ed0.js"
+            "__mf/js/async/588.6662e16a.js",
+            "__mf/js/async/356.9f551c8a.js",
+            "__mf/js/async/71.84e486c9.js",
+            "__mf/js/async/891.18ba0e56.js",
+            "__mf/js/async/491.6f81cf51.js",
+            "__mf/js/async/lib-router.1934857d.js",
+            "__mf/js/async/177.56f1be10.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/61.d3010b86.css",
-            "__mf/css/async/823.d3010b86.css"
+            "__mf/css/async/826.85c2cbf6.css"
           ]
         }
       },

package/mf-stats.json

@@ -5,11 +5,11 @@
     "name": "TimeSeriesChart",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.12.0",
+      "buildVersion": "0.13.0-beta.0",
       "buildName": "@perses-dev/timeseries-chart-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/TimeSeriesChart.e51aefbf.js",
+      "name": "__mf/js/TimeSeriesChart.7df900ef.js",
       "path": "",
       "type": "global"
     },
@@ -20,8 +20,7 @@
       "api": ""
     },
     "globalName": "TimeSeriesChart",
-    "pluginVersion": "0.21.6",
-    "prefetchInterface": false,
+    "pluginVersion": "2.4.0",
     "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/TimeSeriesChart/\"; }"
   },
   "shared": [
@@ -37,7 +36,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/274.8e8950b6.js"
+            "__mf/js/async/274.d112354f.js"
           ]
         },
         "css": {
@@ -45,22 +44,24 @@
           "sync": []
         }
       },
-      "usedIn": []
+      "usedIn": [],
+      "usedExports": [],
+      "fallback": ""
     },
     {
       "singleton": true,
-      "requiredVersion": "^11.14.0",
+      "requiredVersion": "^11.14.1",
       "shareScope": "default",
       "name": "@emotion/styled",
-      "version": "11.14.0",
+      "version": "11.14.1",
       "eager": false,
       "id": "TimeSeriesChart:@emotion/styled",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/235.a53a2591.js",
-            "__mf/js/async/616.6d37f37b.js"
+            "__mf/js/async/235.c24f24f7.js",
+            "__mf/js/async/616.52acb1b4.js"
           ]
         },
         "css": {
@@ -68,7 +69,9 @@
           "sync": []
         }
       },
-      "usedIn": []
+      "usedIn": [],
+      "usedExports": [],
+      "fallback": ""
     },
     {
       "singleton": true,
@@ -82,8 +85,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/587.40becf9b.js",
-            "__mf/js/async/968.2ea36b8a.js"
+            "__mf/js/async/587.c12780da.js",
+            "__mf/js/async/968.6de5fa7c.js"
           ]
         },
         "css": {
@@ -91,45 +94,51 @@
           "sync": []
         }
       },
-      "usedIn": []
+      "usedIn": [],
+      "usedExports": [],
+      "fallback": ""
     },
     {
       "singleton": true,
-      "requiredVersion": "^0.53.0",
+      "requiredVersion": "^0.54.0-beta.1",
       "shareScope": "default",
       "name": "@perses-dev/components",
-      "version": "0.53.0",
+      "version": "0.54.0-beta.1",
       "eager": false,
       "id": "TimeSeriesChart:@perses-dev/components",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/97.3f27a901.js"
+            "__mf/js/async/826.c7b150c6.js"
           ]
         },
         "css": {
           "async": [],
-          "sync": []
+          "sync": [
+            "__mf/css/async/826.85c2cbf6.css"
+          ]
         }
       },
       "usedIn": [
         "./TimeSeriesChart"
-      ]
+      ],
+      "usedExports": [],
+      "fallback": ""
     },
     {
       "singleton": true,
-      "requiredVersion": "^0.53.0",
+      "requiredVersion": "^0.54.0-beta.1",
       "shareScope": "default",
       "name": "@perses-dev/plugin-system",
-      "version": "0.53.0",
+      "version": "0.54.0-beta.1",
       "eager": false,
       "id": "TimeSeriesChart:@perses-dev/plugin-system",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/648.128f31b8.js"
+            "__mf/js/async/366.084dd32e.js"
           ]
         },
         "css": {
@@ -139,7 +148,9 @@
       },
       "usedIn": [
         "./TimeSeriesChart"
-      ]
+      ],
+      "usedExports": [],
+      "fallback": ""
     },
     {
       "singleton": true,
@@ -153,7 +164,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/192.30450189.js"
+            "__mf/js/async/192.beef3a1a.js"
           ]
         },
         "css": {
@@ -161,7 +172,9 @@
           "sync": []
         }
       },
-      "usedIn": []
+      "usedIn": [],
+      "usedExports": [],
+      "fallback": ""
     },
     {
       "singleton": true,
@@ -175,7 +188,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/873.11e0e15e.js"
+            "__mf/js/async/873.9aad328a.js"
           ]
         },
         "css": {
@@ -183,21 +196,23 @@
           "sync": []
         }
       },
-      "usedIn": []
+      "usedIn": [],
+      "usedExports": [],
+      "fallback": ""
     },
     {
       "singleton": true,
-      "requiredVersion": "^4.17.23",
+      "requiredVersion": "^4.18.1",
       "shareScope": "default",
       "name": "lodash",
-      "version": "4.17.23",
+      "version": "4.18.1",
       "eager": false,
       "id": "TimeSeriesChart:lodash",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/392.550376f0.js"
+            "__mf/js/async/392.2350fb02.js"
           ]
         },
         "css": {
@@ -205,7 +220,9 @@
           "sync": []
         }
       },
-      "usedIn": []
+      "usedIn": [],
+      "usedExports": [],
+      "fallback": ""
     },
     {
       "singleton": true,
@@ -219,7 +236,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/470.4c93905a.js"
+            "__mf/js/async/470.a4fd777e.js"
           ]
         },
         "css": {
@@ -227,7 +244,9 @@
           "sync": []
         }
       },
-      "usedIn": []
+      "usedIn": [],
+      "usedExports": [],
+      "fallback": ""
     },
     {
       "singleton": true,
@@ -241,7 +260,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/121.a742c022.js"
+            "__mf/js/async/121.df4898d6.js"
           ]
         },
         "css": {
@@ -251,7 +270,9 @@
       },
       "usedIn": [
         "./TimeSeriesChart"
-      ]
+      ],
+      "usedExports": [],
+      "fallback": ""
     },
     {
       "singleton": true,
@@ -265,7 +286,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/978.844227d5.js"
+            "__mf/js/async/978.5c14e175.js"
           ]
         },
         "css": {
@@ -273,9 +294,9 @@
           "sync": []
         }
       },
-      "usedIn": [
-        "./TimeSeriesChart"
-      ]
+      "usedIn": [],
+      "usedExports": [],
+      "fallback": ""
     }
   ],
   "remotes": [],
@@ -287,35 +308,33 @@
       "requires": [
         "react",
         "@perses-dev/components",
-        "@perses-dev/plugin-system",
-        "date-fns-tz"
+        "@perses-dev/plugin-system"
       ],
       "file": "src/TimeSeriesChart.ts",
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/702.5d93a78a.js",
-            "__mf/js/async/390.ad50daba.js",
-            "__mf/js/async/78.362ece9d.js",
-            "__mf/js/async/544.4dd63985.js",
-            "__mf/js/async/489.8bb61ec9.js",
-            "__mf/js/async/__federation_expose_TimeSeriesChart.8cacec73.js"
+            "__mf/js/async/702.de247ad8.js",
+            "__mf/js/async/721.88bf4be4.js",
+            "__mf/js/async/78.91de282a.js",
+            "__mf/js/async/377.7ec764e5.js",
+            "__mf/js/async/945.1a85358e.js",
+            "__mf/js/async/__federation_expose_TimeSeriesChart.0329eb0a.js"
           ],
           "async": [
-            "__mf/js/async/71.e481dbdb.js",
-            "__mf/js/async/588.33924c3f.js",
-            "__mf/js/async/356.dee0f34a.js",
-            "__mf/js/async/867.12a42f78.js",
-            "__mf/js/async/491.35fc6280.js",
-            "__mf/js/async/lib-router.9730f5e9.js",
-            "__mf/js/async/177.97e14ed0.js"
+            "__mf/js/async/588.6662e16a.js",
+            "__mf/js/async/356.9f551c8a.js",
+            "__mf/js/async/71.84e486c9.js",
+            "__mf/js/async/891.18ba0e56.js",
+            "__mf/js/async/491.6f81cf51.js",
+            "__mf/js/async/lib-router.1934857d.js",
+            "__mf/js/async/177.56f1be10.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/61.d3010b86.css",
-            "__mf/css/async/823.d3010b86.css"
+            "__mf/css/async/826.85c2cbf6.css"
           ]
         }
       }