@splunk/visualizations 27.3.0 → 27.5.0

package/Bar.js

@@ -652,6 +652,7 @@ var propTypes = {
   onDownsamplingThresholdChange: prop_types_exports.func,
   xField: prop_types_exports.string,
   y2Fields: prop_types_exports.array,
+  additionalTooltipFields: prop_types_exports.array,
   splitByLayout: prop_types_exports.oneOf(Object.values(visualization_schemas_exports.LAYOUT_TYPE)),
   trellisKey: prop_types_exports.string,
   trellisSplitBy: prop_types_exports.string,
@@ -697,7 +698,8 @@ var Charting = (props) => {
     xField,
     backgroundColor,
     defaultFontColor,
-    trellisKey
+    trellisKey,
+    additionalTooltipFields
   } = props;
   const prevOptions = usePrevious(options);
   const prevTimezone = usePrevious(timezone);
@@ -924,7 +926,8 @@ var Charting = (props) => {
     timezone == null ? void 0 : timezone.utcOffset,
     timezone == null ? void 0 : timezone.serializedTimezone,
     themeKey,
-    onClick
+    onClick,
+    additionalTooltipFields
   ]);
   return /* @__PURE__ */ react_exports.createElement(react_exports.Fragment, null, trellisEnabled && /* @__PURE__ */ react_exports.createElement(
     TrellisTitle,
@@ -967,7 +970,8 @@ var defaultProps = {
   trellisKey: void 0,
   trellisSplitBy: void 0,
   backgroundColor: "",
-  defaultFontColor: ""
+  defaultFontColor: "",
+  additionalTooltipFields: []
 };
 Charting.propTypes = propTypes;
 Charting.defaultProps = defaultProps;
@@ -1094,6 +1098,13 @@ var AxesChartDataConfig = {
         }
       }
     ],
+    [
+      {
+        label: (0, i18n_exports._)("Additional tooltip fields"),
+        option: "additionalTooltipFields",
+        editor: "editor.columnMultiSelectionByFieldNameEditor"
+      }
+    ],
     [
       {
         label: (0, i18n_exports._)("Result limit"),
@@ -1418,6 +1429,20 @@ var AxesChartDataDisplayBar = {
     ...AxesChartDataDisplayBase.layout.slice(2)
   ]
 };
+var AxesChartDataDisplayScatter = {
+  label: AxesChartDataDisplayBase.label,
+  layout: [
+    ...TrellisEditorConfig,
+    [
+      {
+        label: (0, i18n_exports._)("Shared y-axis scale"),
+        option: "trellisSharedScale",
+        editor: "editor.checkbox",
+        showEditor: isTrellisEnabled3
+      }
+    ]
+  ]
+};
 var AxesChartDataDisplayColumn = {
   label: AxesChartDataDisplayBase.label,
   layout: [
@@ -1776,7 +1801,7 @@ var AxesChartColorAndStyle = {
     ]
   ]
 };
-var AreaAxesChartColorAndStyleWithTrellis = __spreadProps(__spreadValues({}, AxesChartColorAndStyle), {
+var AxesChartColorAndStyleWithTrellis = __spreadProps(__spreadValues({}, AxesChartColorAndStyle), {
   layout: [
     AxesChartColorAndStyle.layout[0],
     [
@@ -2282,9 +2307,9 @@ var editorConfig = [
   AxesChartDataConfigBar,
   AxesChartDataDisplayBar,
   {
-    label: AreaAxesChartColorAndStyleWithTrellis.label,
+    label: AxesChartColorAndStyleWithTrellis.label,
     layout: [
-      ...AreaAxesChartColorAndStyleWithTrellis.layout,
+      ...AxesChartColorAndStyleWithTrellis.layout,
       [
         {
           label: (0, i18n_exports._)("Line width"),
@@ -2741,7 +2766,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "27.3.0 - bd2e687fd",
+        "data-splunk-visualization-version": "27.5.0 - 5cfbc7064",
         width,
         height,
         backgroundColor
@@ -2807,7 +2832,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "27.3.0 - bd2e687fd"
+  "data-splunk-visualization-version": "27.5.0 - 5cfbc7064"
 })`
     position: relative;
     width: 100%;
@@ -3772,6 +3797,16 @@ var constructFieldsAndColumns = ({
     fields
   };
 };
+function constructAdditionalTooltipFieldsMap({ fields, columns, additionalTooltipFields }) {
+  const map = {};
+  additionalTooltipFields == null ? void 0 : additionalTooltipFields.forEach((fieldName) => {
+    const index = fields.findIndex((f) => f.name === fieldName);
+    if (index !== -1) {
+      map[fieldName] = columns[index];
+    }
+  });
+  return map;
+}
 
 // src/Bar/barUtils.ts
 var barOptionsSCMapping = {
@@ -4109,7 +4144,8 @@ var computeVizProps = (_a) => {
     visualizationApiRef,
     trellisKey,
     trellisSplitBy,
-    themeFunc
+    themeFunc,
+    additionalTooltipFields
   } = _b, otherOptions = __objRest(_b, [
     "dataSources",
     "x",
@@ -4120,7 +4156,8 @@ var computeVizProps = (_a) => {
     "visualizationApiRef",
     "trellisKey",
     "trellisSplitBy",
-    "themeFunc"
+    "themeFunc",
+    "additionalTooltipFields"
   ]);
   const defaultFontColor = themeFunc("defaultFontColor");
   const computedProps = {
@@ -4135,12 +4172,18 @@ var computeVizProps = (_a) => {
   const truncationLimit = computedProps.options["chart.resultTruncationLimit"];
   let primaryData = __spreadValues({}, dataSources.primary.data);
   const { columns, fields } = constructFieldsAndColumns({ x, y, xField, yFields, y2, y2Fields });
+  const additionalTooltipFieldsConstructed = constructAdditionalTooltipFieldsMap(__spreadProps(__spreadValues({}, dataSources.primary.data), {
+    additionalTooltipFields
+  }));
   primaryData.columns = columns;
   primaryData.fields = fields;
   if (truncationLimit) {
     primaryData = truncateData(primaryData, truncationLimit);
   }
-  computedProps.chartData = charting_bundle_default.extractChartReadyData(__spreadValues({}, primaryData));
+  computedProps.chartData = charting_bundle_default.extractChartReadyData(
+    __spreadValues({}, primaryData),
+    { additionalTooltipFields: additionalTooltipFieldsConstructed }
+  );
   if (otherOptions.hasEventHandlers) {
     computedProps.onClick = onEventTrigger;
     computedProps.onSelect = onEventTrigger;