@splunk/visualizations 26.1.0 → 26.1.2

package/Line.config.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.
  */

package/Line.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 = 223);
+/******/ 	return __webpack_require__(__webpack_require__.s = 224);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -271,7 +271,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
@@ -712,7 +712,8 @@ var IconPlaceholder = function IconPlaceholder(props) {
         transform: 'translate(-50%, -50%)'
       },
       width: '50%',
-      height: '50%'
+      height: '50%',
+      'data-test': 'icon-placeholder'
     });
   }
 
@@ -1150,11 +1151,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) {
@@ -1174,6 +1176,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
 
@@ -1608,7 +1618,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': "26.1.0 - fc8bf8d77"
+  'data-splunk-visualization-version': "26.1.2 - 9c7479612"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
@@ -1761,6 +1771,12 @@ module.exports = require("@splunk/charting-bundle");
 
 /***/ }),
 /* 56 */
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/themes/useSplunkTheme");
+
+/***/ }),
+/* 57 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1980,12 +1996,6 @@ var constructFieldsAndColumns = function constructFieldsAndColumns(_ref2) {
 
 exports.constructFieldsAndColumns = constructFieldsAndColumns;
 
-/***/ }),
-/* 57 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/themes/useSplunkTheme");
-
 /***/ }),
 /* 58 */,
 /* 59 */,
@@ -2033,7 +2043,7 @@ var styled_components_1 = __webpack_require__(4);
 
 var Message_1 = __webpack_require__(10);
 
-var useSplunkTheme_1 = __webpack_require__(57);
+var useSplunkTheme_1 = __webpack_require__(56);
 
 var themeUtils_1 = __webpack_require__(68);
 
@@ -3620,29 +3630,22 @@ var __rest = this && this.__rest || function (s, e) {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.config = exports.themes = exports.computeVizProps = void 0;
+exports.config = exports.themes = exports.computeVizProps = void 0; // Charting imports i18n which needs to be run to instantiate window globals in the tests
 
-var lodash_1 = __webpack_require__(3); // Charting imports i18n which needs to be run to instantiate window globals in the tests
-// eslint-disable-next-line import/order
+var Charting_1 = __webpack_require__(65); // eslint-disable-next-line import/order
 
 
-var Charting_1 = __webpack_require__(65);
-
 var charting_bundle_1 = __webpack_require__(55);
 
-var simpleXMLOptions_1 = __webpack_require__(70);
-
-var config_1 = __webpack_require__(224);
+var config_1 = __webpack_require__(156);
 
 exports.config = config_1.default;
 
 var withDashboardViz_1 = __webpack_require__(37);
 
-var lineUtils_1 = __webpack_require__(225);
-
-var chartingUtils_1 = __webpack_require__(56);
+var chartingUtils_1 = __webpack_require__(57);
 
-var validOptions = Object.keys(config_1.default.optionsSchema);
+var lineUtils_1 = __webpack_require__(225);
 
 var computeVizProps = function computeVizProps(_a) {
   var dataSources = _a.dataSources,
@@ -3664,11 +3667,7 @@ var computeVizProps = function computeVizProps(_a) {
   var y2 = otherOptions.y2,
       y2Fields = otherOptions.y2Fields,
       hasEventHandlers = otherOptions.hasEventHandlers;
-  computedProps.options = (0, lodash_1.chain)(otherOptions).pick(validOptions).thru(lineUtils_1.convertToLineSCProperties).thru(function (options) {
-    return Object.assign(Object.assign({}, (0, simpleXMLOptions_1.getSimpleXMLOptionsForProps)(options)), {
-      chart: 'line'
-    });
-  }).value();
+  computedProps.options = (0, lineUtils_1.transformOptions)(otherOptions);
   var chartingAnnotations = (0, chartingUtils_1.getAnnotations)({
     annotationX: annotationX,
     annotationColor: annotationColor,
@@ -3720,122 +3719,7 @@ exports.themes = themes;
 exports.default = Line;
 
 /***/ }),
-/* 156 */,
-/* 157 */,
-/* 158 */,
-/* 159 */,
-/* 160 */,
-/* 161 */,
-/* 162 */,
-/* 163 */,
-/* 164 */,
-/* 165 */,
-/* 166 */,
-/* 167 */,
-/* 168 */,
-/* 169 */,
-/* 170 */,
-/* 171 */,
-/* 172 */,
-/* 173 */,
-/* 174 */,
-/* 175 */,
-/* 176 */,
-/* 177 */,
-/* 178 */,
-/* 179 */,
-/* 180 */,
-/* 181 */,
-/* 182 */,
-/* 183 */,
-/* 184 */,
-/* 185 */,
-/* 186 */,
-/* 187 */,
-/* 188 */,
-/* 189 */,
-/* 190 */,
-/* 191 */,
-/* 192 */,
-/* 193 */,
-/* 194 */,
-/* 195 */,
-/* 196 */,
-/* 197 */,
-/* 198 */,
-/* 199 */,
-/* 200 */,
-/* 201 */,
-/* 202 */,
-/* 203 */,
-/* 204 */,
-/* 205 */,
-/* 206 */,
-/* 207 */,
-/* 208 */,
-/* 209 */,
-/* 210 */,
-/* 211 */,
-/* 212 */,
-/* 213 */,
-/* 214 */,
-/* 215 */,
-/* 216 */,
-/* 217 */,
-/* 218 */,
-/* 219 */,
-/* 220 */,
-/* 221 */,
-/* 222 */,
-/* 223 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  var desc = Object.getOwnPropertyDescriptor(m, k);
-
-  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-    desc = {
-      enumerable: true,
-      get: function get() {
-        return m[k];
-      }
-    };
-  }
-
-  Object.defineProperty(o, k2, desc);
-} : function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  o[k2] = m[k];
-});
-
-var __exportStar = this && this.__exportStar || function (m, exports) {
-  for (var p in m) {
-    if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-  }
-};
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-__exportStar(__webpack_require__(155), exports);
-
-var Line_1 = __webpack_require__(155);
-
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return Line_1.default;
-  }
-});
-
-/***/ }),
-/* 224 */
+/* 156 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4507,6 +4391,121 @@ var config = {
 };
 exports.default = (0, configUtils_1.enhanceConfig)(config);
 
+/***/ }),
+/* 157 */,
+/* 158 */,
+/* 159 */,
+/* 160 */,
+/* 161 */,
+/* 162 */,
+/* 163 */,
+/* 164 */,
+/* 165 */,
+/* 166 */,
+/* 167 */,
+/* 168 */,
+/* 169 */,
+/* 170 */,
+/* 171 */,
+/* 172 */,
+/* 173 */,
+/* 174 */,
+/* 175 */,
+/* 176 */,
+/* 177 */,
+/* 178 */,
+/* 179 */,
+/* 180 */,
+/* 181 */,
+/* 182 */,
+/* 183 */,
+/* 184 */,
+/* 185 */,
+/* 186 */,
+/* 187 */,
+/* 188 */,
+/* 189 */,
+/* 190 */,
+/* 191 */,
+/* 192 */,
+/* 193 */,
+/* 194 */,
+/* 195 */,
+/* 196 */,
+/* 197 */,
+/* 198 */,
+/* 199 */,
+/* 200 */,
+/* 201 */,
+/* 202 */,
+/* 203 */,
+/* 204 */,
+/* 205 */,
+/* 206 */,
+/* 207 */,
+/* 208 */,
+/* 209 */,
+/* 210 */,
+/* 211 */,
+/* 212 */,
+/* 213 */,
+/* 214 */,
+/* 215 */,
+/* 216 */,
+/* 217 */,
+/* 218 */,
+/* 219 */,
+/* 220 */,
+/* 221 */,
+/* 222 */,
+/* 223 */,
+/* 224 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function get() {
+        return m[k];
+      }
+    };
+  }
+
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+
+var __exportStar = this && this.__exportStar || function (m, exports) {
+  for (var p in m) {
+    if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+  }
+};
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+__exportStar(__webpack_require__(155), exports);
+
+var Line_1 = __webpack_require__(155);
+
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return Line_1.default;
+  }
+});
+
 /***/ }),
 /* 225 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -4517,78 +4516,24 @@ exports.default = (0, configUtils_1.enhanceConfig)(config);
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.convertToLineSCProperties = exports.convertToStringValues = exports.mapToOldKey = exports.convertMarkerOptions = exports.lineOptionValuesSCMapping = void 0;
+exports.convertToLineSCProperties = exports.convertMarkerOptions = exports.transformOptions = void 0;
+
+var propUtils_1 = __webpack_require__(29);
+
+var simpleXMLOptions_1 = __webpack_require__(70);
 
 var lodash_1 = __webpack_require__(3);
 
-var propUtils_1 = __webpack_require__(29);
+var config_1 = __webpack_require__(156);
 
-var chartingUtils_1 = __webpack_require__(56); // map for key names which are either new or not present in SimpleXML options mapping
-
-
-var lineOptionsSCMapping = {
-  markerDisplay: 'lineMarkerStyle',
-  legendDisplay: 'legendPlacement',
-  legendTruncation: 'legendLabelOverflowMode',
-  showYAxisWithZero: 'yAxisIncludeZero',
-  showY2AxisWithZero: 'y2AxisIncludeZero',
-  showYAxisExtendedRange: 'yAxisExtendsAxisRange',
-  showSplitSeries: 'splitSeries',
-  showIndependentYRanges: 'allowIndependentYRanges',
-  showOverlayY2Axis: 'enableY2Axis',
-  showXMajorGridLines: 'showMajorXGridLines',
-  showYMajorGridLines: 'showMajorYGridLines',
-  showYMinorGridLines: 'showMinorYGridLines',
-  showY2MajorGridLines: 'showMajorY2GridLines',
-  showY2MinorGridLines: 'showMinorY2GridLines',
-  yAxisMajorTickInterval: 'yAxisMajorUnit',
-  yAxisLabelVisibility: 'yAxisMajorLabelVisibility',
-  dataValuesDisplay: 'showDataLabels',
-  nullValueDisplay: 'nullValueMode',
-  lineDashStylesByField: 'fieldDashStyles',
-  xAxisLabelRotation: 'xAxisMajorLabelRotation',
-  xAxisLabelVisibility: 'xAxisMajorLabelVisibility',
-  seriesColorsByField: 'fieldColors',
-  resultLimit: 'resultTruncationLimit',
-  y2AxisLabelVisibility: 'y2AxisMajorLabelVisibility',
-  y2AxisMajorTickInterval: 'y2AxisMajorUnit',
-  showRoundedY2AxisLabels: 'roundY2AxisLabelsToInteger',
-  xAxisLineVisibility: 'xAxisVisibility',
-  yAxisLineVisibility: 'yAxisVisibility',
-  y2AxisLineVisibility: 'y2AxisVisibility',
-  showLineSmoothing: 'enableLineSmoothing'
-}; // key value mapping of what options (and their corresponding values) which we expose in config.ts to property values SC understands
-
-exports.lineOptionValuesSCMapping = {
-  lineMarkerStyle: {
-    filled: 'normal',
-    outlined: 'hollow'
-  },
-  xAxisTitleVisibility: {
-    hide: 'collapsed'
-  },
-  yAxisTitleVisibility: {
-    hide: 'collapsed'
-  },
-  y2AxisTitleVisibility: {
-    hide: 'collapsed'
-  },
-  legendPlacement: {
-    off: 'none'
-  },
-  legendLabelOverflowMode: {
-    ellipsisOff: 'ellipsisNone'
-  },
-  y2AxisAbbreviation: {
-    off: 'none'
-  },
-  yAxisAbbreviation: {
-    off: 'none'
-  },
-  showDataLabels: {
-    off: 'none'
-  }
+var transformOptions = function transformOptions(originalOptions) {
+  var returnOptions = (0, propUtils_1.adjustOptionsToSchema)(originalOptions, config_1.default.optionsSchema);
+  return Object.assign(Object.assign({}, (0, simpleXMLOptions_1.getSimpleXMLOptionsForProps)((0, exports.convertToLineSCProperties)(returnOptions))), {
+    chart: 'line'
+  });
 };
+
+exports.transformOptions = transformOptions;
 /**
  * Helper function to convert values for marker options
  * @method convertMarkerOptions
@@ -4596,54 +4541,21 @@ exports.lineOptionValuesSCMapping = {
  * @returns {Object}
  */
 
-var convertMarkerOptions = function convertMarkerOptions(originalOptions) {
-  var convertedOptions = {
-    showMarkers: false
-  };
+var convertMarkerOptions = function convertMarkerOptions(originalOptions, lineOptionValuesSCMapping) {
+  var originalOptionsWithAdditionalProps = originalOptions;
 
-  if ((0, lodash_1.values)(exports.lineOptionValuesSCMapping.lineMarkerStyle).includes(originalOptions.lineMarkerStyle)) {
-    convertedOptions.showMarkers = true;
-    return Object.assign(Object.assign({}, originalOptions), convertedOptions);
+  if ((0, lodash_1.values)(lineOptionValuesSCMapping.lineMarkerStyle).includes(originalOptions.lineMarkerStyle)) {
+    originalOptionsWithAdditionalProps.showMarkers = true;
+    return originalOptionsWithAdditionalProps;
   }
 
-  return (0, lodash_1.omit)(Object.assign(Object.assign({}, originalOptions), convertedOptions), ['lineMarkerStyle']);
+  originalOptionsWithAdditionalProps.showMarkers = false;
+  return (0, lodash_1.omit)(originalOptionsWithAdditionalProps, 'lineMarkerStyle');
 };
 
 exports.convertMarkerOptions = convertMarkerOptions;
 /**
- * Helper method to update the option names which can be mapped to SimpleXML options or
- * can be used directly with SC if don't have a 1-1 mapping in SimpleXML
- * @method mapToOldKey
- * @param {Object} options
- * @returns {Object}
- */
-
-var mapToOldKey = function mapToOldKey(options) {
-  return (0, lodash_1.mapKeys)(options, function (val, key) {
-    return lineOptionsSCMapping[key] ? lineOptionsSCMapping[key] : key;
-  });
-};
-
-exports.mapToOldKey = mapToOldKey;
-/**
- * Helper method to convert option which contains object literal values (e.g. arrays, objects)
- * to strings as SC can only accept their stringified equivalents
- * @method convertToStringValues
- * @param {Object} options
- * @returns {Object}
- */
-
-var convertToStringValues = function convertToStringValues(options) {
-  var updatedOptions = (0, propUtils_1.convertPropsToString)({
-    vizProps: options,
-    propNames: ['fieldDashStyles', 'seriesColors', 'fieldColors', 'legendLabels']
-  });
-  return Object.assign(Object.assign({}, options), updatedOptions);
-};
-
-exports.convertToStringValues = convertToStringValues;
-/**
- * Chained helper for mapping the option properties (and values) we expose in config.ts into property values that splunk-charting accepts
+ * Helper for mapping the option properties (and values) we expose in config.ts into property values that splunk-charting accepts
  * This is for options that has new key name and can not directly be mapped with SimpleXML or
  * don't have a 1-1 mapping in SimpleXML (i.e. a straightforward name mapping where values are preserved)
  * @method convertToLineSCProperties
@@ -4652,7 +4564,72 @@ exports.convertToStringValues = convertToStringValues;
  */
 
 var convertToLineSCProperties = function convertToLineSCProperties(originalOptions) {
-  return (0, lodash_1.chain)((0, exports.mapToOldKey)(originalOptions)).thru((0, chartingUtils_1.mapToValues)(exports.lineOptionValuesSCMapping)).thru(exports.convertToStringValues).thru(exports.convertMarkerOptions).thru(chartingUtils_1.convertOverlayFields).thru(chartingUtils_1.convertY2AxisOptions).value();
+  // map for key names which are either new or not present in SimpleXML options mapping
+  var lineOptionsSCMapping = {
+    markerDisplay: 'lineMarkerStyle',
+    legendDisplay: 'legendPlacement',
+    legendTruncation: 'legendLabelOverflowMode',
+    showYAxisWithZero: 'yAxisIncludeZero',
+    showY2AxisWithZero: 'y2AxisIncludeZero',
+    showYAxisExtendedRange: 'yAxisExtendsAxisRange',
+    showSplitSeries: 'splitSeries',
+    showIndependentYRanges: 'allowIndependentYRanges',
+    showOverlayY2Axis: 'enableY2Axis',
+    showXMajorGridLines: 'showMajorXGridLines',
+    showYMajorGridLines: 'showMajorYGridLines',
+    showYMinorGridLines: 'showMinorYGridLines',
+    showY2MajorGridLines: 'showMajorY2GridLines',
+    showY2MinorGridLines: 'showMinorY2GridLines',
+    yAxisMajorTickInterval: 'yAxisMajorUnit',
+    yAxisLabelVisibility: 'yAxisMajorLabelVisibility',
+    dataValuesDisplay: 'showDataLabels',
+    nullValueDisplay: 'nullValueMode',
+    lineDashStylesByField: 'fieldDashStyles',
+    xAxisLabelRotation: 'xAxisMajorLabelRotation',
+    xAxisLabelVisibility: 'xAxisMajorLabelVisibility',
+    seriesColorsByField: 'fieldColors',
+    resultLimit: 'resultTruncationLimit',
+    y2AxisLabelVisibility: 'y2AxisMajorLabelVisibility',
+    y2AxisMajorTickInterval: 'y2AxisMajorUnit',
+    showRoundedY2AxisLabels: 'roundY2AxisLabelsToInteger',
+    xAxisLineVisibility: 'xAxisVisibility',
+    yAxisLineVisibility: 'yAxisVisibility',
+    y2AxisLineVisibility: 'y2AxisVisibility',
+    showLineSmoothing: 'enableLineSmoothing'
+  }; // key value mapping of what options (and their corresponding values) which we expose in config.ts to property values SC understands
+
+  var lineOptionValuesSCMapping = {
+    lineMarkerStyle: {
+      filled: 'normal',
+      outlined: 'hollow'
+    },
+    xAxisTitleVisibility: {
+      hide: 'collapsed'
+    },
+    yAxisTitleVisibility: {
+      hide: 'collapsed'
+    },
+    y2AxisTitleVisibility: {
+      hide: 'collapsed'
+    },
+    legendPlacement: {
+      off: 'none'
+    },
+    legendLabelOverflowMode: {
+      ellipsisOff: 'ellipsisNone'
+    },
+    y2AxisAbbreviation: {
+      off: 'none'
+    },
+    yAxisAbbreviation: {
+      off: 'none'
+    },
+    showDataLabels: {
+      off: 'none'
+    }
+  };
+  var stingValues = ['fieldDashStyles', 'seriesColors', 'fieldColors', 'legendLabels'];
+  return (0, exports.convertMarkerOptions)((0, propUtils_1.convertToSCProperties)(originalOptions, lineOptionsSCMapping, lineOptionValuesSCMapping, stingValues), lineOptionValuesSCMapping);
 };
 
 exports.convertToLineSCProperties = convertToLineSCProperties;