@splunk/visualizations 27.5.0 → 28.1.0

package/ChoroplethSvg.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;
@@ -478,9 +479,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;
@@ -514,7 +520,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "27.5.0 - 5cfbc7064",
+        "data-splunk-visualization-version": "28.1.0 - 4a1bff08b",
         width,
         height,
         backgroundColor
@@ -580,7 +586,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "27.5.0 - 5cfbc7064"
+  "data-splunk-visualization-version": "28.1.0 - 4a1bff08b"
 })`
     position: relative;
     width: 100%;
@@ -958,7 +964,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,
         () => {
@@ -1239,7 +1250,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 {};
@@ -1296,9 +1309,13 @@ var withDashboardViz = (opts) => {
         }
         eventCallbackProps[eventCallbackPropName] = (ev) => {
           if (ev && ev.payload) {
-            payload = ev.payload;
+            payload = __spreadValues({}, 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) {
@@ -1424,7 +1441,9 @@ var _SvgMutator = class _SvgMutator {
     if (!xPath) {
       throw new Error("xPath property not defined");
     }
-    const hits = _SvgMutator.evaluateXPath(xPath, target, __spreadProps(__spreadValues({}, data), { $i: i }));
+    const hits = _SvgMutator.evaluateXPath(xPath, target, __spreadProps(__spreadValues({}, data), {
+      $i: i
+    }));
     let hit;
     for (hit = hits.iterateNext(); hit; hit = hits.iterateNext()) {
       _SvgMutator.mutateNode(hit, dataBinding, data, i);
@@ -1480,7 +1499,8 @@ var _SvgMutator = class _SvgMutator {
       frameBorder: 0,
       sandbox: "allow-scripts",
       id: "svgChoroplethIframe",
-      "data-test": "svgChoroplethIframe"
+      "data-test": "svgChoroplethIframe",
+      "data-viz-supports-simulated-clicks": true
     });
     let intervalID = null;
     let messageListener = null;
@@ -1763,6 +1783,15 @@ value: ${data.values[i]}`;
               name
             }
           }, eventSetting));
+          const outlineDiv = div.closest('[data-test="select-outline"]');
+          if (outlineDiv) {
+            const focusEvent = new FocusEvent("focus", {
+              bubbles: true,
+              cancelable: true,
+              relatedTarget: outlineDiv
+            });
+            outlineDiv.dispatchEvent(focusEvent);
+          }
         } else {
           mEvent = new MouseEvent(eventType, __spreadValues({
             clientX: realClientX,
@@ -1826,7 +1855,10 @@ var SvgChoroplethDynamic = class extends react_exports.Component {
     const { svg } = this.props;
     if (svg) {
       try {
-        this.setState({ svgNode: new SvgMutator(this.props).mutate(), renderCT: Date.now() });
+        this.setState({
+          svgNode: new SvgMutator(this.props).mutate(),
+          renderCT: Date.now()
+        });
       } catch (e) {
         console.error(e);
       }
@@ -1900,7 +1932,7 @@ var computeSvgDynamicProps = (_a) => {
 };
 var PureChoroplethSvg = (_a) => {
   var props = __objRest(_a, []);
-  const { width, height, backgroundColor } = props;
+  const { width = "100%", height = 250, backgroundColor } = props;
   const cachedHandleResize = react_exports.useCallback((w, h) => {
     setContainerWidth(w);
     setContainerHeight(h);
@@ -1919,76 +1951,59 @@ var PureChoroplethSvg = (_a) => {
   };
   return /* @__PURE__ */ react_exports.createElement(Container, { width, height }, /* @__PURE__ */ react_exports.createElement(ChoroplethSvgWrapper, null, /* @__PURE__ */ react_exports.createElement(SizeAwareWrapper_default, { width, height, onResize: cachedHandleResize }), renderVisualization()));
 };
-PureChoroplethSvg.defaultProps = {
-  width: "100%",
-  height: 250,
-  onAreaClick: () => {
-  }
-};
 var PureChoroplethSvg_default = PureChoroplethSvg;
 
-// esm-externals:@splunk/themes/pick
-var pick_exports = {};
-__export(pick_exports, {
-  default: () => pick_default
-});
-var defaultImport30 = __toESM(require("@splunk/themes/pick"));
-__reExport(pick_exports, require("@splunk/themes/pick"));
-var pick_default = "default" in defaultImport30 ? defaultImport30.default : defaultImport30;
-
 // esm-externals:@splunk/visualization-schemas
 var visualization_schemas_exports = {};
 __export(visualization_schemas_exports, {
   default: () => visualization_schemas_default
 });
-var defaultImport31 = __toESM(require("@splunk/visualization-schemas"));
+var defaultImport30 = __toESM(require("@splunk/visualization-schemas"));
 __reExport(visualization_schemas_exports, require("@splunk/visualization-schemas"));
-var visualization_schemas_default = "default" in defaultImport31 ? defaultImport31.default : defaultImport31;
+var visualization_schemas_default = "default" in defaultImport30 ? defaultImport30.default : defaultImport30;
 
 // esm-externals:@splunk/visualization-color-palettes/editors/PresetPalettes
 var PresetPalettes_exports = {};
 __export(PresetPalettes_exports, {
   default: () => PresetPalettes_default
 });
-var defaultImport32 = __toESM(require("@splunk/visualization-color-palettes/editors/PresetPalettes"));
+var defaultImport31 = __toESM(require("@splunk/visualization-color-palettes/editors/PresetPalettes"));
 __reExport(PresetPalettes_exports, require("@splunk/visualization-color-palettes/editors/PresetPalettes"));
-var PresetPalettes_default = "default" in defaultImport32 ? defaultImport32.default : defaultImport32;
+var PresetPalettes_default = "default" in defaultImport31 ? defaultImport31.default : defaultImport31;
 
 // esm-externals:@splunk/visualization-icons
 var visualization_icons_exports = {};
 __export(visualization_icons_exports, {
   default: () => visualization_icons_default
 });
-var defaultImport33 = __toESM(require("@splunk/visualization-icons"));
+var defaultImport32 = __toESM(require("@splunk/visualization-icons"));
 __reExport(visualization_icons_exports, require("@splunk/visualization-icons"));
-var visualization_icons_default = "default" in defaultImport33 ? defaultImport33.default : defaultImport33;
+var visualization_icons_default = "default" in defaultImport32 ? defaultImport32.default : defaultImport32;
 
 // esm-externals:@splunk/visualization-icons/placeholders
 var placeholders_exports = {};
 __export(placeholders_exports, {
   default: () => placeholders_default
 });
-var defaultImport34 = __toESM(require("@splunk/visualization-icons/placeholders"));
+var defaultImport33 = __toESM(require("@splunk/visualization-icons/placeholders"));
 __reExport(placeholders_exports, require("@splunk/visualization-icons/placeholders"));
-var placeholders_default = "default" in defaultImport34 ? defaultImport34.default : defaultImport34;
+var placeholders_default = "default" in defaultImport33 ? defaultImport33.default : defaultImport33;
 
 // esm-externals:@splunk/visualizations-shared/configUtils
 var configUtils_exports = {};
 __export(configUtils_exports, {
   default: () => configUtils_default
 });
-var defaultImport35 = __toESM(require("@splunk/visualizations-shared/configUtils"));
+var defaultImport34 = __toESM(require("@splunk/visualizations-shared/configUtils"));
 __reExport(configUtils_exports, require("@splunk/visualizations-shared/configUtils"));
-var configUtils_default = "default" in defaultImport35 ? defaultImport35.default : defaultImport35;
+var configUtils_default = "default" in defaultImport34 ? defaultImport34.default : defaultImport34;
 
 // src/common/utils/configUtils.ts
 function enhanceConfig(vizConfig) {
   const enhancedConfig = __spreadValues({}, vizConfig);
-  enhancedConfig.editorConfig = vizConfig.editorConfig.map(
-    (config3) => {
-      return __spreadProps(__spreadValues({}, config3), { open: config3.open || false });
-    }
-  );
+  enhancedConfig.editorConfig = vizConfig.editorConfig.map((config3) => {
+    return __spreadProps(__spreadValues({}, config3), { open: config3.open || false });
+  });
   return enhancedConfig;
 }
 
@@ -2001,6 +2016,24 @@ var StaticBackgroundColorEditor = {
 };
 var StaticBackgroundColorEditor_default = StaticBackgroundColorEditor;
 
+// esm-externals:@splunk/themes/pick
+var pick_exports = {};
+__export(pick_exports, {
+  default: () => pick_default
+});
+var defaultImport35 = __toESM(require("@splunk/themes/pick"));
+__reExport(pick_exports, require("@splunk/themes/pick"));
+var pick_default = "default" in defaultImport35 ? defaultImport35.default : defaultImport35;
+
+// 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/ChoroplethSvg/config.ts
 var dataContract = {
   requiredDataSources: [],
@@ -2019,7 +2052,9 @@ var size = {
   initialHeight: 300
 };
 var defaultContext = {
-  areaColorsGradientConfig: { colors: ["#7EEFDA", "#6484F6", "#C093F9", "#293873"] },
+  areaColorsGradientConfig: {
+    colors: ["#7EEFDA", "#6484F6", "#C093F9", "#293873"]
+  },
   areaColorsRangeConfig: [
     { to: 20, value: "#D41F1F" },
     { from: 20, to: 40, value: "#D94E17" },
@@ -2030,13 +2065,7 @@ var defaultContext = {
   areaColorsMatchConfig: [{ match: "", value: "#5C33FF" }]
 };
 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 editorConfig = [
   {
@@ -2207,11 +2236,11 @@ var ErrorMessage_default = ErrorMessage;
 // src/ChoroplethSvg/ChoroplethSvg.tsx
 var config2 = config_default;
 var PureChoroplethSvg2 = PureChoroplethSvg_default;
-var createProtocolHandlers = (featureFlagContext = {}, imageContext) => {
+var createProtocolHandlers = (featureFlagContext = {}, imageContext = null) => {
   const handlers = {
     data: new Downloader_exports.URLDownloader()
   };
-  if (imageContext) {
+  if (imageContext && imageContext.listProviders) {
     imageContext.listProviders().forEach(({ type }) => {
       handlers[type] = new Downloader_exports.ImageRegistryFetcher(imageContext);
     });
@@ -2245,7 +2274,9 @@ var ChoroplethSvg = (_a) => {
       url,
       protocolHandlers: createProtocolHandlers(featureFlagContext, imageContext),
       renderContent: (svgString) => {
-        const pureVizProps = __spreadProps(__spreadValues({}, props), { svg: svgString });
+        const pureVizProps = __spreadProps(__spreadValues({}, props), {
+          svg: svgString
+        });
         return /* @__PURE__ */ react_exports.createElement(PureChoroplethSvg2, __spreadValues({}, pureVizProps));
       },
       renderError: (error) => {