@splunk/visualizations 26.1.0 → 26.1.2

package/common/withDashboardViz.js

@@ -1,5 +1,5 @@
 /*!
- * Copyright © 2018 Splunk Inc.
+ * Copyright © 2024 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.
  */
@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 75);
+/******/ 	return __webpack_require__(__webpack_require__.s = 83);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -118,35 +118,35 @@ module.exports = require("lodash");
 /* 4 */
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/classCallCheck");
+module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
-/* 5 */,
-/* 6 */
+/* 5 */
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/createClass");
+module.exports = require("@babel/runtime/helpers/classCallCheck");
 
 /***/ }),
+/* 6 */,
 /* 7 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/i18n");
+module.exports = require("@babel/runtime/helpers/createClass");
 
 /***/ }),
 /* 8 */
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/defineProperty");
+module.exports = require("@babel/runtime/helpers/slicedToArray");
 
 /***/ }),
-/* 9 */,
-/* 10 */
+/* 9 */
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/slicedToArray");
+module.exports = require("@babel/runtime/helpers/defineProperty");
 
 /***/ }),
+/* 10 */,
 /* 11 */,
 /* 12 */,
 /* 13 */,
@@ -159,34 +159,45 @@ module.exports = require("@splunk/visualizations-shared/colorUtils");
 /* 15 */,
 /* 16 */,
 /* 17 */,
-/* 18 */
+/* 18 */,
+/* 19 */,
+/* 20 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/Message");
 
 /***/ }),
-/* 19 */,
-/* 20 */
+/* 21 */,
+/* 22 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-context/TimezoneContext");
 
 /***/ }),
-/* 21 */
+/* 23 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/style");
 
 /***/ }),
-/* 22 */,
-/* 23 */,
-/* 24 */
+/* 24 */,
+/* 25 */,
+/* 26 */,
+/* 27 */,
+/* 28 */,
+/* 29 */,
+/* 30 */,
+/* 31 */,
+/* 32 */,
+/* 33 */,
+/* 34 */,
+/* 35 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _classCallCheck = __webpack_require__(4);
+var _classCallCheck = __webpack_require__(5);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -198,7 +209,7 @@ var T = __webpack_require__(1);
 
 var lodash_1 = __webpack_require__(3);
 
-var VizActionHandler_1 = __webpack_require__(25); // this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
+var VizActionHandler_1 = __webpack_require__(36); // this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
 
 
 exports.INITIAL_WIDTH = 250;
@@ -331,15 +342,15 @@ SplunkVisualization.defaultProps = {
 exports.default = SplunkVisualization;
 
 /***/ }),
-/* 25 */
+/* 36 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _classCallCheck = __webpack_require__(4);
+var _classCallCheck = __webpack_require__(5);
 
-var _createClass = __webpack_require__(6);
+var _createClass = __webpack_require__(7);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -368,17 +379,17 @@ var DefaultVizActionHandler = /*#__PURE__*/function () {
 exports.DefaultVizActionHandler = DefaultVizActionHandler;
 
 /***/ }),
-/* 26 */,
-/* 27 */
+/* 37 */,
+/* 38 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/variables");
 
 /***/ }),
-/* 28 */,
-/* 29 */,
-/* 30 */,
-/* 31 */
+/* 39 */,
+/* 40 */,
+/* 41 */,
+/* 42 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -416,7 +427,7 @@ var VizBehavior;
 })(VizBehavior = exports.VizBehavior || (exports.VizBehavior = {}));
 
 /***/ }),
-/* 32 */
+/* 43 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -430,9 +441,9 @@ var React = __webpack_require__(0);
 
 var styled_components_1 = __webpack_require__(2);
 
-var SizeAwareWrapper_1 = __webpack_require__(90);
+var SizeAwareWrapper_1 = __webpack_require__(98);
 
-var style_1 = __webpack_require__(21);
+var style_1 = __webpack_require__(23);
 
 var colorUtils_1 = __webpack_require__(14);
 
@@ -491,7 +502,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "26.1.0 - fc8bf8d77",
+      "data-splunk-visualization-version": "26.1.2 - 9c7479612",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -512,7 +523,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 exports.default = withFixedSizeContainer;
 
 /***/ }),
-/* 33 */
+/* 44 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -544,17 +555,6 @@ var extendStaticWrapperProps = function extendStaticWrapperProps(_ref) {
 exports.extendStaticWrapperProps = extendStaticWrapperProps;
 
 /***/ }),
-/* 34 */,
-/* 35 */,
-/* 36 */,
-/* 37 */,
-/* 38 */,
-/* 39 */,
-/* 40 */,
-/* 41 */,
-/* 42 */,
-/* 43 */,
-/* 44 */,
 /* 45 */,
 /* 46 */,
 /* 47 */,
@@ -585,13 +585,21 @@ exports.extendStaticWrapperProps = extendStaticWrapperProps;
 /* 72 */,
 /* 73 */,
 /* 74 */,
-/* 75 */
+/* 75 */,
+/* 76 */,
+/* 77 */,
+/* 78 */,
+/* 79 */,
+/* 80 */,
+/* 81 */,
+/* 82 */,
+/* 83 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _slicedToArray = __webpack_require__(10);
+var _slicedToArray = __webpack_require__(8);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -601,43 +609,43 @@ var React = __webpack_require__(0);
 
 var lodash_1 = __webpack_require__(3);
 
-var getSettingsFromThemedProps_1 = __webpack_require__(76);
+var getSettingsFromThemedProps_1 = __webpack_require__(84);
 
-var Options_1 = __webpack_require__(77);
+var Options_1 = __webpack_require__(85);
 
-var SanitizeProps_1 = __webpack_require__(78);
+var SanitizeProps_1 = __webpack_require__(86);
 
-var TimezoneContext_1 = __webpack_require__(20);
+var TimezoneContext_1 = __webpack_require__(22);
 
-var moment_1 = __webpack_require__(79);
+var moment_1 = __webpack_require__(87);
 
-var FeatureFlagContext_1 = __webpack_require__(80);
+var FeatureFlagContext_1 = __webpack_require__(88);
 
 var styled_components_1 = __webpack_require__(2);
 
-var hocUtils_1 = __webpack_require__(81);
+var hocUtils_1 = __webpack_require__(89);
 
-var JSONSchemaUtils_1 = __webpack_require__(82);
+var JSONSchemaUtils_1 = __webpack_require__(90);
 
-var async_dynamic_options_evaluator_1 = __webpack_require__(83);
+var async_dynamic_options_evaluator_1 = __webpack_require__(91);
 
-var id_1 = __webpack_require__(84);
+var id_1 = __webpack_require__(92);
 
-var SplunkVisualization_1 = __webpack_require__(24);
+var SplunkVisualization_1 = __webpack_require__(35);
 
-var VizBehavior_1 = __webpack_require__(31);
+var VizBehavior_1 = __webpack_require__(42);
 
-var getSorting_1 = __webpack_require__(85);
+var getSorting_1 = __webpack_require__(93);
 
-var getPagination_1 = __webpack_require__(87);
+var getPagination_1 = __webpack_require__(95);
 
-var useDeepMemo_1 = __webpack_require__(88);
+var useDeepMemo_1 = __webpack_require__(96);
 
-var MissingPropsMessage_1 = __webpack_require__(89);
+var MissingPropsMessage_1 = __webpack_require__(97);
 
-var withEditModeCover_1 = __webpack_require__(91);
+var withEditModeCover_1 = __webpack_require__(99);
 
-var withPlaceholder_1 = __webpack_require__(92);
+var withPlaceholder_1 = __webpack_require__(100);
 /**
  * hoc that wraps a pure react visualization in a Dashboard visualization
  * @param {DashboardVizOpts} opts
@@ -826,11 +834,12 @@ var withDashboardViz = function withDashboardViz(opts) {
     if (hasEventHandlers && mode === 'view' && vizConfig.supports.indexOf(VizBehavior_1.VizBehavior.EVENTS) > -1) {
       var supportedEvents = vizConfig.events;
       Object.keys(supportedEvents).forEach(function (eventName) {
-        var eventCallbackPropName = (0, lodash_1.camelCase)("on.".concat(eventName));
-        eventCallbackProps[eventCallbackPropName] = null; // todo: refactor single value and single value icon to send payload from viz
+        var _supportedEvents$even = supportedEvents[eventName],
+            parentKeys = _supportedEvents$even.parentKeys,
+            payloadKeys = _supportedEvents$even.payloadKeys;
+        var eventCallbackPropName = (0, lodash_1.camelCase)("on.".concat(eventName)); // todo: refactor single value and single value icon to send payload from viz
         // then remove these lines
 
-        var payloadKeys = supportedEvents[eventName].payloadKeys;
         var payload = {};
 
         if (Array.isArray(payloadKeys) && payloadKeys.length) {
@@ -850,6 +859,14 @@ var withDashboardViz = function withDashboardViz(opts) {
             type: eventName
           });
         };
+
+        if (parentKeys) {
+          for (var i = parentKeys.length - 1; i >= 0; i -= 1) {
+            var newObject = {};
+            newObject[parentKeys[i]] = eventCallbackProps[eventCallbackPropName];
+            eventCallbackProps[eventCallbackPropName] = newObject;
+          }
+        }
       });
     } // compute pure viz props which are not from options
 
@@ -926,67 +943,67 @@ var withDashboardViz = function withDashboardViz(opts) {
 exports.default = withDashboardViz;
 
 /***/ }),
-/* 76 */
+/* 84 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/getSettingsFromThemedProps");
 
 /***/ }),
-/* 77 */
+/* 85 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-encoding/Options");
 
 /***/ }),
-/* 78 */
+/* 86 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/SanitizeProps");
 
 /***/ }),
-/* 79 */
+/* 87 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/moment");
 
 /***/ }),
-/* 80 */
+/* 88 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-context/FeatureFlagContext");
 
 /***/ }),
-/* 81 */
+/* 89 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/hocUtils");
 
 /***/ }),
-/* 82 */
+/* 90 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/JSONSchemaUtils");
 
 /***/ }),
-/* 83 */
+/* 91 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/async-dynamic-options-evaluator");
 
 /***/ }),
-/* 84 */
+/* 92 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
-/* 85 */
+/* 93 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _defineProperty = __webpack_require__(8);
+var _defineProperty = __webpack_require__(9);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -997,7 +1014,7 @@ var T = __webpack_require__(1);
 
 var lodash_1 = __webpack_require__(3);
 
-var DataSource_1 = __webpack_require__(86);
+var DataSource_1 = __webpack_require__(94);
 
 exports.SortParamsPropTypes = T.shape({
   currentSortKey: T.string,
@@ -1050,7 +1067,7 @@ var getSortingParams = function getSortingParams(_ref) {
 exports.getSortingParams = getSortingParams;
 
 /***/ }),
-/* 86 */
+/* 94 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1065,7 +1082,7 @@ exports.validSegmentationModes = ['none', 'inner'];
 exports.validOutputModes = ['json_cols', 'json'];
 
 /***/ }),
-/* 87 */
+/* 95 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1129,7 +1146,7 @@ var getPaginationParams = function getPaginationParams(_ref) {
 exports.getPaginationParams = getPaginationParams;
 
 /***/ }),
-/* 88 */
+/* 96 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1174,7 +1191,7 @@ var useDeepMemo = function useDeepMemo(fn, dependencies) {
 exports.useDeepMemo = useDeepMemo;
 
 /***/ }),
-/* 89 */
+/* 97 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1189,11 +1206,11 @@ var React = __webpack_require__(0);
 
 var T = __webpack_require__(1);
 
-var i18n_1 = __webpack_require__(7);
+var i18n_1 = __webpack_require__(4);
 
-var Message_1 = __webpack_require__(18);
+var Message_1 = __webpack_require__(20);
 
-var FixedSizeContainer_1 = __webpack_require__(32);
+var FixedSizeContainer_1 = __webpack_require__(43);
 /**
  * @method isMissing
  * @param {any} v
@@ -1254,13 +1271,13 @@ exports.MissingPropsMessage.defaultProps = {
 exports.default = (0, FixedSizeContainer_1.default)(exports.MissingPropsMessage);
 
 /***/ }),
-/* 90 */
+/* 98 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/SizeAwareWrapper");
 
 /***/ }),
-/* 91 */
+/* 99 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1274,14 +1291,14 @@ var React = __webpack_require__(0);
 
 var styled_components_1 = __webpack_require__(2);
 
-var hocUtils_1 = __webpack_require__(33);
+var hocUtils_1 = __webpack_require__(44);
 
 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': "26.1.0 - fc8bf8d77"
+  'data-splunk-visualization-version': "26.1.2 - 9c7479612"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
@@ -1312,7 +1329,7 @@ var withEditModeCover = function withEditModeCover(Visualization, disableEditMod
 exports.default = withEditModeCover;
 
 /***/ }),
-/* 92 */
+/* 100 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1326,13 +1343,13 @@ var React = __webpack_require__(0);
 
 var colorUtils_1 = __webpack_require__(14);
 
-var variables_1 = __webpack_require__(27);
+var variables_1 = __webpack_require__(38);
 
-var IconPlaceholder_1 = __webpack_require__(93);
+var IconPlaceholder_1 = __webpack_require__(101);
 
-var VizBehavior_1 = __webpack_require__(31);
+var VizBehavior_1 = __webpack_require__(42);
 
-var hocUtils_1 = __webpack_require__(33);
+var hocUtils_1 = __webpack_require__(44);
 
 var withPlaceholder = function withPlaceholder(Visualization) {
   var useIconPlaceholder = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : IconPlaceholder_1.shouldShowIconPlaceholder;
@@ -1376,7 +1393,7 @@ var withPlaceholder = function withPlaceholder(Visualization) {
 exports.default = withPlaceholder;
 
 /***/ }),
-/* 93 */
+/* 101 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1393,11 +1410,11 @@ var T = __webpack_require__(1);
 
 var lodash_1 = __webpack_require__(3);
 
-var i18n_1 = __webpack_require__(7);
+var i18n_1 = __webpack_require__(4);
 
-var Message_1 = __webpack_require__(18);
+var Message_1 = __webpack_require__(20);
 
-var FixedSizeContainer_1 = __webpack_require__(32);
+var FixedSizeContainer_1 = __webpack_require__(43);
 /**
  * @method shouldShowIconPlaceholder
  * @param {object} dataSources
@@ -1447,7 +1464,8 @@ var IconPlaceholder = function IconPlaceholder(props) {
         transform: 'translate(-50%, -50%)'
       },
       width: '50%',
-      height: '50%'
+      height: '50%',
+      'data-test': 'icon-placeholder'
     });
   }