@splunk/visualizations 25.8.1 → 25.9.1

package/Scatter.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 460);
+/******/ 	return __webpack_require__(__webpack_require__.s = 458);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -193,7 +193,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
     }
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "25.8.1 - 742d5fb96",
+      "data-splunk-visualization-version": "25.9.1 - 5ba41e723",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -284,10 +284,10 @@ var lodash_1 = __webpack_require__(3);
 var Charting_1 = __webpack_require__(62);
 var charting_bundle_1 = __webpack_require__(56);
 var simpleXMLOptions_1 = __webpack_require__(67);
-var config_1 = __webpack_require__(461);
+var config_1 = __webpack_require__(459);
 exports.config = config_1.default;
 var withDashboardViz_1 = __webpack_require__(36);
-var scatterUtils_1 = __webpack_require__(462);
+var scatterUtils_1 = __webpack_require__(460);
 var chartingUtils_1 = __webpack_require__(55);
 var validOptions = Object.keys(config_1.default.optionsSchema);
 var computeVizProps = function computeVizProps(_a) {
@@ -963,10 +963,18 @@ var withDashboardViz = function withDashboardViz(opts) {
     var _React$useState3 = React.useState("".concat(vizConfig.name, " - ").concat(id_1.createGUID())),
       _React$useState4 = _slicedToArray(_React$useState3, 1),
       visualizationID = _React$useState4[0];
-    var _React$useState5 = React.useState(Boolean(featureFlagContext && featureFlagContext.visualizations_useWebWorkersForDSL && typeof Worker !== 'undefined')),
+    var _React$useState5 = React.useState({}),
       _React$useState6 = _slicedToArray(_React$useState5, 2),
-      useAsyncEvaluatedOptions = _React$useState6[0],
-      setUseAsyncEvaluatedOptions = _React$useState6[1];
+      dataSourcesInState = _React$useState6[0],
+      setDataSourcesInState = _React$useState6[1];
+    var _React$useState7 = React.useState(),
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      dataFramesInState = _React$useState8[0],
+      setDataFramesInState = _React$useState8[1];
+    var _React$useState9 = React.useState(Boolean(featureFlagContext && featureFlagContext.visualizations_useWebWorkersForDSL && typeof Worker !== 'undefined')),
+      _React$useState10 = _slicedToArray(_React$useState9, 2),
+      useAsyncEvaluatedOptions = _React$useState10[0],
+      setUseAsyncEvaluatedOptions = _React$useState10[1];
     evaluatedOptions = useDeepMemo_1.useDeepMemo(function () {
       try {
         if (useAsyncEvaluatedOptions) {
@@ -989,10 +997,16 @@ var withDashboardViz = function withDashboardViz(opts) {
             setUseAsyncEvaluatedOptions(false);
           });
         } else {
+          var dataFrames = dataFramesInState;
+          if (dataSources !== dataSourcesInState) {
+            setDataSourcesInState(dataSources);
+            dataFrames = Options_1.Options.dataFrameFromDataSource(dataSources);
+            setDataFramesInState(dataFrames);
+          }
           return Options_1.Options.evaluate({
             context: lodash_1.defaultsDeep({}, context, vizConfig.defaultContext),
             options: hocUtils_1.deepMergeWithArrayPrimitiveOverrides({}, options, defaultOptions)
-          }, dataSources, themeFunc);
+          }, dataSources, themeFunc, dataFrames);
         }
       } catch (e) {
         // eslint-disable-next-line no-console
@@ -1454,53 +1468,7 @@ exports.default = FixedSizeContainer_1.default(exports.MissingPropsMessage);
 
 /***/ }),
 
-/***/ 46:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var React = __webpack_require__(0);
-var styled_components_1 = __webpack_require__(4);
-var hocUtils_1 = __webpack_require__(15);
-var Cover = styled_components_1.default.div.withConfig({
-  displayName: "withEditModeCover__Cover",
-  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': "25.8.1 - 742d5fb96"
-}).withConfig({
-  displayName: "withEditModeCover__Blocker",
-  componentId: "sc-1gsbnxb-1"
-})(["position:relative;width:100%;height:100%;"]);
-/**
- * HOC that renders a cover layer in edit mode
- * @method withEditModeCover
- * @param {ExtendedDashViz} Visualization
- * @returns {ExtendedDashViz} Wrapper
- */
-var withEditModeCover = function withEditModeCover(Visualization, disableEditModeCover) {
-  var Wrapper = function Wrapper(props) {
-    var mode = props.mode;
-    var showEditCover = mode === 'edit' && !disableEditModeCover;
-    return React.createElement(Blocker, null, React.createElement(Visualization, Object.assign({}, props)), showEditCover && React.createElement(Cover, {
-      "data-test": "edit-mode-cover"
-    }));
-  };
-  hocUtils_1.extendStaticWrapperProps({
-    Wrapper: Wrapper,
-    Visualization: Visualization
-  });
-  return Wrapper;
-};
-exports.default = withEditModeCover;
-
-/***/ }),
-
-/***/ 460:
+/***/ 458:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1538,7 +1506,7 @@ Object.defineProperty(exports, "default", {
 
 /***/ }),
 
-/***/ 461:
+/***/ 459:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1942,7 +1910,53 @@ exports.default = configUtils_1.enhanceConfig(config);
 
 /***/ }),
 
-/***/ 462:
+/***/ 46:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var React = __webpack_require__(0);
+var styled_components_1 = __webpack_require__(4);
+var hocUtils_1 = __webpack_require__(15);
+var Cover = styled_components_1.default.div.withConfig({
+  displayName: "withEditModeCover__Cover",
+  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': "25.9.1 - 5ba41e723"
+}).withConfig({
+  displayName: "withEditModeCover__Blocker",
+  componentId: "sc-1gsbnxb-1"
+})(["position:relative;width:100%;height:100%;"]);
+/**
+ * HOC that renders a cover layer in edit mode
+ * @method withEditModeCover
+ * @param {ExtendedDashViz} Visualization
+ * @returns {ExtendedDashViz} Wrapper
+ */
+var withEditModeCover = function withEditModeCover(Visualization, disableEditModeCover) {
+  var Wrapper = function Wrapper(props) {
+    var mode = props.mode;
+    var showEditCover = mode === 'edit' && !disableEditModeCover;
+    return React.createElement(Blocker, null, React.createElement(Visualization, Object.assign({}, props)), showEditCover && React.createElement(Cover, {
+      "data-test": "edit-mode-cover"
+    }));
+  };
+  hocUtils_1.extendStaticWrapperProps({
+    Wrapper: Wrapper,
+    Visualization: Visualization
+  });
+  return Wrapper;
+};
+exports.default = withEditModeCover;
+
+/***/ }),
+
+/***/ 460:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2653,7 +2667,9 @@ var Charting = function Charting(props) {
         chart.current.prepareAndDraw(chartData, updatedOptions, function () {});
       }
       if (chart.current) {
-        chart.current.resize(computedWidth, computedHeight);
+        if (Math.round(chart.current.height) !== Math.round(computedHeight) || Math.round(chart.current.width) !== Math.round(computedWidth)) {
+          chart.current.resize(computedWidth, computedHeight);
+        }
       }
       needsInit.current = false;
       needsRedraw.current = false;