@splunk/visualizations 28.2.1 → 28.3.0

package/common/utils/styleUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleUtils.d.ts","sourceRoot":"","sources":["../../src/common/utils/styleUtils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,8GACmF,CAAC"}

package/common/utils/tableUtils.d.ts

@@ -0,0 +1,10 @@
+export declare const buildTotalsByFieldFromFieldsMeta: (fieldsMeta: Array<Record<string, unknown>> | undefined | null) => Record<string, number>;
+export declare const buildFooterDataFrames: (fieldsMeta: Array<Record<string, unknown>> | undefined | null) => {
+    footer: {
+        fields: {
+            name: string;
+        }[];
+        columns: (string | number)[][];
+    };
+};
+//# sourceMappingURL=tableUtils.d.ts.map

package/common/utils/tableUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableUtils.d.ts","sourceRoot":"","sources":["../../src/common/utils/tableUtils.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gCAAgC,GACzC,YAAY,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,KAC9D,MAAM,CAAC,MAAM,EAAE,MAAM,CAiBvB,CAAC;AAGF,eAAO,MAAM,qBAAqB,GAAI,YAAY,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI;;;;;;;CA4BlG,CAAC"}

package/common/utils/tableUtils.js

@@ -23,7 +23,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/common/utils/tableUtils.ts
 var tableUtils_exports = {};
 __export(tableUtils_exports, {
-  buildPercentagesByFieldFromTotals: () => buildPercentagesByFieldFromTotals,
+  buildFooterDataFrames: () => buildFooterDataFrames,
   buildTotalsByFieldFromFieldsMeta: () => buildTotalsByFieldFromFieldsMeta
 });
 module.exports = __toCommonJS(tableUtils_exports);
@@ -46,15 +46,27 @@ var buildTotalsByFieldFromFieldsMeta = (fieldsMeta) => {
   });
   return totalsByField;
 };
-var buildPercentagesByFieldFromTotals = (totalsByField) => {
+var buildFooterDataFrames = (fieldsMeta) => {
+  const totalsByField = buildTotalsByFieldFromFieldsMeta(fieldsMeta);
   const entries = Object.entries(totalsByField).filter(([, v]) => Number.isFinite(v));
   const grandTotal = entries.reduce((acc, [, v]) => acc + Number(v), 0);
-  if (grandTotal <= 0) return {};
-  const percentages = {};
-  entries.forEach(([k, v]) => {
-    const pct = (Number(v) / grandTotal * 100).toFixed(2);
-    percentages[k] = `${pct}%`;
+  const percentagesByField = {};
+  if (grandTotal > 0) {
+    entries.forEach(([k, v]) => {
+      const pct = (Number(v) / grandTotal * 100).toFixed(2);
+      percentagesByField[k] = `${pct}%`;
+    });
+  }
+  const fields = Array.isArray(fieldsMeta) ? fieldsMeta : [];
+  const fieldNames = fields.map((f) => f.name).filter(Boolean);
+  const combinedFooterFields = fieldNames.map((name) => ({ name }));
+  const combinedFooterColumns = fieldNames.map((name) => {
+    const total = totalsByField[name];
+    const pct = percentagesByField[name];
+    return [typeof total === "number" ? total : "", pct || ""];
   });
-  return percentages;
+  return {
+    footer: { fields: combinedFooterFields, columns: combinedFooterColumns }
+  };
 };
 //# sourceMappingURL=tableUtils.js.map

package/common/utils/tableUtils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/common/utils/tableUtils.ts"],
-  "sourcesContent": ["// extractUnitFromFormattedString removed; footer formatting will use columnFormat options\n\n// Build a map of totals keyed by field name from fields metadata\nexport const buildTotalsByFieldFromFieldsMeta = (\n    fieldsMeta: Array<Record<string, unknown>> | undefined | null\n): Record<string, number> => {\n    const totalsByField: Record<string, number> = {};\n    const fields = Array.isArray(fieldsMeta) ? fieldsMeta : [];\n    fields.forEach(f => {\n        if (f && typeof f === 'object' && Object.prototype.hasOwnProperty.call(f, 'summary.sum')) {\n            const name = (f as { name?: string }).name ?? '';\n            if (name) {\n                const raw = f['summary.sum'];\n                const isEmptyString = typeof raw === 'string' && raw.trim() === '';\n                if (raw !== null && raw !== undefined && !isEmptyString) {\n                    const n = Number(raw);\n                    if (Number.isFinite(n)) totalsByField[name] = n;\n                }\n            }\n        }\n    });\n    return totalsByField;\n};\n\n// Build a percentage map from a totals map. Only numeric totals participate; sum must be > 0\nexport const buildPercentagesByFieldFromTotals = (\n    totalsByField: Record<string, number>\n): Record<string, string> => {\n    const entries = Object.entries(totalsByField).filter(([, v]) => Number.isFinite(v));\n    const grandTotal = entries.reduce((acc, [, v]) => acc + Number(v), 0);\n    if (grandTotal <= 0) return {};\n    const percentages: Record<string, string> = {};\n    entries.forEach(([k, v]) => {\n        const pct = ((Number(v) / grandTotal) * 100).toFixed(2);\n        percentages[k] = `${pct}%`;\n    });\n    return percentages;\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGO,IAAM,mCAAmC,CAC5C,eACyB;AACzB,QAAM,gBAAwC,CAAC;AAC/C,QAAM,SAAS,MAAM,QAAQ,UAAU,IAAI,aAAa,CAAC;AACzD,SAAO,QAAQ,OAAK;AARxB;AASQ,QAAI,KAAK,OAAO,MAAM,YAAY,OAAO,UAAU,eAAe,KAAK,GAAG,aAAa,GAAG;AACtF,YAAM,QAAQ,OAAwB,SAAxB,YAAgC;AAC9C,UAAI,MAAM;AACN,cAAM,MAAM,EAAE,aAAa;AAC3B,cAAM,gBAAgB,OAAO,QAAQ,YAAY,IAAI,KAAK,MAAM;AAChE,YAAI,QAAQ,QAAQ,QAAQ,UAAa,CAAC,eAAe;AACrD,gBAAM,IAAI,OAAO,GAAG;AACpB,cAAI,OAAO,SAAS,CAAC,EAAG,eAAc,IAAI,IAAI;AAAA,QAClD;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ,CAAC;AACD,SAAO;AACX;AAGO,IAAM,oCAAoC,CAC7C,kBACyB;AACzB,QAAM,UAAU,OAAO,QAAQ,aAAa,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AAClF,QAAM,aAAa,QAAQ,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,MAAM,OAAO,CAAC,GAAG,CAAC;AACpE,MAAI,cAAc,EAAG,QAAO,CAAC;AAC7B,QAAM,cAAsC,CAAC;AAC7C,UAAQ,QAAQ,CAAC,CAAC,GAAG,CAAC,MAAM;AACxB,UAAM,OAAQ,OAAO,CAAC,IAAI,aAAc,KAAK,QAAQ,CAAC;AACtD,gBAAY,CAAC,IAAI,GAAG,GAAG;AAAA,EAC3B,CAAC;AACD,SAAO;AACX;",
+  "sourcesContent": ["// extractUnitFromFormattedString removed; footer formatting will use columnFormat options\n\n// Build a map of totals keyed by field name from fields metadata\nexport const buildTotalsByFieldFromFieldsMeta = (\n    fieldsMeta: Array<Record<string, unknown>> | undefined | null\n): Record<string, number> => {\n    const totalsByField: Record<string, number> = {};\n    const fields = Array.isArray(fieldsMeta) ? fieldsMeta : [];\n    fields.forEach(f => {\n        if (f && typeof f === 'object' && Object.prototype.hasOwnProperty.call(f, 'summary.sum')) {\n            const name = (f as { name?: string }).name ?? '';\n            if (name) {\n                const raw = f['summary.sum'];\n                const isEmptyString = typeof raw === 'string' && raw.trim() === '';\n                if (raw !== null && raw !== undefined && !isEmptyString) {\n                    const n = Number(raw);\n                    if (Number.isFinite(n)) totalsByField[name] = n;\n                }\n            }\n        }\n    });\n    return totalsByField;\n};\n\n// Build footer DataFrames from field metadata for DSL usage\nexport const buildFooterDataFrames = (fieldsMeta: Array<Record<string, unknown>> | undefined | null) => {\n    const totalsByField = buildTotalsByFieldFromFieldsMeta(fieldsMeta);\n    // Build a percentage map from totals to support default footer percentages\n    const entries = Object.entries(totalsByField).filter(([, v]) => Number.isFinite(v));\n    const grandTotal = entries.reduce((acc, [, v]) => acc + Number(v), 0);\n    const percentagesByField: Record<string, string> = {};\n    if (grandTotal > 0) {\n        entries.forEach(([k, v]) => {\n            const pct = ((Number(v) / grandTotal) * 100).toFixed(2);\n            percentagesByField[k] = `${pct}%`;\n        });\n    }\n\n    // Get all field names from metadata\n    const fields = Array.isArray(fieldsMeta) ? fieldsMeta : [];\n    const fieldNames = fields.map(f => (f as { name?: string }).name).filter(Boolean);\n\n    // Build combined footer frame with per-column series each having [total, percentage]\n    const combinedFooterFields = fieldNames.map(name => ({ name }));\n    const combinedFooterColumns = fieldNames.map(name => {\n        const total = totalsByField[name];\n        const pct = percentagesByField[name];\n        return [typeof total === 'number' ? total : '', pct || ''];\n    });\n\n    return {\n        footer: { fields: combinedFooterFields, columns: combinedFooterColumns },\n    };\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGO,IAAM,mCAAmC,CAC5C,eACyB;AACzB,QAAM,gBAAwC,CAAC;AAC/C,QAAM,SAAS,MAAM,QAAQ,UAAU,IAAI,aAAa,CAAC;AACzD,SAAO,QAAQ,OAAK;AARxB;AASQ,QAAI,KAAK,OAAO,MAAM,YAAY,OAAO,UAAU,eAAe,KAAK,GAAG,aAAa,GAAG;AACtF,YAAM,QAAQ,OAAwB,SAAxB,YAAgC;AAC9C,UAAI,MAAM;AACN,cAAM,MAAM,EAAE,aAAa;AAC3B,cAAM,gBAAgB,OAAO,QAAQ,YAAY,IAAI,KAAK,MAAM;AAChE,YAAI,QAAQ,QAAQ,QAAQ,UAAa,CAAC,eAAe;AACrD,gBAAM,IAAI,OAAO,GAAG;AACpB,cAAI,OAAO,SAAS,CAAC,EAAG,eAAc,IAAI,IAAI;AAAA,QAClD;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ,CAAC;AACD,SAAO;AACX;AAGO,IAAM,wBAAwB,CAAC,eAAkE;AACpG,QAAM,gBAAgB,iCAAiC,UAAU;AAEjE,QAAM,UAAU,OAAO,QAAQ,aAAa,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AAClF,QAAM,aAAa,QAAQ,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,MAAM,OAAO,CAAC,GAAG,CAAC;AACpE,QAAM,qBAA6C,CAAC;AACpD,MAAI,aAAa,GAAG;AAChB,YAAQ,QAAQ,CAAC,CAAC,GAAG,CAAC,MAAM;AACxB,YAAM,OAAQ,OAAO,CAAC,IAAI,aAAc,KAAK,QAAQ,CAAC;AACtD,yBAAmB,CAAC,IAAI,GAAG,GAAG;AAAA,IAClC,CAAC;AAAA,EACL;AAGA,QAAM,SAAS,MAAM,QAAQ,UAAU,IAAI,aAAa,CAAC;AACzD,QAAM,aAAa,OAAO,IAAI,OAAM,EAAwB,IAAI,EAAE,OAAO,OAAO;AAGhF,QAAM,uBAAuB,WAAW,IAAI,WAAS,EAAE,KAAK,EAAE;AAC9D,QAAM,wBAAwB,WAAW,IAAI,UAAQ;AACjD,UAAM,QAAQ,cAAc,IAAI;AAChC,UAAM,MAAM,mBAAmB,IAAI;AACnC,WAAO,CAAC,OAAO,UAAU,WAAW,QAAQ,IAAI,OAAO,EAAE;AAAA,EAC7D,CAAC;AAED,SAAO;AAAA,IACH,QAAQ,EAAE,QAAQ,sBAAsB,SAAS,sBAAsB;AAAA,EAC3E;AACJ;",
   "names": []
 }

package/common/utils/trellisUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trellisUtils.d.ts","sourceRoot":"","sources":["../../src/common/utils/trellisUtils.ts"],"names":[],"mappings":"AAEA,OAAO,EACH,aAAa,EAUhB,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,MAAM,MAAM,eAAe,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG;QAAE,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAAA;KAAE,CAAA;CAAE,CAAC;AAChF,MAAM,WAAW,eAAe;IAC5B,gBAAgB,EAAE,eAAe,CAAC;IAClC,SAAS,EAAE,yBAAyB,GAAG,wBAAwB,GAAG,SAAS,CAAC;CAC/E;AACD,eAAO,MAAM,YAAY,iBAAiB,CAAC;AAE3C;;;;;;;GAOG;AACH,eAAO,MAAM,qCAAqC,GAAI,YAAY;IAC9D,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAAC;CAC9B,KAAG,eAsBH,CAAC;AAWF,eAAO,MAAM,+CAA+C,GAAI,YAAY;IACxE,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAAC;CAC9B,KAAG,eAkDH,CAAC;AAEF,eAAO,MAAM,mCAAmC,GAAI,YAAY;IAC5D,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAAC;CAC9B,KAAG,eA4BH,CAAC;AAEF,eAAO,MAAM,+BAA+B,GACxC,YAAY;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAAA;CAAE,EAC1C,SAAS,MAAM,KAChB,eA0CF,CAAC;AAEF,eAAO,MAAM,2BAA2B,GACpC,YAAY;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAAA;CAAE,EAC1C,SAAS,MAAM,KAChB,eAsLF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oCAAoC,GAC7C,YAAY;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAAA;CAAE,EAC1C,SAAS,MAAM,EACf,YAAY,aAAa,KAC1B,eA8CF,CAAC;AAEF,eAAO,MAAM,gCAAgC,GACzC,WAAW,aAAa,EACxB,aAAa;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAAA;CAAE,EAC3C,gBAAgB,MAAM,KACvB,eA8BF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,mCAAmC,GAC5C,aAAa,OAAO,EACpB,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAC7B,MAAM,CAAC,MAAM,EAAE,MAAM,CAOvB,CAAC;AAiCF;;;;GAIG;AACH,eAAO,MAAM,eAAe,GACxB,WAAW,eAAe,EAC1B,oBAAoB,OAAO,EAC3B,UAAU,MAAM,GAAG,MAAM,EACzB,UAAU,MAAM,GAAG,MAAM,EACzB,YAAY,MAAM,wBAWrB,CAAC"}

package/common/utils/urlUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"urlUtils.d.ts","sourceRoot":"","sources":["../../src/common/utils/urlUtils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,YAOvC,CAAC"}

package/{dist/types/common → common}/withDashboardViz.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import type { Frames } from '@splunk/visualization-encoding/EncodingExecutor';
 import type { DashboardVizProps, DataSource, VizConfig, VizProps } from './interfaces';
 import { ChartingProps } from './Charting';
 type HOC = React.ComponentType<DashboardVizProps>;
@@ -7,6 +8,12 @@ export interface DashboardVizOpts {
     vizConfig: VizConfig;
     computeVizProps?: (props: any) => any;
     computeVizPropsBeforeEval?: (props: any) => any;
+    computeDataFrames?: (args: {
+        dataSources: {
+            [key: string]: DataSource;
+        };
+        options: Record<string, unknown>;
+    }) => Partial<Frames>;
     disableEditModeCover?: boolean;
     useIconPlaceholder?: (dataSources: {
         [name: string]: DataSource;

package/common/withDashboardViz.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withDashboardViz.d.ts","sourceRoot":"","sources":["../src/common/withDashboardViz.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iDAAiD,CAAC;AAE9E,OAAO,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAQvF,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAW3C,KAAK,GAAG,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;AAClD,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,aAAa,GAAG,QAAQ,CAAC,CAAC;IACxD,SAAS,EAAE,SAAS,CAAC;IACrB,eAAe,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,GAAG,CAAC;IACjC,yBAAyB,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,GAAG,CAAC;IAC3C,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE;QACvB,WAAW,EAAE;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAAA;SAAE,CAAC;QAC3C,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KACpC,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,CACjB,WAAW,EAAE;QAAE,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAAA;KAAE,EAC3C,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC/B,OAAO,CAAC;CAChB;AAED;;;;GAIG;AACH,QAAA,MAAM,gBAAgB,GAAI,MAAM,gBAAgB,KAAG,GAoXlD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/common/withDashboardViz.js

@@ -462,7 +462,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "28.2.1 - b6faf8893"
+  "data-splunk-visualization-version": "28.3.0 - 843e0f60b"
 })`
     position: relative;
     width: 100%;
@@ -519,14 +519,18 @@ var FixSizeItem = styled_components_default.div.attrs(
   ({
     width,
     height
-  }) => ({
-    style: __spreadValues(__spreadValues({}, width && { width: (0, style_exports.toPx)(width) }), height && { height: (0, style_exports.toPx)(height) })
-  })
+  }) => {
+    const validHeight = typeof height === "number" ? Math.max(height, 1) : height;
+    return {
+      style: __spreadValues(__spreadValues({}, width && { width: (0, style_exports.toPx)(width) }), validHeight && { height: (0, style_exports.toPx)(validHeight) })
+    };
+  }
 )`
     position: relative;
     flex-direction: column;
     flex: 1;
     display: flex;
+    overflow: hidden !important;
     background-color: ${(props) => (0, colorUtils_exports.isColor)(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor}};
 `;
 var ItemContent = styled_components_default.div`
@@ -539,6 +543,7 @@ var FixSizeItemContent = styled_components_default.div`
     flex: 1;
     position: relative;
     box-sizing: border-box;
+    overflow: hidden !important;
 `;
 var withFixedSizeContainer = (Viz) => {
   const FixedSizeContainer = (props) => {
@@ -556,7 +561,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "28.2.1 - b6faf8893",
+        "data-splunk-visualization-version": "28.3.0 - 843e0f60b",
         width,
         height,
         backgroundColor
@@ -1110,9 +1115,14 @@ var getAnnotationsForCanvas = ({
 var StyledTriangle = styled_components_default(Triangle_default)`
     color: ${(props) => props.eventColor || variables_default.severityColorNotice(props)};
 `;
-var triangleEventAnnotationRenderer = ({ event }) => {
+var triangleEventAnnotationRenderer = ({
+  event,
+  dimensions
+}) => {
   const eventWithColor = event;
   return react_default.createElement(StyledTriangle, {
+    width: `${dimensions.width}px`,
+    height: `${dimensions.height}px`,
     viewBox: "0 0 24 24",
     variant: "filled",
     eventColor: eventWithColor.color
@@ -1202,12 +1212,15 @@ var getFieldName = (field) => {
 var getFieldNames = (fields) => {
   return fields.map((field) => getFieldName(field));
 };
-var getXScaleConfig = (label) => {
+var getXScaleConfig = (label, xAxisLabelVisibility) => {
   const xConfig = { x: {} };
   xConfig.x.label = label;
+  if (xAxisLabelVisibility === "hide") {
+    xConfig.x.hideLabels = true;
+  }
   return xConfig;
 };
-var getYScaleConfig = (label, yAxisAbbreviation, yAxisScale) => {
+var getYScaleConfig = (label, yAxisAbbreviation, yAxisScale, yAxisLabelVisibility) => {
   const scaleType = yAxisScale != null ? yAxisScale : "linear";
   const yConfig = { y: {} };
   yConfig.y.label = label;
@@ -1220,9 +1233,12 @@ var getYScaleConfig = (label, yAxisAbbreviation, yAxisScale) => {
   } else {
     yConfig.y.width = label && label.length > 0 ? 30 : 10;
   }
+  if (yAxisLabelVisibility === "hide") {
+    yConfig.y.hideLabels = true;
+  }
   return yConfig;
 };
-var getY2ScaleConfig = (label, axisAbbreviation, axisScale, roundAxisLabelsToInteger) => {
+var getY2ScaleConfig = (label, axisAbbreviation, axisScale, roundAxisLabelsToInteger, y2AxisLabelVisibility) => {
   const y2Config = { y2: {} };
   const scaleType = axisScale != null ? axisScale : "linear";
   y2Config.y2.label = label;
@@ -1234,9 +1250,12 @@ var getY2ScaleConfig = (label, axisAbbreviation, axisScale, roundAxisLabelsToInt
   } else if (roundAxisLabelsToInteger) {
     y2Config.y2.tickFmt = (v) => roundAxisLabelsToInteger ? Math.round(v).toString() : v.toString();
   }
+  if (y2AxisLabelVisibility === "hide") {
+    y2Config.y2.hideLabels = true;
+  }
   return y2Config;
 };
-var getSeriesOverrides = (yfields, y2fields, lineWidth, overlayFields, y2Enabled, nullValueMode) => {
+var getSeriesOverrides = (yfields, y2fields, lineWidth, overlayFields, y2Enabled, nullValueMode, markerDisplay) => {
   const seriesConfig = {};
   let spanGaps;
   let replaceNullsWithZero;
@@ -1268,6 +1287,9 @@ var getSeriesOverrides = (yfields, y2fields, lineWidth, overlayFields, y2Enabled
     if (overlayFields == null ? void 0 : overlayFields.includes(field)) {
       seriesConfig[field].type = "line";
     }
+    if (markerDisplay !== void 0) {
+      seriesConfig[field].markerDisplay = markerDisplay;
+    }
     if (replaceNullsWithZero !== void 0) {
       seriesConfig[field].replaceNullsWithZero = replaceNullsWithZero;
     }
@@ -1284,27 +1306,30 @@ var TimeSeriesChartContainer = styled_components_default.div`
         position: absolute !important; // This is needed for canvas element export pdf/png to work correctly
     }
 `;
-var handleClick = (chartEvent, props) => {
+var handleClick = (chartEvent, onClick) => {
   const payload = __spreadProps(__spreadValues({}, (0, lodash_exports.pick)(chartEvent, "value", "seriesKey")), {
     name: chartEvent.seriesKey
   });
   delete payload.seriesKey;
-  const clickHandler = props == null ? void 0 : props.onClick;
-  if (clickHandler) {
-    clickHandler({
+  if (chartEvent.rowContext) {
+    Object.keys(chartEvent.rowContext).forEach((fieldName) => {
+      payload[`row.${fieldName}.value`] = chartEvent.rowContext[fieldName];
+    });
+  }
+  if (onClick) {
+    onClick({
       type: "point.click",
       originalEvent: chartEvent,
       payload
     });
   }
 };
-var handleLegendClick = (chartEvent, props) => {
+var handleLegendClick = (chartEvent, onClick) => {
   const payload = {
     name: chartEvent
   };
-  const clickHandler = props == null ? void 0 : props.onClick;
-  if (clickHandler) {
-    clickHandler({
+  if (onClick) {
+    onClick({
       type: "legend.click",
       originalEvent: chartEvent,
       payload
@@ -1312,7 +1337,21 @@ var handleLegendClick = (chartEvent, props) => {
   }
 };
 var TimeSeriesChartWrapper = (props) => {
-  const { width, height, chartData, options, userLocale, annotationX, annotationLabel, annotationColor } = props;
+  const {
+    width,
+    height,
+    chartData,
+    options,
+    userLocale,
+    annotationX,
+    annotationLabel,
+    annotationColor,
+    legendDisplay,
+    markerDisplay,
+    onClick,
+    onPointMouseOver,
+    onPointMouseOut
+  } = props;
   const {
     backgroundColor,
     seriesColors: seriesColorsStr,
@@ -1323,6 +1362,9 @@ var TimeSeriesChartWrapper = (props) => {
     "axisTitleX.visibility": xAxisTitleVisibility,
     "axisTitleY.visibility": yAxisTitleVisibility,
     "axisTitleY2.visibility": y2AxisTitleVisibility,
+    "axisLabelsX.majorLabelVisibility": xAxisLabelVisibility,
+    "axisLabelsY.majorLabelVisibility": yAxisLabelVisibility,
+    "axisLabelsY2.majorLabelVisibility": y2AxisLabelVisibility,
     "axisY.abbreviation": yAxisAbbreviation,
     "axisY.scale": yAxisScale,
     "axisY2.abbreviation": y2AxisAbbreviation,
@@ -1359,11 +1401,17 @@ var TimeSeriesChartWrapper = (props) => {
   const fieldsForY2Axis = y2Fields.length > 0 ? y2Fields : overlayFields;
   let y2AxisTitle = getComputedAxisTitles(y2AxisTitleText, fieldsForY2Axis, y2AxisTitleVisibility);
   y2AxisTitle = ellipsisAxisTitle(y2AxisTitle, containerHeight);
-  const xScaleConfig = getXScaleConfig(xAxisTitle);
-  const yScaleConfig = getYScaleConfig(yAxisTitle, yAxisAbbreviation, yAxisScale);
+  const xScaleConfig = getXScaleConfig(xAxisTitle, xAxisLabelVisibility);
+  const yScaleConfig = getYScaleConfig(yAxisTitle, yAxisAbbreviation, yAxisScale, yAxisLabelVisibility);
   let y2ScaleConfig = {};
   if (y2Enabled) {
-    y2ScaleConfig = getY2ScaleConfig(y2AxisTitle, y2AxisAbbreviation, y2AxisScale, y2IntegerUnits);
+    y2ScaleConfig = getY2ScaleConfig(
+      y2AxisTitle,
+      y2AxisAbbreviation,
+      y2AxisScale,
+      y2IntegerUnits,
+      y2AxisLabelVisibility
+    );
   }
   const uplotContainerElement = (0, react_exports.useRef)(null);
   const seriesDataFormatted = [
@@ -1372,24 +1420,87 @@ var TimeSeriesChartWrapper = (props) => {
   ];
   chartData.fields = filteredChartData.fields;
   chartData.columns = seriesDataFormatted;
-  const seriesOverrides = getSeriesOverrides(
-    yFields,
-    y2Fields,
-    lineWidth,
-    overlayFields,
-    y2Enabled,
-    nullValueMode
+  const seriesOverrides = (0, react_exports.useMemo)(
+    () => getSeriesOverrides(
+      yFields,
+      y2Fields,
+      lineWidth,
+      overlayFields,
+      y2Enabled,
+      nullValueMode,
+      markerDisplay
+    ),
+    [yFields, y2Fields, lineWidth, overlayFields, y2Enabled, nullValueMode, markerDisplay]
+  );
+  const chartingEventAnnotations = (0, react_exports.useMemo)(
+    () => getAnnotationsForCanvas({
+      annotationX,
+      annotationColor,
+      annotationLabel
+    }),
+    [annotationX, annotationColor, annotationLabel]
+  );
+  const scaleConfig = (0, react_exports.useMemo)(
+    () => __spreadValues(__spreadValues(__spreadValues({}, xScaleConfig), yScaleConfig), y2ScaleConfig),
+    [xScaleConfig, yScaleConfig, y2ScaleConfig]
+  );
+  const legend = (0, react_exports.useMemo)(() => getLegend({ legendDisplay }), [legendDisplay]);
+  const handleChartClick = react_exports.useCallback(
+    (event) => {
+      if (onClick) {
+        handleClick(event, onClick);
+      }
+    },
+    [onClick]
+  );
+  const handleChartLegendClick = react_exports.useCallback(
+    (event) => {
+      if (onClick) {
+        handleLegendClick(event, onClick);
+      }
+    },
+    [onClick]
+  );
+  const lastPayloadRef = react_exports.useRef(null);
+  const lastOriginalEventRef = react_exports.useRef(null);
+  const handleChartCrosshairChange = react_exports.useCallback(
+    (event) => {
+      if (onPointMouseOver || onPointMouseOut) {
+        if (!event) {
+          if (onPointMouseOut && lastPayloadRef.current) {
+            onPointMouseOut({
+              type: "point.mouseout",
+              originalEvent: lastOriginalEventRef.current,
+              payload: lastPayloadRef.current
+            });
+          }
+          return;
+        }
+        const payload = __spreadProps(__spreadValues({}, (0, lodash_exports.pick)(event, "value", "seriesKey", "time", "index", "seriesIndex")), {
+          name: event.seriesKey
+        });
+        delete payload.seriesKey;
+        if (event.rowContext) {
+          Object.keys(event.rowContext).forEach((fieldName) => {
+            payload[`row.${fieldName}.value`] = event.rowContext[fieldName];
+          });
+        }
+        lastPayloadRef.current = payload;
+        lastOriginalEventRef.current = event;
+        if (onPointMouseOver) {
+          onPointMouseOver({
+            type: "point.mouseover",
+            originalEvent: event,
+            payload
+          });
+        }
+      }
+    },
+    [onPointMouseOver, onPointMouseOut]
   );
-  const chartingEventAnnotations = getAnnotationsForCanvas({
-    annotationX,
-    annotationColor,
-    annotationLabel
-  });
-  const MemoizedChart = react_exports.memo(visualization_canvas_exports.TimeSeriesChart);
-  const scaleConfig = __spreadValues(__spreadValues(__spreadValues({}, xScaleConfig), yScaleConfig), y2ScaleConfig);
   const memoizedChart = (0, react_exports.useMemo)(
     () => /* @__PURE__ */ react_exports.createElement(
-      MemoizedChart,
+      visualization_canvas_exports.TimeSeriesChart,
       {
         data: chartData,
         width: containerWidth,
@@ -1397,34 +1508,39 @@ var TimeSeriesChartWrapper = (props) => {
         seriesColors,
         seriesColorsByField,
         seriesConfig: seriesOverrides,
-        legend: getLegend(props),
+        legend,
         scaleConfig,
         timestampFormat: "expanded",
-        onCrosshairClick: (event) => handleClick(event, props),
-        onSeriesClick: (event) => handleLegendClick(event, props),
+        onCrosshairClick: onClick ? handleChartClick : void 0,
+        onCrosshairChange: onPointMouseOver || onPointMouseOut ? handleChartCrosshairChange : void 0,
+        onSeriesClick: onClick ? handleChartLegendClick : void 0,
         userLocale,
         events: chartingEventAnnotations,
         eventsConfig: { renderer: triangleEventAnnotationRenderer }
       }
     ),
     [
-      MemoizedChart,
       chartData,
       containerWidth,
       containerHeight,
       seriesColors,
       seriesColorsByField,
       seriesOverrides,
-      lineWidth,
-      props,
+      legend,
       scaleConfig,
       userLocale,
-      chartingEventAnnotations
+      chartingEventAnnotations,
+      onClick,
+      handleChartClick,
+      onPointMouseOver,
+      onPointMouseOut,
+      handleChartCrosshairChange,
+      handleChartLegendClick
     ]
   );
   const memoizedVisualization = (0, react_exports.useMemo)(() => {
     return /* @__PURE__ */ react_exports.createElement(VizStyleWrapper_default, { backgroundColor }, memoizedChart);
-  }, [backgroundColor]);
+  }, [backgroundColor, memoizedChart]);
   return /* @__PURE__ */ react_exports.createElement(
     TimeSeriesChartContainer,
     {
@@ -1440,6 +1556,7 @@ var TimeSeriesChartWrapper = (props) => {
 var TimeSeriesChartWrapper_default = TimeSeriesChartWrapper;
 
 // src/common/withDashboardViz.tsx
+var SanitizedTimeSeriesChartWrapper = (0, SanitizeProps_exports.withSanitizedProps)(TimeSeriesChartWrapper_default);
 var withDashboardViz = (opts) => {
   const {
     ReactViz,
@@ -1448,6 +1565,7 @@ var withDashboardViz = (opts) => {
     },
     computeVizPropsBeforeEval = () => {
     },
+    computeDataFrames,
     disableEditModeCover,
     useIconPlaceholder
   } = opts;
@@ -1576,11 +1694,19 @@ var withDashboardViz = (opts) => {
             );
             setDataFramesInState(dataFrames);
           }
+          let mergedFrames = dataFrames;
+          if (computeDataFrames && dataFrames) {
+            const derivedFrames = computeDataFrames({
+              dataSources: downsampledDataSources,
+              options: optionsToEvaluate.options
+            });
+            mergedFrames = __spreadValues(__spreadValues({}, dataFrames), derivedFrames);
+          }
           const result = Options_exports.Options.evaluate(
             optionsToEvaluate,
             downsampledDataSources,
             themeFunc,
-            dataFrames,
+            mergedFrames,
             getFeatureFlag(featureFlagContext, "visualizations_bypassCloneDeepOptionScope")
           );
           return result;
@@ -1668,7 +1794,7 @@ var withDashboardViz = (opts) => {
           });
         }
         eventCallbackProps[eventCallbackPropName] = (ev) => {
-          if (ev && ev.payload) {
+          if (ev == null ? void 0 : ev.payload) {
             payload = __spreadValues({}, ev.payload);
           }
           return onEventTrigger({
@@ -1692,10 +1818,7 @@ var withDashboardViz = (opts) => {
     if (useAsyncEvaluatedOptions && Object.keys(evaluatedOptionsToUse).length === 0) {
       return null;
     }
-    let SanitizedViz = SanitizedReactViz;
-    if (isAcceleratedRenderOn) {
-      SanitizedViz = (0, SanitizeProps_exports.withSanitizedProps)(TimeSeriesChartWrapper_default);
-    }
+    const SanitizedViz = isAcceleratedRenderOn ? SanitizedTimeSeriesChartWrapper : SanitizedReactViz;
     return /* @__PURE__ */ react_exports.createElement(
       SanitizedViz,
       __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadProps(__spreadValues({}, SplunkVisualization_default.defaults), {