@splunk/visualizations 27.4.0 → 28.0.0

package/Scatter.js

@@ -1,6 +1,7 @@
 /* Copyright © 2020 Splunk Inc.
 SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
 in part without a valid written license from Splunk Inc. is PROHIBITED. */
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -652,6 +653,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 +699,8 @@ var Charting = (props) => {
     xField,
     backgroundColor,
     defaultFontColor,
-    trellisKey
+    trellisKey,
+    additionalTooltipFields
   } = props;
   const prevOptions = usePrevious(options);
   const prevTimezone = usePrevious(timezone);
@@ -924,7 +927,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 +971,8 @@ var defaultProps = {
   trellisKey: void 0,
   trellisSplitBy: void 0,
   backgroundColor: "",
-  defaultFontColor: ""
+  defaultFontColor: "",
+  additionalTooltipFields: []
 };
 Charting.propTypes = propTypes;
 Charting.defaultProps = defaultProps;
@@ -994,41 +999,41 @@ var defaultImport18 = __toESM(require("@splunk/visualizations-shared/simpleXMLOp
 __reExport(simpleXMLOptions_exports, require("@splunk/visualizations-shared/simpleXMLOptions"));
 var simpleXMLOptions_default = "default" in defaultImport18 ? defaultImport18.default : defaultImport18;
 
-// esm-externals:@splunk/visualization-icons
-var visualization_icons_exports = {};
-__export(visualization_icons_exports, {
-  default: () => visualization_icons_default
-});
-var defaultImport19 = __toESM(require("@splunk/visualization-icons"));
-__reExport(visualization_icons_exports, require("@splunk/visualization-icons"));
-var visualization_icons_default = "default" in defaultImport19 ? defaultImport19.default : defaultImport19;
-
-// esm-externals:@splunk/visualization-icons/placeholders
-var placeholders_exports = {};
-__export(placeholders_exports, {
-  default: () => placeholders_default
-});
-var defaultImport20 = __toESM(require("@splunk/visualization-icons/placeholders"));
-__reExport(placeholders_exports, require("@splunk/visualization-icons/placeholders"));
-var placeholders_default = "default" in defaultImport20 ? defaultImport20.default : defaultImport20;
-
 // esm-externals:@splunk/themes/pick
 var pick_exports = {};
 __export(pick_exports, {
   default: () => pick_default
 });
-var defaultImport21 = __toESM(require("@splunk/themes/pick"));
+var defaultImport19 = __toESM(require("@splunk/themes/pick"));
 __reExport(pick_exports, require("@splunk/themes/pick"));
-var pick_default = "default" in defaultImport21 ? defaultImport21.default : defaultImport21;
+var pick_default = "default" in defaultImport19 ? defaultImport19.default : defaultImport19;
 
 // esm-externals:@splunk/themes/variables
 var variables_exports = {};
 __export(variables_exports, {
   default: () => variables_default
 });
-var defaultImport22 = __toESM(require("@splunk/themes/variables"));
+var defaultImport20 = __toESM(require("@splunk/themes/variables"));
 __reExport(variables_exports, require("@splunk/themes/variables"));
-var variables_default = "default" in defaultImport22 ? defaultImport22.default : defaultImport22;
+var variables_default = "default" in defaultImport20 ? defaultImport20.default : defaultImport20;
+
+// esm-externals:@splunk/visualization-icons
+var visualization_icons_exports = {};
+__export(visualization_icons_exports, {
+  default: () => visualization_icons_default
+});
+var defaultImport21 = __toESM(require("@splunk/visualization-icons"));
+__reExport(visualization_icons_exports, require("@splunk/visualization-icons"));
+var visualization_icons_default = "default" in defaultImport21 ? defaultImport21.default : defaultImport21;
+
+// esm-externals:@splunk/visualization-icons/placeholders
+var placeholders_exports = {};
+__export(placeholders_exports, {
+  default: () => placeholders_default
+});
+var defaultImport22 = __toESM(require("@splunk/visualization-icons/placeholders"));
+__reExport(placeholders_exports, require("@splunk/visualization-icons/placeholders"));
+var placeholders_default = "default" in defaultImport22 ? defaultImport22.default : defaultImport22;
 
 // esm-externals:@splunk/visualizations-shared/configUtils
 var configUtils_exports = {};
@@ -1042,11 +1047,9 @@ var configUtils_default = "default" in defaultImport23 ? defaultImport23.default
 // src/common/utils/configUtils.ts
 function enhanceConfig(vizConfig) {
   const enhancedConfig = __spreadValues({}, vizConfig);
-  enhancedConfig.editorConfig = vizConfig.editorConfig.map(
-    (config2) => {
-      return __spreadProps(__spreadValues({}, config2), { open: config2.open || false });
-    }
-  );
+  enhancedConfig.editorConfig = vizConfig.editorConfig.map((config2) => {
+    return __spreadProps(__spreadValues({}, config2), { open: config2.open || false });
+  });
   return enhancedConfig;
 }
 var insertLayout = (layout, index, ...layoutItems) => [
@@ -1094,7 +1097,6 @@ var TrellisEditorConfig = [
       editorProps: {
         min: 1
       },
-      placeholder: (0, i18n_exports._)("Auto"),
       showEditor: isTrellisEnabled
     }
   ],
@@ -1340,6 +1342,13 @@ var AxesChartDataConfig = {
         }
       }
     ],
+    [
+      {
+        label: (0, i18n_exports._)("Additional tooltip fields"),
+        option: "additionalTooltipFields",
+        editor: "editor.columnMultiSelectionByFieldNameEditor"
+      }
+    ],
     [
       {
         label: (0, i18n_exports._)("Result limit"),
@@ -1760,15 +1769,18 @@ var background = ({
 ];
 var BackgroundColor_default = background;
 
+// src/common/ThemedDefaults.tsx
+var defaultBackgroundColor = (props) => pick_default({
+  enterprise: {
+    dark: variables_default.black(props),
+    light: variables_default.white(props)
+  },
+  prisma: variables_default.backgroundColorSection(props)
+})(props);
+
 // src/common/editorConfig/AxesChartColorAndStyle.ts
 var themes = {
-  defaultBackgroundColor: (props) => pick_default({
-    enterprise: {
-      dark: variables_default.black(props),
-      light: variables_default.backgroundColor(props)
-    },
-    prisma: variables_default.backgroundColorSidebar(props)
-  })(props)
+  defaultBackgroundColor
 };
 var AxesChartColorAndStyle = {
   label: (0, i18n_exports._)("Color and style"),
@@ -2085,13 +2097,7 @@ var size = {
 };
 var defaultContext = {};
 var themes2 = {
-  defaultBackgroundColor: (props) => pick_default({
-    enterprise: {
-      dark: variables_default.black(props),
-      light: variables_default.backgroundColor(props)
-    },
-    prisma: variables_default.backgroundColorSidebar(props)
-  })(props),
+  defaultBackgroundColor,
   defaultFontColor: (props) => pick_default({
     enterprise: {
       dark: variables_default.textColor(props),
@@ -2460,9 +2466,14 @@ var Item = styled_components_default.div.attrs(({ width }) => ({
     position: relative;
     background-color: ${(props) => (0, colorUtils_exports.isColor)(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor}};
 `;
-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) })
-}))`
+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) })
+  })
+)`
     position: relative;
     flex-direction: column;
     flex: 1;
@@ -2496,7 +2507,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "27.4.0 - 92ef39d5c",
+        "data-splunk-visualization-version": "28.0.0 - 0c5f07712",
         width,
         height,
         backgroundColor
@@ -2562,7 +2573,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "27.4.0 - 92ef39d5c"
+  "data-splunk-visualization-version": "28.0.0 - 0c5f07712"
 })`
     position: relative;
     width: 100%;
@@ -2706,7 +2717,12 @@ var useGetXAndYFields = ({
         y2Fields: options.y2 ? "> y2 | getField()" : void 0,
         fieldTypes: "> primary | getType()"
       };
-      const { xField = "", yFields = [], y2Fields = [], fieldTypes } = Options_exports.Options.evaluate(
+      const {
+        xField = "",
+        yFields = [],
+        y2Fields = [],
+        fieldTypes
+      } = Options_exports.Options.evaluate(
         { options: optionsToEvaluate, context },
         dataSourcesWithOnlyOnePoint,
         () => {
@@ -3320,7 +3336,9 @@ var withDashboardViz = (opts) => {
           return result;
         }
       } catch (e) {
-        console.error(`unexpected error evaluating options: ${e.message}`);
+        if (e instanceof Error) {
+          console.error(`unexpected error evaluating options: ${e.message}`);
+        }
         return {};
       }
       return {};
@@ -3379,7 +3397,11 @@ var withDashboardViz = (opts) => {
           if (ev && ev.payload) {
             payload = ev.payload;
           }
-          return onEventTrigger({ originalEvent: ev, payload, type: eventName });
+          return onEventTrigger({
+            originalEvent: ev,
+            payload,
+            type: eventName
+          });
         };
         if (parentKeys) {
           for (let i = parentKeys.length - 1; i >= 0; i -= 1) {
@@ -3644,7 +3666,9 @@ var withTrellis = (Viz) => {
       const evaluated = Options_exports.Options.evaluate(
         {
           context: Viz.config.context,
-          options: { trellisBackgroundColor: mergedOptions.trellisBackgroundColor }
+          options: {
+            trellisBackgroundColor: mergedOptions.trellisBackgroundColor
+          }
         },
         {},
         themeFunc
@@ -3817,7 +3841,9 @@ var computeVizProps = (_a) => {
     onEventTrigger
   };
   const { hasEventHandlers } = otherOptions;
-  computedProps.options = (0, lodash_exports.chain)(otherOptions).pick(validOptions).thru(convertToScatterSCProperties).thru((options) => __spreadProps(__spreadValues({}, (0, simpleXMLOptions_exports.getSimpleXMLOptionsForProps)(options)), { chart: "scatter" })).value();
+  computedProps.options = (0, lodash_exports.chain)(otherOptions).pick(validOptions).thru(convertToScatterSCProperties).thru((options) => __spreadProps(__spreadValues({}, (0, simpleXMLOptions_exports.getSimpleXMLOptionsForProps)(options)), {
+    chart: "scatter"
+  })).value();
   let primaryData = __spreadValues({}, dataSources.primary.data);
   const columns = [x.map(String), y.map(String)];
   const fields = [{ name: xField }, { name: yField }];
@@ -3834,7 +3860,9 @@ var computeVizProps = (_a) => {
   computedProps.chartData = charting_bundle_default.extractChartReadyData(__spreadValues({}, primaryData));
   if (hasEventHandlers) {
     computedProps.onClick = (event) => {
-      onEventTrigger(__spreadProps(__spreadValues({}, event), { payload: __spreadProps(__spreadValues({}, event.payload), { name: yField }) }));
+      onEventTrigger(__spreadProps(__spreadValues({}, event), {
+        payload: __spreadProps(__spreadValues({}, event.payload), { name: yField })
+      }));
     };
   }
   return computedProps;