@splunk/visualizations 25.8.1 → 25.9.1

package/Punchcard.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 440);
+/******/ 	return __webpack_require__(__webpack_require__.s = 438);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -200,7 +200,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
@@ -896,10 +896,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) {
@@ -922,10 +930,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
@@ -1279,46 +1293,7 @@ exports.validSortDirs = ['asc', 'desc', 'none'];
 
 /***/ }),
 
-/***/ 44:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDeepMemo = void 0;
-var react_1 = __webpack_require__(0);
-var lodash_1 = __webpack_require__(3);
-/**
- * This hook evaluates and stores the result of a passed function and only
- * re-evaluates the function when passed dependencies change.
- *
- * It is different from the internal React useMemo in the following aspects:
- * - it only stores the last evaluated result
- * - it uses a deep equality check to determine if dependencies have changed
- *
- * Inspired by apollo-client's useDeepMemo
- *
- * @param fn the function to be executed and
- * @param dependencies an array of dependencies
- */
-var useDeepMemo = function useDeepMemo(fn, dependencies) {
-  var ref = react_1.useRef();
-  if (!ref.current || !lodash_1.isEqual(dependencies, ref.current.dependencies)) {
-    ref.current = {
-      dependencies: dependencies,
-      value: fn()
-    };
-  }
-  return ref.current.value;
-};
-exports.useDeepMemo = useDeepMemo;
-
-/***/ }),
-
-/***/ 440:
+/***/ 438:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1340,10 +1315,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.themes = exports.computeVizProps = exports.PurePunchcard = exports.config = void 0;
 var lodash_1 = __webpack_require__(3);
 var visualization_color_palettes_1 = __webpack_require__(50);
-var config_1 = __webpack_require__(441);
+var config_1 = __webpack_require__(439);
 var withDashboardViz_1 = __webpack_require__(36);
-var Punchcard_1 = __webpack_require__(442);
-var punchcardUtils_1 = __webpack_require__(450);
+var Punchcard_1 = __webpack_require__(440);
+var punchcardUtils_1 = __webpack_require__(448);
 exports.config = config_1.default;
 exports.PurePunchcard = Punchcard_1.default;
 var validOptions = Object.keys(exports.config.optionsSchema);
@@ -1382,7 +1357,7 @@ exports.default = viz;
 
 /***/ }),
 
-/***/ 441:
+/***/ 439:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1726,7 +1701,46 @@ exports.default = configUtils_1.enhanceConfig(config);
 
 /***/ }),
 
-/***/ 442:
+/***/ 44:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDeepMemo = void 0;
+var react_1 = __webpack_require__(0);
+var lodash_1 = __webpack_require__(3);
+/**
+ * This hook evaluates and stores the result of a passed function and only
+ * re-evaluates the function when passed dependencies change.
+ *
+ * It is different from the internal React useMemo in the following aspects:
+ * - it only stores the last evaluated result
+ * - it uses a deep equality check to determine if dependencies have changed
+ *
+ * Inspired by apollo-client's useDeepMemo
+ *
+ * @param fn the function to be executed and
+ * @param dependencies an array of dependencies
+ */
+var useDeepMemo = function useDeepMemo(fn, dependencies) {
+  var ref = react_1.useRef();
+  if (!ref.current || !lodash_1.isEqual(dependencies, ref.current.dependencies)) {
+    ref.current = {
+      dependencies: dependencies,
+      value: fn()
+    };
+  }
+  return ref.current.value;
+};
+exports.useDeepMemo = useDeepMemo;
+
+/***/ }),
+
+/***/ 440:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1745,11 +1759,11 @@ var SizeAwareWrapper_1 = __webpack_require__(18);
 var style_1 = __webpack_require__(14);
 var visualization_color_palettes_1 = __webpack_require__(50);
 var punchcardUtils_1 = __webpack_require__(94);
-var sortUtils_1 = __webpack_require__(443);
-var PunchcardAxis_1 = __webpack_require__(444);
-var PunchcardChartArea_1 = __webpack_require__(445);
-var PunchcardLegend_1 = __webpack_require__(448);
-var PunchcardGridLines_1 = __webpack_require__(449);
+var sortUtils_1 = __webpack_require__(441);
+var PunchcardAxis_1 = __webpack_require__(442);
+var PunchcardChartArea_1 = __webpack_require__(443);
+var PunchcardLegend_1 = __webpack_require__(446);
+var PunchcardGridLines_1 = __webpack_require__(447);
 var Container = styled_components_1.default.div.withConfig({
   displayName: "Punchcard__Container",
   componentId: "orvtgq-0"
@@ -2061,7 +2075,7 @@ exports.default = Punchcard;
 
 /***/ }),
 
-/***/ 443:
+/***/ 441:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -2327,7 +2341,7 @@ var sortAxis = function sortAxis(axis) {
 
 /***/ }),
 
-/***/ 444:
+/***/ 442:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2419,7 +2433,7 @@ exports.default = PunchcardAxis;
 
 /***/ }),
 
-/***/ 445:
+/***/ 443:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2433,7 +2447,7 @@ Object.defineProperty(exports, "__esModule", {
 var React = __webpack_require__(0);
 var T = __webpack_require__(1);
 var punchcardUtils_1 = __webpack_require__(94);
-var PunchcardRow_1 = __webpack_require__(446);
+var PunchcardRow_1 = __webpack_require__(444);
 var PunchcardChartArea = function PunchcardChartArea(props) {
   var showBubbleLabels = props.showBubbleLabels,
     bubbleRowScale = props.bubbleRowScale,
@@ -2581,7 +2595,7 @@ exports.default = PunchcardChartArea;
 
 /***/ }),
 
-/***/ 446:
+/***/ 444:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2593,7 +2607,7 @@ Object.defineProperty(exports, "__esModule", {
 var React = __webpack_require__(0);
 var T = __webpack_require__(1);
 var styled_components_1 = __webpack_require__(4);
-var PunchcardBubble_1 = __webpack_require__(447);
+var PunchcardBubble_1 = __webpack_require__(445);
 var punchcardUtils_1 = __webpack_require__(94);
 var PunchcardRow = function PunchcardRow(props) {
   var showBubbleLabels = props.showBubbleLabels,
@@ -2706,7 +2720,7 @@ exports.default = styled_components_1.withTheme(PunchcardRow);
 
 /***/ }),
 
-/***/ 447:
+/***/ 445:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2873,7 +2887,7 @@ exports.default = PunchcardBubble;
 
 /***/ }),
 
-/***/ 448:
+/***/ 446:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2984,7 +2998,7 @@ exports.default = PunchcardLegend;
 
 /***/ }),
 
-/***/ 449:
+/***/ 447:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3061,6 +3075,69 @@ exports.default = PunchcardGridLines;
 
 /***/ }),
 
+/***/ 448:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.convertToPunchcardProperties = exports.mapToOldKey = exports.punchcardOptionValuesMapping = void 0;
+var lodash_1 = __webpack_require__(3);
+var chartingUtils_1 = __webpack_require__(55);
+var punchcardOptionsMapping = {
+  legendDisplay: 'showLegend',
+  bubbleLabelDisplay: 'showBubbleLabels',
+  showDefaultSort: 'useDefaultSort',
+  bubbleSizeMethod: 'bubbleScale',
+  showDynamicBubbleSize: 'isBubbleSizeDynamic',
+  bubbleRadiusMax: 'maxBubbleRadius',
+  bubbleRadiusMin: 'minBubbleRadius',
+  bubbleSizeMax: 'maxBubbleSize',
+  bubbleSizeMin: 'minBubbleSize'
+};
+// key value mapping of what options (and their corresponding values) which
+// we expose in config.ts to property values PurePunchcard understands
+exports.punchcardOptionValuesMapping = {
+  showLegend: {
+    right: true,
+    off: false
+  },
+  showBubbleLabels: {
+    off: 'none'
+  },
+  colorMode: {
+    dynamic: 'sequential'
+  }
+};
+/**
+ * Helper method to update the option names which can be mapped to PurePunchcard options
+ * @method mapToOldKey
+ * @param {Object} options
+ * @returns {Object}
+ */
+var mapToOldKey = function mapToOldKey(options) {
+  return lodash_1.mapKeys(options, function (val, key) {
+    return punchcardOptionsMapping[key] ? punchcardOptionsMapping[key] : key;
+  });
+};
+exports.mapToOldKey = mapToOldKey;
+/**
+ * Chained helper for mapping the option properties (and values) we expose in config.ts into property values that PurePunchcard accepts
+ * This is for options that has new key name and can not directly be mapped with PurePunchcard props
+ * @method convertToPunchcardProperties
+ * @param {Object} originalOptions
+ * @returns {Object}
+ */
+var convertToPunchcardProperties = function convertToPunchcardProperties(originalOptions) {
+  return lodash_1.chain(exports.mapToOldKey(originalOptions)).thru(chartingUtils_1.mapToValues(exports.punchcardOptionValuesMapping)).value();
+};
+exports.convertToPunchcardProperties = convertToPunchcardProperties;
+
+/***/ }),
+
 /***/ 45:
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -3130,69 +3207,6 @@ exports.default = FixedSizeContainer_1.default(exports.MissingPropsMessage);
 
 /***/ }),
 
-/***/ 450:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.convertToPunchcardProperties = exports.mapToOldKey = exports.punchcardOptionValuesMapping = void 0;
-var lodash_1 = __webpack_require__(3);
-var chartingUtils_1 = __webpack_require__(55);
-var punchcardOptionsMapping = {
-  legendDisplay: 'showLegend',
-  bubbleLabelDisplay: 'showBubbleLabels',
-  showDefaultSort: 'useDefaultSort',
-  bubbleSizeMethod: 'bubbleScale',
-  showDynamicBubbleSize: 'isBubbleSizeDynamic',
-  bubbleRadiusMax: 'maxBubbleRadius',
-  bubbleRadiusMin: 'minBubbleRadius',
-  bubbleSizeMax: 'maxBubbleSize',
-  bubbleSizeMin: 'minBubbleSize'
-};
-// key value mapping of what options (and their corresponding values) which
-// we expose in config.ts to property values PurePunchcard understands
-exports.punchcardOptionValuesMapping = {
-  showLegend: {
-    right: true,
-    off: false
-  },
-  showBubbleLabels: {
-    off: 'none'
-  },
-  colorMode: {
-    dynamic: 'sequential'
-  }
-};
-/**
- * Helper method to update the option names which can be mapped to PurePunchcard options
- * @method mapToOldKey
- * @param {Object} options
- * @returns {Object}
- */
-var mapToOldKey = function mapToOldKey(options) {
-  return lodash_1.mapKeys(options, function (val, key) {
-    return punchcardOptionsMapping[key] ? punchcardOptionsMapping[key] : key;
-  });
-};
-exports.mapToOldKey = mapToOldKey;
-/**
- * Chained helper for mapping the option properties (and values) we expose in config.ts into property values that PurePunchcard accepts
- * This is for options that has new key name and can not directly be mapped with PurePunchcard props
- * @method convertToPunchcardProperties
- * @param {Object} originalOptions
- * @returns {Object}
- */
-var convertToPunchcardProperties = function convertToPunchcardProperties(originalOptions) {
-  return lodash_1.chain(exports.mapToOldKey(originalOptions)).thru(chartingUtils_1.mapToValues(exports.punchcardOptionValuesMapping)).value();
-};
-exports.convertToPunchcardProperties = convertToPunchcardProperties;
-
-/***/ }),
-
 /***/ 46:
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -3210,7 +3224,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': "25.8.1 - 742d5fb96"
+  'data-splunk-visualization-version': "25.9.1 - 5ba41e723"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"