@splunk/visualizations 24.5.0 → 24.5.3

package/Area.js

@@ -582,7 +582,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "24.5.0 - b75bfbe79",
+      "data-splunk-visualization-version": "24.5.3 - 3129e19a7",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -1555,7 +1555,7 @@ var Cover = styled_components_1.default.div.withConfig({
   componentId: "sc-1gsbnxb-0"
 })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
 var Blocker = styled_components_1.default.div.attrs({
-  'data-splunk-visualization-version': "24.5.0 - b75bfbe79"
+  'data-splunk-visualization-version': "24.5.3 - 3129e19a7"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"

package/Bar.js

@@ -582,7 +582,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "24.5.0 - b75bfbe79",
+      "data-splunk-visualization-version": "24.5.3 - 3129e19a7",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -1555,7 +1555,7 @@ var Cover = styled_components_1.default.div.withConfig({
   componentId: "sc-1gsbnxb-0"
 })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
 var Blocker = styled_components_1.default.div.attrs({
-  'data-splunk-visualization-version': "24.5.0 - b75bfbe79"
+  'data-splunk-visualization-version': "24.5.3 - 3129e19a7"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"

package/Bubble.js

@@ -582,7 +582,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "24.5.0 - b75bfbe79",
+      "data-splunk-visualization-version": "24.5.3 - 3129e19a7",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -1555,7 +1555,7 @@ var Cover = styled_components_1.default.div.withConfig({
   componentId: "sc-1gsbnxb-0"
 })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
 var Blocker = styled_components_1.default.div.attrs({
-  'data-splunk-visualization-version': "24.5.0 - b75bfbe79"
+  'data-splunk-visualization-version': "24.5.3 - 3129e19a7"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"

package/ChoroplethSvg.js

@@ -582,7 +582,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "24.5.0 - b75bfbe79",
+      "data-splunk-visualization-version": "24.5.3 - 3129e19a7",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -1550,7 +1550,7 @@ var Cover = styled_components_1.default.div.withConfig({
   componentId: "sc-1gsbnxb-0"
 })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
 var Blocker = styled_components_1.default.div.attrs({
-  'data-splunk-visualization-version': "24.5.0 - b75bfbe79"
+  'data-splunk-visualization-version': "24.5.3 - 3129e19a7"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"

package/Column.js

@@ -582,7 +582,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "24.5.0 - b75bfbe79",
+      "data-splunk-visualization-version": "24.5.3 - 3129e19a7",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -1555,7 +1555,7 @@ var Cover = styled_components_1.default.div.withConfig({
   componentId: "sc-1gsbnxb-0"
 })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
 var Blocker = styled_components_1.default.div.attrs({
-  'data-splunk-visualization-version': "24.5.0 - b75bfbe79"
+  'data-splunk-visualization-version': "24.5.3 - 3129e19a7"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"

package/Ellipse.js

@@ -582,7 +582,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "24.5.0 - b75bfbe79",
+      "data-splunk-visualization-version": "24.5.3 - 3129e19a7",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -1555,7 +1555,7 @@ var Cover = styled_components_1.default.div.withConfig({
   componentId: "sc-1gsbnxb-0"
 })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
 var Blocker = styled_components_1.default.div.attrs({
-  'data-splunk-visualization-version': "24.5.0 - b75bfbe79"
+  'data-splunk-visualization-version': "24.5.3 - 3129e19a7"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"

package/FillerGauge.js

@@ -582,7 +582,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "24.5.0 - b75bfbe79",
+      "data-splunk-visualization-version": "24.5.3 - 3129e19a7",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -1555,7 +1555,7 @@ var Cover = styled_components_1.default.div.withConfig({
   componentId: "sc-1gsbnxb-0"
 })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
 var Blocker = styled_components_1.default.div.attrs({
-  'data-splunk-visualization-version': "24.5.0 - b75bfbe79"
+  'data-splunk-visualization-version': "24.5.3 - 3129e19a7"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"

package/Image.js

@@ -390,7 +390,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "24.5.0 - b75bfbe79",
+      "data-splunk-visualization-version": "24.5.3 - 3129e19a7",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -1591,7 +1591,7 @@ var Cover = styled_components_1.default.div.withConfig({
   componentId: "sc-1gsbnxb-0"
 })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
 var Blocker = styled_components_1.default.div.attrs({
-  'data-splunk-visualization-version': "24.5.0 - b75bfbe79"
+  'data-splunk-visualization-version': "24.5.3 - 3129e19a7"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"

package/Line.js

@@ -582,7 +582,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "24.5.0 - b75bfbe79",
+      "data-splunk-visualization-version": "24.5.3 - 3129e19a7",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -1555,7 +1555,7 @@ var Cover = styled_components_1.default.div.withConfig({
   componentId: "sc-1gsbnxb-0"
 })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
 var Blocker = styled_components_1.default.div.attrs({
-  'data-splunk-visualization-version': "24.5.0 - b75bfbe79"
+  'data-splunk-visualization-version': "24.5.3 - 3129e19a7"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"

package/LinkGraph.js

@@ -582,7 +582,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "24.5.0 - b75bfbe79",
+      "data-splunk-visualization-version": "24.5.3 - 3129e19a7",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -1550,7 +1550,7 @@ var Cover = styled_components_1.default.div.withConfig({
   componentId: "sc-1gsbnxb-0"
 })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
 var Blocker = styled_components_1.default.div.attrs({
-  'data-splunk-visualization-version': "24.5.0 - b75bfbe79"
+  'data-splunk-visualization-version': "24.5.3 - 3129e19a7"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"

package/Map.js

@@ -582,7 +582,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "24.5.0 - b75bfbe79",
+      "data-splunk-visualization-version": "24.5.3 - 3129e19a7",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -1545,7 +1545,7 @@ var Cover = styled_components_1.default.div.withConfig({
   componentId: "sc-1gsbnxb-0"
 })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
 var Blocker = styled_components_1.default.div.attrs({
-  'data-splunk-visualization-version': "24.5.0 - b75bfbe79"
+  'data-splunk-visualization-version': "24.5.3 - 3129e19a7"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
@@ -2372,8 +2372,6 @@ exports.default = MarkerWrapper;
 "use strict";
 
 
-var _slicedToArray = __webpack_require__(51);
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
 
@@ -2390,7 +2388,7 @@ var __rest = this && this.__rest || function (s, e) {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PureMap = exports.config = exports.themes = exports.computeVizProps = exports.convertToArrOfObjects = void 0;
+exports.PureMap = exports.config = exports.themes = exports.useIconPlaceholder = exports.computeVizProps = exports.convertToArrOfObjects = void 0;
 /* eslint-disable no-sequences */
 
 var React = __webpack_require__(1);
@@ -2492,7 +2490,7 @@ exports.computeVizProps = computeVizProps;
 
 var withTooltipFields = function withTooltipFields(Viz) {
   var VizWithTooltipFields = function VizWithTooltipFields(_a) {
-    var _b;
+    var _b, _c, _d, _e;
 
     var dataSources = _a.dataSources,
         options = _a.options,
@@ -2504,42 +2502,29 @@ var withTooltipFields = function withTooltipFields(Viz) {
       }));
     }
 
-    if ((_b = options.layers) === null || _b === void 0 ? void 0 : _b.length) {
-      options.layers.forEach(function (l) {
-        var _a;
-
-        var layer = l;
-
-        if (layer.type === 'bubble') {
-          var defaultOptions = JSONSchemaUtils_1.pickFieldFromJSONSchema(config_1.default.optionsSchema, 'default');
-
-          var _defaultOptions$layer = defaultOptions.layers.filter(function (_ref) {
-            var type = _ref.type;
-            return type === 'bubble';
-          }),
-              _defaultOptions$layer2 = _slicedToArray(_defaultOptions$layer, 1),
-              defaultBubbleLayer = _defaultOptions$layer2[0];
+    var mergedOptions = hocUtils_1.deepMergeWithArrayPrimitiveOverrides({}, options, JSONSchemaUtils_1.pickFieldFromJSONSchema(config_1.default.optionsSchema, 'default'));
 
-          layer.bubbleSizeFields = dsl_1.getFieldsFromDSL((_a = layer.bubbleSize) !== null && _a !== void 0 ? _a : defaultBubbleLayer.bubbleSize, dataSources);
-        }
+    if ((_b = mergedOptions.layers) === null || _b === void 0 ? void 0 : _b[0]) {
+      if (((_d = (_c = mergedOptions.layers) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.type) === 'bubble') {
+        mergedOptions.layers[0].bubbleSizeFields = dsl_1.getFieldsFromDSL((_e = mergedOptions.layers[0].bubbleSize) !== null && _e !== void 0 ? _e : mergedOptions.layers[0].bubbleSize, dataSources);
+      }
 
-        var fields = dataSources.primary.data.fields;
+      var fields = dataSources.primary.data.fields;
 
-        if (Array.isArray(layer.additionalTooltipFields) && Array.isArray(fields) && fields.length) {
-          var _layer$bubbleSizeFiel = layer.bubbleSizeFields,
-              bubbleSizeFields = _layer$bubbleSizeFiel === void 0 ? [] : _layer$bubbleSizeFiel;
-          layer.additionalTooltipFields = layer.additionalTooltipFields.filter(function (field) {
-            return (typeof fields[0] === 'string' ? fields.includes(field) : fields.map(function (f) {
-              return f.name;
-            }).includes(field)) && !bubbleSizeFields.includes(field);
-          });
-        }
-      });
+      if (Array.isArray(mergedOptions.layers[0].additionalTooltipFields) && Array.isArray(fields) && fields.length) {
+        var _mergedOptions$layers = mergedOptions.layers[0].bubbleSizeFields,
+            bubbleSizeFields = _mergedOptions$layers === void 0 ? [] : _mergedOptions$layers;
+        mergedOptions.layers[0].additionalTooltipFields = mergedOptions.layers[0].additionalTooltipFields.filter(function (field) {
+          return (typeof fields[0] === 'string' ? fields.includes(field) : fields.map(function (f) {
+            return f.name;
+          }).includes(field)) && !bubbleSizeFields.includes(field);
+        });
+      }
     }
 
     return React.createElement(Viz, Object.assign({
       dataSources: dataSources,
-      options: options
+      options: mergedOptions
     }, otherProps));
   };
 
@@ -2664,14 +2649,17 @@ var withNullToZeros = function withNullToZeros(Viz) {
   return VizWithColumnsNullToZeros;
 };
 
+function useIconPlaceholder(dataSources, loading) {
+  return loading;
+}
+
+exports.useIconPlaceholder = useIconPlaceholder;
 var Map = withoutInternalFields(withTooltipFields(withNullToZeros(withDashboardViz_1.default({
   ReactViz: PureMap_1.default,
   vizConfig: config_1.default,
   computeVizProps: exports.computeVizProps,
   disableEditModeCover: true,
-  useIconPlaceholder: function useIconPlaceholder() {
-    return false;
-  }
+  useIconPlaceholder: useIconPlaceholder
 }))));
 var themes = config_1.default.themes;
 exports.themes = themes;
@@ -2784,7 +2772,8 @@ var PureMap = function PureMap(props) {
     }
 
     return [center[1], center[0]];
-  }, [center]); // Assign default zoom when no zoom is defined
+  }, [center]); // TODO: take out zoomLevel to use zoom instead (set prop zoom = DEFAULT_ZOOM)
+  // Assign default zoom when no zoom is defined
 
   var zoomLevel = react_1.useMemo(function () {
     if (zoom === undefined) {
@@ -2822,23 +2811,25 @@ var PureMap = function PureMap(props) {
       setTimeout(function () {
         return onMapLoad();
       }, 500);
-    });
-    map.current.on('zoomend', function () {
-      setCurrentZoomLevel(map.current.getZoom());
-    }); // drag
+    }); // register event listener - drag
 
     map.current.on('dragend', function () {
       var newCenter = map.current.getCenter();
       onOptionsChange({
         center: [newCenter.lat, newCenter.lng]
       });
-    }); // zoom
+    }); // register event listener - zoom
 
     map.current.on('zoomend', function () {
+      setCurrentZoomLevel(map.current.getZoom()); // when zooming with mouse/track pad,
+      // zooming centers at the cursor position, need to update center as well
+
+      var newCenter = map.current.getCenter();
       onOptionsChange({
+        center: [newCenter.lat, newCenter.lng],
         zoom: map.current.getZoom()
       });
-    }); // zoom
+    }); // add zoom control
 
     zoomControl.current = new maplibre_gl_1.NavigationControl({
       showCompass: false
@@ -2907,7 +2898,7 @@ var PureMap = function PureMap(props) {
         zoom: zoomLevel
       });
     }
-  }, [lngLatCenter, zoom]);
+  }, [lngLatCenter, zoomLevel]);
   react_1.useEffect(function () {
     return function () {
       if (map.current) {