@splunk/visualizations 28.2.2 → 28.3.0

package/Events/EventUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventUtils.d.ts","sourceRoot":"","sources":["../src/Events/EventUtils.ts"],"names":[],"mappings":"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"}

package/Events/Events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Events.d.ts","sourceRoot":"","sources":["../src/Events/Events.tsx"],"names":[],"mappings":"AAIA,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAoB,MAAM,cAAc,CAAC;AAE/D;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAG,gBAAW,YAM7C,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI;;CAAY;;CAO3C,CAAC;AAEF,QAAA,MAAM,MAAM,6KAMU,CAAC;AACvB,QAAA,MAAQ,MAAM,KAAW,CAAC;AAC1B,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC"}

package/Events/PureEvents/FieldSummaryTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldSummaryTooltip.d.ts","sourceRoot":"","sources":["../../src/Events/PureEvents/FieldSummaryTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA2B,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAG1D,OAAqB,EAAE,SAAS,EAAU,MAAM,qDAAqD,CAAC;AAQtG,OAAO,CAAC,MAAM,YAAY,CAAC;AAE3B,MAAM,WAAW,wBAAwB;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,CAAC;IAC9C,eAAe,EAAE,CAAC,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1G,mBAAmB,EAAE,CAAC,CAAC,EAAE,cAAc,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACrG,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;CAC3C;AAsCD,QAAA,MAAM,mBAAmB;YAAW,wBAAwB,GAAG,KAAK,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;CAiEhF,CAAC;AAwBF,eAAe,mBAAmB,CAAC"}

package/Events/PureEvents/PureEvents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PureEvents.d.ts","sourceRoot":"","sources":["../../src/Events/PureEvents/PureEvents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,OAAO,KAAK,EAER,WAAW,EAEX,YAAY,EACf,MAAM,6CAA6C,CAAC;AAGrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAkB1D,OAAO,KAAK,EAAgB,yBAAyB,EAAE,MAAM,eAAe,CAAC;AAI7E,KAAK,oBAAoB,GAAG;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAqDF,UAAU,WAAW;IAEjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,sBAAsB,CAAC,EAAE,yBAAyB,CAAC;IACnD,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,CAAA;KAAE,KAAK,IAAI,CAAC;IACtF,qBAAqB,CAAC,EAAE,CACpB,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,oBAAoB,GAAG;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAC7D,IAAI,CAAC;IACV,cAAc,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;CAC7C;;AAkYD,wBAAkD"}

package/Events/PureEvents/TimeControlsPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeControlsPopover.d.ts","sourceRoot":"","sources":["../../src/Events/PureEvents/TimeControlsPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAevC,OAAO,CAAC,MAAM,YAAY,CAAC;AAC3B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAsDlD,QAAA,MAAM,mBAAmB;YAAW,wBAAwB,GAAG,KAAK,CAAC,YAAY;;;;;;;;;;;;;;;;;CAwLhF,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,eAAe,EAAE,CAAC,CAAC,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;IACzE,EAAE,EAAE,MAAM,CAAC;CACd;AAoBD,eAAe,mBAAmB,CAAC"}

package/Events/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/Events/config.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;;AAyH3D,wBAAqC"}

package/Events/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/Events/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

package/Events.js

@@ -489,7 +489,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "28.2.2 - b595a32f1"
+  "data-splunk-visualization-version": "28.3.0 - 843e0f60b"
 })`
     position: relative;
     width: 100%;
@@ -588,7 +588,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "28.2.2 - b595a32f1",
+        "data-splunk-visualization-version": "28.3.0 - 843e0f60b",
         width,
         height,
         backgroundColor
@@ -1159,9 +1159,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
@@ -1251,12 +1256,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;
@@ -1269,9 +1277,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;
@@ -1283,9 +1294,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;
@@ -1317,6 +1331,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;
     }
@@ -1333,27 +1350,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
@@ -1361,7 +1381,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,
@@ -1372,6 +1406,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,
@@ -1408,11 +1445,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 = [
@@ -1421,24 +1464,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,
@@ -1446,34 +1552,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,
     {
@@ -1489,6 +1600,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,
@@ -1497,6 +1609,7 @@ var withDashboardViz = (opts) => {
     },
     computeVizPropsBeforeEval = () => {
     },
+    computeDataFrames,
     disableEditModeCover,
     useIconPlaceholder
   } = opts;
@@ -1625,11 +1738,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;
@@ -1717,7 +1838,7 @@ var withDashboardViz = (opts) => {
           });
         }
         eventCallbackProps[eventCallbackPropName] = (ev) => {
-          if (ev && ev.payload) {
+          if (ev == null ? void 0 : ev.payload) {
             payload = __spreadValues({}, ev.payload);
           }
           return onEventTrigger({
@@ -1741,10 +1862,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), {
@@ -2641,6 +2759,33 @@ var SUIEventsViewerContainer = styled_components_default.div`
   });
 }};
 `;
+var handleMenuItemClick = (onMenuItemClick, e, fieldActionProps, tokenReplacementMap) => onMenuItemClick(e, fieldActionProps, tokenReplacementMap);
+var createFieldActionComponent = (fieldActionProps, dataSources, label, currentFieldName, onMenuItemClick) => {
+  const { field, value, rowIndex, pageNumber, event } = fieldActionProps;
+  const tokenReplacementMap = generateTokenReplacementMap({
+    dataSources,
+    rowIndex,
+    pageNumber,
+    field,
+    value,
+    event
+  });
+  const replacedLabel = replaceTokens({
+    text: label,
+    tokenReplacementMap,
+    allowSpecialParametersEscape: false,
+    allowFieldValuesEscape: false
+  });
+  const truncatedLabel = truncateString(replacedLabel);
+  return /* @__PURE__ */ react_exports.createElement(
+    Menu_default.Item,
+    {
+      key: `${currentFieldName}-field-action-${truncatedLabel}`,
+      onClick: (e) => handleMenuItemClick(onMenuItemClick, e, fieldActionProps, tokenReplacementMap)
+    },
+    truncatedLabel
+  );
+};
 var PureEvents = (props) => {
   const {
     width,
@@ -2673,6 +2818,7 @@ var PureEvents = (props) => {
       );
       return fieldSummaryMapping;
     } catch (e) {
+      (0, lodash_exports.noop)(e);
       return {};
     }
   }, [dataSources, showFieldSummary]);
@@ -2683,6 +2829,30 @@ var PureEvents = (props) => {
   const [fieldSummaryAnchor, setFieldSummaryAnchor] = react_exports.useState(null);
   const [timeValue, setTimeValue] = react_exports.useState(null);
   const [timeFieldAnchor, setTimeFieldAnchor] = react_exports.useState(null);
+  const createEventActionComponent = (eventActionProps, onMenuItemClick, label) => {
+    const { rowIndex, pageNumber, event } = eventActionProps;
+    const tokenReplacementMap = generateTokenReplacementMap({
+      dataSources,
+      rowIndex,
+      pageNumber,
+      event
+    });
+    const replacedLabel = replaceTokens({
+      text: label,
+      tokenReplacementMap,
+      allowSpecialParametersEscape: false,
+      allowFieldValuesEscape: false
+    });
+    const truncatedLabel = truncateString(replacedLabel);
+    return /* @__PURE__ */ react_exports.createElement(
+      Menu_default.Item,
+      {
+        key: `event-action-${truncatedLabel}`,
+        onClick: (e) => onMenuItemClick(e, eventActionProps, tokenReplacementMap)
+      },
+      truncatedLabel
+    );
+  };
   const renderEventActions = react_exports.useMemo(
     () => !Array.isArray(eventActions) ? [] : eventActions.map(({ eventType, label, eventtypeValues = [], fieldFilters = [] }) => {
       const onMenuItemClick = (e, eventActionProps, tokenReplacementMap) => {
@@ -2695,30 +2865,7 @@ var PureEvents = (props) => {
           payload
         });
       };
-      const eventActionComponent = (eventActionProps) => {
-        const { rowIndex, pageNumber, event } = eventActionProps;
-        const tokenReplacementMap = generateTokenReplacementMap({
-          dataSources,
-          rowIndex,
-          pageNumber,
-          event
-        });
-        const replacedLabel = replaceTokens({
-          text: label,
-          tokenReplacementMap,
-          allowSpecialParametersEscape: false,
-          allowFieldValuesEscape: false
-        });
-        const truncatedLabel = truncateString(replacedLabel);
-        return /* @__PURE__ */ react_exports.createElement(
-          Menu_default.Item,
-          {
-            key: `event-action-${truncatedLabel}`,
-            onClick: (e) => onMenuItemClick(e, eventActionProps, tokenReplacementMap)
-          },
-          truncatedLabel
-        );
-      };
+      const eventActionComponent = (eventActionProps) => createEventActionComponent(eventActionProps, onMenuItemClick, label);
       return {
         eventtypeValues,
         fieldFilters,
@@ -2727,56 +2874,38 @@ var PureEvents = (props) => {
     }),
     [eventActions]
   );
+  const setFieldActionsMapItem = (currentFieldActions, currentFieldName) => currentFieldActions.map(({ eventType, label, eventtypeValues = [] }) => {
+    const onMenuItemClick = (e, fieldActionProps, tokenReplacementMap) => {
+      const payload = convertToPayloadFormat(fieldActionProps.event, {
+        name: fieldActionProps.field,
+        value: fieldActionProps.value,
+        tokenReplacementMap
+      });
+      onEventTrigger({
+        originalEvent: e,
+        type: eventType,
+        payload
+      });
+    };
+    const fieldActionComponent = (fieldActionProps) => createFieldActionComponent(
+      fieldActionProps,
+      dataSources,
+      label,
+      currentFieldName,
+      onMenuItemClick
+    );
+    return {
+      eventtypeValues,
+      fieldActionComponent
+    };
+  });
   const renderFieldActions = react_exports.useMemo(() => {
-    if (typeof fieldActions !== "object") return {};
     const fieldActionsMap = {};
     Object.entries(fieldActions).forEach(
       ([currentFieldName, currentFieldActions]) => {
-        fieldActionsMap[currentFieldName] = currentFieldActions.map(
-          ({ eventType, label, eventtypeValues = [] }) => {
-            const onMenuItemClick = (e, fieldActionProps, tokenReplacementMap) => {
-              const payload = convertToPayloadFormat(fieldActionProps.event, {
-                name: fieldActionProps.field,
-                value: fieldActionProps.value,
-                tokenReplacementMap
-              });
-              onEventTrigger({
-                originalEvent: e,
-                type: eventType,
-                payload
-              });
-            };
-            const fieldActionComponent = (fieldActionProps) => {
-              const { field, value, rowIndex, pageNumber, event } = fieldActionProps;
-              const tokenReplacementMap = generateTokenReplacementMap({
-                dataSources,
-                rowIndex,
-                pageNumber,
-                field,
-                value,
-                event
-              });
-              const replacedLabel = replaceTokens({
-                text: label,
-                tokenReplacementMap,
-                allowSpecialParametersEscape: false,
-                allowFieldValuesEscape: false
-              });
-              const truncatedLabel = truncateString(replacedLabel);
-              return /* @__PURE__ */ react_exports.createElement(
-                Menu_default.Item,
-                {
-                  key: `${currentFieldName}-field-action-${truncatedLabel}`,
-                  onClick: (e) => onMenuItemClick(e, fieldActionProps, tokenReplacementMap)
-                },
-                truncatedLabel
-              );
-            };
-            return {
-              eventtypeValues,
-              fieldActionComponent
-            };
-          }
+        fieldActionsMap[currentFieldName] = setFieldActionsMapItem(
+          currentFieldActions,
+          currentFieldName
         );
       }
     );
@@ -2905,6 +3034,20 @@ var PureEvents = (props) => {
     ))
   );
 };
+var eventActionShape = prop_types_exports.exact({
+  eventType: prop_types_exports.string.isRequired,
+  label: prop_types_exports.string.isRequired,
+  eventtypeValues: prop_types_exports.arrayOf(prop_types_exports.string),
+  fieldFilters: prop_types_exports.arrayOf(prop_types_exports.string)
+});
+var eventActionsPropType = prop_types_exports.arrayOf(eventActionShape);
+var fieldActionShape = prop_types_exports.exact({
+  eventType: prop_types_exports.string.isRequired,
+  label: prop_types_exports.string.isRequired,
+  eventtypeValues: prop_types_exports.arrayOf(prop_types_exports.string)
+});
+var fieldActionArrayPropType = prop_types_exports.arrayOf(fieldActionShape);
+var fieldActionsPropType = prop_types_exports.objectOf(fieldActionArrayPropType);
 PureEvents.propTypes = {
   width: prop_types_exports.oneOfType([prop_types_exports.string, prop_types_exports.number]),
   height: prop_types_exports.oneOfType([prop_types_exports.string, prop_types_exports.number]),
@@ -2912,27 +3055,8 @@ PureEvents.propTypes = {
   // eslint-disable-next-line react/no-unused-prop-types
   mode: prop_types_exports.string,
   backgroundColor: prop_types_exports.string,
-  eventActions: prop_types_exports.arrayOf(
-    prop_types_exports.shape({
-      // key to identify this event
-      eventType: prop_types_exports.string,
-      // label for the menu item
-      label: prop_types_exports.string,
-      eventtypeValues: prop_types_exports.arrayOf(prop_types_exports.string),
-      fieldFilters: prop_types_exports.arrayOf(prop_types_exports.string)
-    })
-  ),
-  fieldActions: prop_types_exports.objectOf(
-    prop_types_exports.arrayOf(
-      prop_types_exports.shape({
-        // key to identify this event
-        eventType: prop_types_exports.string,
-        // label for the menu item
-        label: prop_types_exports.string,
-        eventtypeValues: prop_types_exports.arrayOf(prop_types_exports.string)
-      })
-    )
-  ),
+  eventActions: eventActionsPropType,
+  fieldActions: fieldActionsPropType,
   showFieldSummary: prop_types_exports.bool,
   footerFields: prop_types_exports.array,
   highlightValuesByField: prop_types_exports.objectOf(prop_types_exports.oneOfType([prop_types_exports.string, prop_types_exports.arrayOf(prop_types_exports.string)])),