@perses-dev/tracing-gantt-chart-plugin 0.13.0-beta.2 → 0.13.0-beta.3

package/lib/cjs/TracingGanttChart/TraceHeaderBar.js

@@ -39,15 +39,19 @@ const DATE_FORMAT_OPTIONS = {
     hour: 'numeric',
     minute: 'numeric',
     second: 'numeric',
-    fractionalSecondDigits: 3,
-    timeZoneName: 'short'
+    fractionalSecondDigits: 3
 };
+const dateFormatterUTC = new Intl.DateTimeFormat(undefined, {
+    ...DATE_FORMAT_OPTIONS,
+    timeZone: 'UTC',
+    timeZoneName: 'short'
+}).format;
 function TraceHeaderBar(props) {
     const { trace, search } = props;
     const { dateFormatOptionsWithUserTimeZone } = (0, _components.useTimeZone)();
     const dateFormatter = (0, _react.useMemo)(()=>{
         const dateFormatOptions = dateFormatOptionsWithUserTimeZone(DATE_FORMAT_OPTIONS);
-        return new Intl.DateTimeFormat(undefined, dateFormatOptions);
+        return new Intl.DateTimeFormat(undefined, dateFormatOptions).format;
     }, [
         dateFormatOptionsWithUserTimeZone
     ]);
@@ -67,7 +71,9 @@ function TraceHeaderBar(props) {
             /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
                 direction: "row",
                 sx: {
-                    justifyContent: 'space-between'
+                    gap: 1,
+                    justifyContent: 'space-between',
+                    flexWrap: 'wrap'
                 },
                 children: [
                     /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
@@ -98,26 +104,40 @@ function TraceHeaderBar(props) {
                             })
                         ]
                     }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Typography, {
-                        variant: "h4",
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
+                        direction: "row",
+                        sx: {
+                            rowGap: 1,
+                            columnGap: 2,
+                            alignItems: 'center',
+                            flexWrap: 'wrap'
+                        },
                         children: [
                             /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Typography, {
-                                component: "span",
+                                variant: "h4",
                                 sx: {
-                                    px: 1
+                                    fontWeight: 'normal'
                                 },
                                 children: [
                                     /*#__PURE__*/ (0, _jsxruntime.jsx)("strong", {
                                         children: "Start:"
                                     }),
-                                    " ",
-                                    dateFormatter.format(trace.startTimeUnixMs)
+                                    ' ',
+                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Tooltip, {
+                                        title: dateFormatterUTC(trace.startTimeUnixMs),
+                                        placement: "top",
+                                        arrow: true,
+                                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                                            component: "span",
+                                            children: dateFormatter(trace.startTimeUnixMs)
+                                        })
+                                    })
                                 ]
                             }),
                             /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Typography, {
-                                component: "span",
+                                variant: "h4",
                                 sx: {
-                                    px: 1
+                                    fontWeight: 'normal'
                                 },
                                 children: [
                                     /*#__PURE__*/ (0, _jsxruntime.jsx)("strong", {

package/mf-manifest.json

@@ -5,11 +5,11 @@
     "name": "TracingGanttChart",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.13.0-beta.2",
+      "buildVersion": "0.13.0-beta.3",
       "buildName": "@perses-dev/tracing-gantt-chart-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/TracingGanttChart.581fc09d.js",
+      "name": "__mf/js/TracingGanttChart.bc3298a2.js",
       "path": "",
       "type": "global"
     },
@@ -20,7 +20,7 @@
       "api": ""
     },
     "globalName": "TracingGanttChart",
-    "pluginVersion": "2.5.1",
+    "pluginVersion": "2.6.0",
     "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/TracingGanttChart/\"; }"
   },
   "shared": [
@@ -34,7 +34,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/274.5c518455.js"
+            "__mf/js/async/274.03fc3289.js"
           ]
         },
         "css": {
@@ -54,8 +54,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/235.b42801b1.js",
-            "__mf/js/async/616.268fac9b.js"
+            "__mf/js/async/235.4f4ad5f0.js",
+            "__mf/js/async/616.09a93b54.js"
           ]
         },
         "css": {
@@ -75,8 +75,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/587.dbc05176.js",
-            "__mf/js/async/968.68803274.js"
+            "__mf/js/async/587.f49a06d9.js",
+            "__mf/js/async/968.1ac51448.js"
           ]
         },
         "css": {
@@ -89,14 +89,14 @@
     {
       "id": "TracingGanttChart:@perses-dev/components",
       "name": "@perses-dev/components",
-      "version": "0.54.0-beta.8",
+      "version": "0.54.0-beta.11",
       "singleton": true,
-      "requiredVersion": "^0.54.0-beta.8",
+      "requiredVersion": "^0.54.0-beta.11",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/35.ad5ad622.js"
+            "__mf/js/async/35.45208e11.js"
           ]
         },
         "css": {
@@ -111,14 +111,14 @@
     {
       "id": "TracingGanttChart:@perses-dev/plugin-system",
       "name": "@perses-dev/plugin-system",
-      "version": "0.54.0-beta.8",
+      "version": "0.54.0-beta.11",
       "singleton": true,
-      "requiredVersion": "^0.54.0-beta.8",
+      "requiredVersion": "^0.54.0-beta.11",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/90.4541a7c6.js"
+            "__mf/js/async/570.7324cabc.js"
           ]
         },
         "css": {
@@ -131,14 +131,14 @@
     {
       "id": "TracingGanttChart:date-fns",
       "name": "date-fns",
-      "version": "4.1.0",
+      "version": "4.4.0",
       "singleton": true,
-      "requiredVersion": "^4.1.0",
+      "requiredVersion": "^4.4.0",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/192.a0a2e63b.js"
+            "__mf/js/async/192.ea308602.js"
           ]
         },
         "css": {
@@ -158,7 +158,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/873.76af63d7.js"
+            "__mf/js/async/873.34370b2c.js"
           ]
         },
         "css": {
@@ -178,7 +178,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/392.6c066266.js"
+            "__mf/js/async/392.eb9b3bb9.js"
           ]
         },
         "css": {
@@ -198,7 +198,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/470.4e137e17.js"
+            "__mf/js/async/470.9743e21d.js"
           ]
         },
         "css": {
@@ -218,7 +218,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/121.5475779f.js"
+            "__mf/js/async/121.1fc97c57.js"
           ]
         },
         "css": {
@@ -238,7 +238,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/978.ca0b1b55.js"
+            "__mf/js/async/978.0c50ecf5.js"
           ]
         },
         "css": {
@@ -257,19 +257,19 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/762.53b3f5a8.js",
-            "__mf/js/async/472.8aa138b3.js",
-            "__mf/js/async/193.01b48e6e.js",
-            "__mf/js/async/__federation_expose_TracingGanttChart.214d06d7.js"
+            "__mf/js/async/887.027eb62b.js",
+            "__mf/js/async/47.514dc87f.js",
+            "__mf/js/async/193.6692daa9.js",
+            "__mf/js/async/__federation_expose_TracingGanttChart.4dd205b2.js"
           ],
           "async": [
-            "__mf/js/async/588.f5afdb25.js",
-            "__mf/js/async/356.fc2da489.js",
-            "__mf/js/async/71.79ef5248.js",
-            "__mf/js/async/43.e395f769.js",
-            "__mf/js/async/473.302aea15.js",
-            "__mf/js/async/lib-router.c0d7ae82.js",
-            "__mf/js/async/177.50257b88.js"
+            "__mf/js/async/588.46394f24.js",
+            "__mf/js/async/356.2e3c02c9.js",
+            "__mf/js/async/71.f0d71a40.js",
+            "__mf/js/async/43.b9d7bc56.js",
+            "__mf/js/async/593.010826ba.js",
+            "__mf/js/async/lib-router.5f492283.js",
+            "__mf/js/async/177.27fced63.js"
           ]
         },
         "css": {

package/mf-stats.json

@@ -5,11 +5,11 @@
     "name": "TracingGanttChart",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.13.0-beta.2",
+      "buildVersion": "0.13.0-beta.3",
       "buildName": "@perses-dev/tracing-gantt-chart-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/TracingGanttChart.581fc09d.js",
+      "name": "__mf/js/TracingGanttChart.bc3298a2.js",
       "path": "",
       "type": "global"
     },
@@ -20,7 +20,7 @@
       "api": ""
     },
     "globalName": "TracingGanttChart",
-    "pluginVersion": "2.5.1",
+    "pluginVersion": "2.6.0",
     "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/TracingGanttChart/\"; }"
   },
   "shared": [
@@ -36,7 +36,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/274.5c518455.js"
+            "__mf/js/async/274.03fc3289.js"
           ]
         },
         "css": {
@@ -60,8 +60,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/235.b42801b1.js",
-            "__mf/js/async/616.268fac9b.js"
+            "__mf/js/async/235.4f4ad5f0.js",
+            "__mf/js/async/616.09a93b54.js"
           ]
         },
         "css": {
@@ -85,8 +85,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/587.dbc05176.js",
-            "__mf/js/async/968.68803274.js"
+            "__mf/js/async/587.f49a06d9.js",
+            "__mf/js/async/968.1ac51448.js"
           ]
         },
         "css": {
@@ -100,17 +100,17 @@
     },
     {
       "singleton": true,
-      "requiredVersion": "^0.54.0-beta.8",
+      "requiredVersion": "^0.54.0-beta.11",
       "shareScope": "default",
       "name": "@perses-dev/components",
-      "version": "0.54.0-beta.8",
+      "version": "0.54.0-beta.11",
       "eager": false,
       "id": "TracingGanttChart:@perses-dev/components",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/35.ad5ad622.js"
+            "__mf/js/async/35.45208e11.js"
           ]
         },
         "css": {
@@ -128,17 +128,17 @@
     },
     {
       "singleton": true,
-      "requiredVersion": "^0.54.0-beta.8",
+      "requiredVersion": "^0.54.0-beta.11",
       "shareScope": "default",
       "name": "@perses-dev/plugin-system",
-      "version": "0.54.0-beta.8",
+      "version": "0.54.0-beta.11",
       "eager": false,
       "id": "TracingGanttChart:@perses-dev/plugin-system",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/90.4541a7c6.js"
+            "__mf/js/async/570.7324cabc.js"
           ]
         },
         "css": {
@@ -154,17 +154,17 @@
     },
     {
       "singleton": true,
-      "requiredVersion": "^4.1.0",
+      "requiredVersion": "^4.4.0",
       "shareScope": "default",
       "name": "date-fns",
-      "version": "4.1.0",
+      "version": "4.4.0",
       "eager": false,
       "id": "TracingGanttChart:date-fns",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/192.a0a2e63b.js"
+            "__mf/js/async/192.ea308602.js"
           ]
         },
         "css": {
@@ -188,7 +188,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/873.76af63d7.js"
+            "__mf/js/async/873.34370b2c.js"
           ]
         },
         "css": {
@@ -212,7 +212,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/392.6c066266.js"
+            "__mf/js/async/392.eb9b3bb9.js"
           ]
         },
         "css": {
@@ -238,7 +238,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/470.4e137e17.js"
+            "__mf/js/async/470.9743e21d.js"
           ]
         },
         "css": {
@@ -262,7 +262,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/121.5475779f.js"
+            "__mf/js/async/121.1fc97c57.js"
           ]
         },
         "css": {
@@ -288,7 +288,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/978.ca0b1b55.js"
+            "__mf/js/async/978.0c50ecf5.js"
           ]
         },
         "css": {
@@ -317,19 +317,19 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/762.53b3f5a8.js",
-            "__mf/js/async/472.8aa138b3.js",
-            "__mf/js/async/193.01b48e6e.js",
-            "__mf/js/async/__federation_expose_TracingGanttChart.214d06d7.js"
+            "__mf/js/async/887.027eb62b.js",
+            "__mf/js/async/47.514dc87f.js",
+            "__mf/js/async/193.6692daa9.js",
+            "__mf/js/async/__federation_expose_TracingGanttChart.4dd205b2.js"
           ],
           "async": [
-            "__mf/js/async/588.f5afdb25.js",
-            "__mf/js/async/356.fc2da489.js",
-            "__mf/js/async/71.79ef5248.js",
-            "__mf/js/async/43.e395f769.js",
-            "__mf/js/async/473.302aea15.js",
-            "__mf/js/async/lib-router.c0d7ae82.js",
-            "__mf/js/async/177.50257b88.js"
+            "__mf/js/async/588.46394f24.js",
+            "__mf/js/async/356.2e3c02c9.js",
+            "__mf/js/async/71.f0d71a40.js",
+            "__mf/js/async/43.b9d7bc56.js",
+            "__mf/js/async/593.010826ba.js",
+            "__mf/js/async/lib-router.5f492283.js",
+            "__mf/js/async/177.27fced63.js"
           ]
         },
         "css": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/tracing-gantt-chart-plugin",
-  "version": "0.13.0-beta.2",
+  "version": "0.13.0-beta.3",
   "license": "Apache-2.0",
   "homepage": "https://github.com/perses/plugins/blob/main/README.md",
   "repository": {
@@ -32,9 +32,9 @@
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
     "@hookform/resolvers": "^3.2.0",
-    "@perses-dev/components": "^0.54.0-beta.8",
+    "@perses-dev/components": "^0.54.0-beta.11",
     "@perses-dev/spec": "^0.2.0-beta.6",
-    "@perses-dev/plugin-system": "^0.54.0-beta.8",
+    "@perses-dev/plugin-system": "^0.54.0-beta.11",
     "date-fns": "^4.1.0",
     "date-fns-tz": "^3.2.0",
     "echarts": "5.5.0",