@grafana/k6-test-builder 0.8.17 → 0.8.20

package/dist/index.d.ts

@@ -3,20 +3,20 @@ import { InvalidArchiveError } from "har-to-k6";
 import { ThemeOptions } from "@material-ui/core/styles/createTheme";
 import { GrafanaTheme2 } from "@grafana/data";
 interface VUhBreakdown {
-    base_total_vuh: number;
-    protocol_vuh: number;
-    browser_vuh: number;
+    base_total_vuh: number | null;
+    protocol_vuh: number | null;
+    browser_vuh: number | null;
     reduction_rate: number | null;
     reduction_rate_breakdown: {
-        volume: number;
-        local_run: number;
+        volume: number | null;
+        local_run: number | null;
     } | null;
 }
 interface VuhStats {
-    vuh_usage: number | undefined;
+    vuh_usage: number | null;
     vuh_breakdown: VUhBreakdown;
 }
-interface Metadata {
+export interface TestBuilderMetadata {
     vuh: VuhStats;
 }
 type LoadZoneDistribution = 'even' | 'manual';
@@ -381,7 +381,7 @@ interface TestBuilderStandaloneProps {
     loading?: boolean;
     saving?: boolean;
     k6Test?: TestBuilderTest;
-    metadata?: Metadata;
+    metadata?: TestBuilderMetadata;
     hasCloudExecution?: boolean;
     /** @deprecated To be replaced by adaptive VUhs */
     hasFractionalVUhResolution?: boolean;

package/dist/index.js

@@ -15672,6 +15672,7 @@ const $7091d48bbccc61e3$export$42a852a2b6b56249 = /*#__PURE__*/ (0, ($parcel$int
 
 
 
+
 const $723b70ee4d7f62e8$export$1ae172e61ce3735b = /*#__PURE__*/ (0, $gkIgo$react.forwardRef)(({ props: props }, ref)=>/*#__PURE__*/ (0, $gkIgo$reactjsxruntime.jsx)("svg", {
         ref: ref,
         xmlns: "http://www.w3.org/2000/svg",
@@ -15693,12 +15694,12 @@ const $723b70ee4d7f62e8$export$1ae172e61ce3735b = /*#__PURE__*/ (0, $gkIgo$react
 
 const $4e99116d1d1b712a$var$VUH_THRESHOLD = 100;
 const $4e99116d1d1b712a$export$f4f5234705b8ee7d = ({ vuh_breakdown: vuh_breakdown, vuh_usage: vuh_usage = 0 })=>{
-    const { base_total_vuh: base_total_vuh = 0, reduction_rate: reduction_rate = 0 } = vuh_breakdown;
+    const { base_total_vuh: base_total_vuh = 0, reduction_rate: reduction_rate = 0 } = vuh_breakdown !== null && vuh_breakdown !== void 0 ? vuh_breakdown : {};
     const original = (0, $4bac6ee95b8c8b72$export$24567f54a9be5ab9)(base_total_vuh);
     const reduced = (0, $4bac6ee95b8c8b72$export$24567f54a9be5ab9)(vuh_usage);
     const percentage = reduction_rate !== null && reduction_rate !== void 0 ? reduction_rate : 0;
-    const costText = $4e99116d1d1b712a$export$f1b66467ef7e1dfd(original);
-    const reductionText = $4e99116d1d1b712a$export$753b48ee12fd002c(reduced, percentage);
+    const costText = $4e99116d1d1b712a$export$f1b66467ef7e1dfd(reduced);
+    const reductionText = $4e99116d1d1b712a$export$753b48ee12fd002c(original, percentage);
     return /*#__PURE__*/ (0, $gkIgo$reactjsxruntime.jsxs)($4e99116d1d1b712a$var$Container, {
         children: [
             /*#__PURE__*/ (0, $gkIgo$reactjsxruntime.jsxs)("span", {
@@ -15718,7 +15719,7 @@ const $4e99116d1d1b712a$export$f1b66467ef7e1dfd = (value)=>{
     return `Your test is estimated to consume ${value} Virtual User Hours (VUh)`;
 };
 const $4e99116d1d1b712a$export$753b48ee12fd002c = (value = 0, percentage = 0)=>{
-    return percentage > 0 ? `, but you will only be charged for ${value} VUh. Tests consuming more than ${$4e99116d1d1b712a$var$VUH_THRESHOLD} VUh receive volume reductions based on test size.` : `. Tests consuming less than ${$4e99116d1d1b712a$var$VUH_THRESHOLD} Vuh are not eligible for volume reductions.`;
+    return percentage > 0 ? `, after a volume reduction from the original ${value} VUh. Tests consuming more than ${$4e99116d1d1b712a$var$VUH_THRESHOLD} VUh receive volume reductions based on test size.` : `. Tests consuming less than ${$4e99116d1d1b712a$var$VUH_THRESHOLD} Vuh are not eligible for volume reductions.`;
 };
 const $4e99116d1d1b712a$var$Container = /*#__PURE__*/ (0, ($parcel$interopDefault($gkIgo$styledcomponents))).div.withConfig({
     displayName: "VUhTooltipContent__Container",
@@ -15729,10 +15730,24 @@ const $4e99116d1d1b712a$var$Container = /*#__PURE__*/ (0, ($parcel$interopDefaul
 
 
 
+
+const $6a5cd5d240c5dbb0$export$5cae361ad82dce8b = (value)=>{
+    const ref = (0, $gkIgo$react.useRef)();
+    (0, $gkIgo$react.useEffect)(()=>{
+        ref.current = value;
+    }, [
+        value
+    ]);
+    return ref.current;
+};
+
+
 const $420b9b2911eb0b31$export$692b9323eea6a0ee = ()=>{
     const vuh_usage_legacy = (0, $cdee3562a1fa264f$export$9b8881d67105457d)((0, $c5bb589de61e43ba$export$e6bea69880c59e62));
     const metadata = (0, $cdee3562a1fa264f$export$9b8881d67105457d)((0, $90b0cfd5919312e7$export$3c947cbaab82b2b8));
     const vuh = metadata === null || metadata === void 0 ? void 0 : metadata.vuh;
+    const vuhUsage = vuh === null || vuh === void 0 ? void 0 : vuh.vuh_usage;
+    const prevVUhUsage = (0, $6a5cd5d240c5dbb0$export$5cae361ad82dce8b)(vuhUsage);
     if (vuh_usage_legacy && !vuh) return /*#__PURE__*/ (0, $gkIgo$reactjsxruntime.jsxs)((0, $7091d48bbccc61e3$export$eb2fcfdbd7ba97d4), {
         children: [
             /*#__PURE__*/ (0, $gkIgo$reactjsxruntime.jsx)((0, $723b70ee4d7f62e8$export$1ae172e61ce3735b), {}),
@@ -15742,23 +15757,34 @@ const $420b9b2911eb0b31$export$692b9323eea6a0ee = ()=>{
             "\xa0VUh"
         ]
     });
-    if (!(vuh !== null && vuh !== void 0 && vuh.vuh_usage)) return null;
     return /*#__PURE__*/ (0, $gkIgo$reactjsxruntime.jsx)((0, $gkIgo$materialuicore.Tooltip), {
+        disableHoverListener: !vuhUsage,
         title: /*#__PURE__*/ (0, $gkIgo$reactjsxruntime.jsx)((0, $4e99116d1d1b712a$export$f4f5234705b8ee7d), {
-            ...vuh
+            vuh_breakdown: vuh === null || vuh === void 0 ? void 0 : vuh.vuh_breakdown,
+            vuh_usage: vuhUsage
         }),
         interactive: true,
         children: /*#__PURE__*/ (0, $gkIgo$reactjsxruntime.jsxs)((0, $7091d48bbccc61e3$export$eb2fcfdbd7ba97d4), {
             children: [
                 /*#__PURE__*/ (0, $gkIgo$reactjsxruntime.jsx)((0, $723b70ee4d7f62e8$export$1ae172e61ce3735b), {}),
-                /*#__PURE__*/ (0, $gkIgo$reactjsxruntime.jsx)("span", {
-                    children: (0, $4bac6ee95b8c8b72$export$24567f54a9be5ab9)(vuh.vuh_usage)
-                }),
-                "\xa0VUh"
+                /*#__PURE__*/ (0, $gkIgo$reactjsxruntime.jsxs)($420b9b2911eb0b31$var$VUhContainer, {
+                    hasResult: !!vuhUsage,
+                    children: [
+                        (0, $4bac6ee95b8c8b72$export$24567f54a9be5ab9)(vuhUsage || prevVUhUsage || 0),
+                        " VUh"
+                    ]
+                })
             ]
         })
     });
 };
+const $420b9b2911eb0b31$var$VUhContainer = /*#__PURE__*/ (0, ($parcel$interopDefault($gkIgo$styledcomponents))).span.withConfig({
+    displayName: "VUhDetail__VUhContainer",
+    componentId: "sc-zegr8m-0"
+})([
+    "opacity:",
+    ";"
+], ({ hasResult: hasResult })=>hasResult ? 1 : 0.5);
 
 
 

package/dist/module.js

@@ -15648,6 +15648,7 @@ const $9d9ef6b1aa606543$export$42a852a2b6b56249 = /*#__PURE__*/ (0, $b7VBt$style
 
 
 
+
 const $f90e6ac18264291c$export$1ae172e61ce3735b = /*#__PURE__*/ (0, $b7VBt$forwardRef)(({ props: props }, ref)=>/*#__PURE__*/ (0, $b7VBt$jsx)("svg", {
         ref: ref,
         xmlns: "http://www.w3.org/2000/svg",
@@ -15669,12 +15670,12 @@ const $f90e6ac18264291c$export$1ae172e61ce3735b = /*#__PURE__*/ (0, $b7VBt$forwa
 
 const $7c10312fad43a1ee$var$VUH_THRESHOLD = 100;
 const $7c10312fad43a1ee$export$f4f5234705b8ee7d = ({ vuh_breakdown: vuh_breakdown, vuh_usage: vuh_usage = 0 })=>{
-    const { base_total_vuh: base_total_vuh = 0, reduction_rate: reduction_rate = 0 } = vuh_breakdown;
+    const { base_total_vuh: base_total_vuh = 0, reduction_rate: reduction_rate = 0 } = vuh_breakdown !== null && vuh_breakdown !== void 0 ? vuh_breakdown : {};
     const original = (0, $f54872b9dc7588c3$export$24567f54a9be5ab9)(base_total_vuh);
     const reduced = (0, $f54872b9dc7588c3$export$24567f54a9be5ab9)(vuh_usage);
     const percentage = reduction_rate !== null && reduction_rate !== void 0 ? reduction_rate : 0;
-    const costText = $7c10312fad43a1ee$export$f1b66467ef7e1dfd(original);
-    const reductionText = $7c10312fad43a1ee$export$753b48ee12fd002c(reduced, percentage);
+    const costText = $7c10312fad43a1ee$export$f1b66467ef7e1dfd(reduced);
+    const reductionText = $7c10312fad43a1ee$export$753b48ee12fd002c(original, percentage);
     return /*#__PURE__*/ (0, $b7VBt$jsxs)($7c10312fad43a1ee$var$Container, {
         children: [
             /*#__PURE__*/ (0, $b7VBt$jsxs)("span", {
@@ -15694,7 +15695,7 @@ const $7c10312fad43a1ee$export$f1b66467ef7e1dfd = (value)=>{
     return `Your test is estimated to consume ${value} Virtual User Hours (VUh)`;
 };
 const $7c10312fad43a1ee$export$753b48ee12fd002c = (value = 0, percentage = 0)=>{
-    return percentage > 0 ? `, but you will only be charged for ${value} VUh. Tests consuming more than ${$7c10312fad43a1ee$var$VUH_THRESHOLD} VUh receive volume reductions based on test size.` : `. Tests consuming less than ${$7c10312fad43a1ee$var$VUH_THRESHOLD} Vuh are not eligible for volume reductions.`;
+    return percentage > 0 ? `, after a volume reduction from the original ${value} VUh. Tests consuming more than ${$7c10312fad43a1ee$var$VUH_THRESHOLD} VUh receive volume reductions based on test size.` : `. Tests consuming less than ${$7c10312fad43a1ee$var$VUH_THRESHOLD} Vuh are not eligible for volume reductions.`;
 };
 const $7c10312fad43a1ee$var$Container = /*#__PURE__*/ (0, $b7VBt$styledcomponents).div.withConfig({
     displayName: "VUhTooltipContent__Container",
@@ -15705,10 +15706,24 @@ const $7c10312fad43a1ee$var$Container = /*#__PURE__*/ (0, $b7VBt$styledcomponent
 
 
 
+
+const $ccb3ba0354cddffc$export$5cae361ad82dce8b = (value)=>{
+    const ref = (0, $b7VBt$useRef)();
+    (0, $b7VBt$useEffect)(()=>{
+        ref.current = value;
+    }, [
+        value
+    ]);
+    return ref.current;
+};
+
+
 const $d8f115728c3a4b86$export$692b9323eea6a0ee = ()=>{
     const vuh_usage_legacy = (0, $f33bf9327a1ab3ee$export$9b8881d67105457d)((0, $d7b1b7c6f96b1d0a$export$e6bea69880c59e62));
     const metadata = (0, $f33bf9327a1ab3ee$export$9b8881d67105457d)((0, $8497e93aef02a037$export$3c947cbaab82b2b8));
     const vuh = metadata === null || metadata === void 0 ? void 0 : metadata.vuh;
+    const vuhUsage = vuh === null || vuh === void 0 ? void 0 : vuh.vuh_usage;
+    const prevVUhUsage = (0, $ccb3ba0354cddffc$export$5cae361ad82dce8b)(vuhUsage);
     if (vuh_usage_legacy && !vuh) return /*#__PURE__*/ (0, $b7VBt$jsxs)((0, $9d9ef6b1aa606543$export$eb2fcfdbd7ba97d4), {
         children: [
             /*#__PURE__*/ (0, $b7VBt$jsx)((0, $f90e6ac18264291c$export$1ae172e61ce3735b), {}),
@@ -15718,23 +15733,34 @@ const $d8f115728c3a4b86$export$692b9323eea6a0ee = ()=>{
             "\xa0VUh"
         ]
     });
-    if (!(vuh !== null && vuh !== void 0 && vuh.vuh_usage)) return null;
     return /*#__PURE__*/ (0, $b7VBt$jsx)((0, $b7VBt$Tooltip), {
+        disableHoverListener: !vuhUsage,
         title: /*#__PURE__*/ (0, $b7VBt$jsx)((0, $7c10312fad43a1ee$export$f4f5234705b8ee7d), {
-            ...vuh
+            vuh_breakdown: vuh === null || vuh === void 0 ? void 0 : vuh.vuh_breakdown,
+            vuh_usage: vuhUsage
         }),
         interactive: true,
         children: /*#__PURE__*/ (0, $b7VBt$jsxs)((0, $9d9ef6b1aa606543$export$eb2fcfdbd7ba97d4), {
             children: [
                 /*#__PURE__*/ (0, $b7VBt$jsx)((0, $f90e6ac18264291c$export$1ae172e61ce3735b), {}),
-                /*#__PURE__*/ (0, $b7VBt$jsx)("span", {
-                    children: (0, $f54872b9dc7588c3$export$24567f54a9be5ab9)(vuh.vuh_usage)
-                }),
-                "\xa0VUh"
+                /*#__PURE__*/ (0, $b7VBt$jsxs)($d8f115728c3a4b86$var$VUhContainer, {
+                    hasResult: !!vuhUsage,
+                    children: [
+                        (0, $f54872b9dc7588c3$export$24567f54a9be5ab9)(vuhUsage || prevVUhUsage || 0),
+                        " VUh"
+                    ]
+                })
             ]
         })
     });
 };
+const $d8f115728c3a4b86$var$VUhContainer = /*#__PURE__*/ (0, $b7VBt$styledcomponents).span.withConfig({
+    displayName: "VUhDetail__VUhContainer",
+    componentId: "sc-zegr8m-0"
+})([
+    "opacity:",
+    ";"
+], ({ hasResult: hasResult })=>hasResult ? 1 : 0.5);
 
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grafana/k6-test-builder",
-  "version": "0.8.17",
+  "version": "0.8.20",
   "license": "AGPL-3.0",
   "main": "dist/index.js",
   "module": "dist/module.js",