@splunk/visualizations 25.3.3 → 25.5.0

package/ChoroplethSvg.js

@@ -87,20 +87,20 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 167);
+/******/ 	return __webpack_require__(__webpack_require__.s = 168);
 /******/ })
 /************************************************************************/
 /******/ ([
 /* 0 */
 /***/ (function(module, exports) {
 
-module.exports = require("react");
+module.exports = require("prop-types");
 
 /***/ }),
 /* 1 */
 /***/ (function(module, exports) {
 
-module.exports = require("prop-types");
+module.exports = require("react");
 
 /***/ }),
 /* 2 */
@@ -205,7 +205,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
 var styled_components_1 = __webpack_require__(4);
 
@@ -270,7 +270,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "25.3.3 - a0cdd353c",
+      "data-splunk-visualization-version": "25.5.0 - 12c0447a7",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -626,9 +626,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.shouldShowIconPlaceholder = void 0;
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
-var T = __webpack_require__(1);
+var T = __webpack_require__(0);
 
 var lodash_1 = __webpack_require__(3);
 
@@ -719,7 +719,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getSortingParams = exports.SortParamsPropTypes = void 0;
 
-var T = __webpack_require__(1);
+var T = __webpack_require__(0);
 
 var lodash_1 = __webpack_require__(3);
 
@@ -787,7 +787,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getPaginationParams = exports.PaginatorParamsPropTypes = void 0;
 
-var T = __webpack_require__(1);
+var T = __webpack_require__(0);
 
 var lodash_1 = __webpack_require__(3);
 
@@ -879,7 +879,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
 var lodash_1 = __webpack_require__(3);
 
@@ -1152,7 +1152,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.INITIAL_HEIGHT = exports.INITIAL_WIDTH = void 0;
 /* eslint-disable react/no-unused-prop-types,react/prefer-stateless-function */
 
-var T = __webpack_require__(1);
+var T = __webpack_require__(0);
 
 var lodash_1 = __webpack_require__(3);
 
@@ -1350,7 +1350,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useDeepMemo = void 0;
 
-var react_1 = __webpack_require__(0);
+var react_1 = __webpack_require__(1);
 
 var lodash_1 = __webpack_require__(3);
 /**
@@ -1395,9 +1395,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MissingPropsMessage = exports.missingKeys = exports.isMissing = void 0;
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
-var T = __webpack_require__(1);
+var T = __webpack_require__(0);
 
 var i18n_1 = __webpack_require__(2);
 
@@ -1474,7 +1474,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
 var styled_components_1 = __webpack_require__(4);
 
@@ -1485,7 +1485,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.3.3 - a0cdd353c"
+  'data-splunk-visualization-version': "25.5.0 - 12c0447a7"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
@@ -1526,7 +1526,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
 var colorUtils_1 = __webpack_require__(12);
 
@@ -1663,7 +1663,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 var StaticBackgroundColorEditor = {
-  label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Static background'),
+  label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Background'),
   option: 'backgroundColor',
   editor: 'editor.color',
   showEditor: function showEditor(_ref) {
@@ -1688,37 +1688,37 @@ var StaticBackgroundColorEditor = {
 /* 90 */,
 /* 91 */,
 /* 92 */,
-/* 93 */
+/* 93 */,
+/* 94 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-context/FeatureFlagContext");
 
 /***/ }),
-/* 94 */,
 /* 95 */,
 /* 96 */,
 /* 97 */,
 /* 98 */,
 /* 99 */,
-/* 100 */
+/* 100 */,
+/* 101 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/inherits");
 
 /***/ }),
-/* 101 */
+/* 102 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/possibleConstructorReturn");
 
 /***/ }),
-/* 102 */
+/* 103 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/getPrototypeOf");
 
 /***/ }),
-/* 103 */,
 /* 104 */,
 /* 105 */,
 /* 106 */,
@@ -1754,11 +1754,11 @@ var _classCallCheck = __webpack_require__(11);
 
 var _createClass = __webpack_require__(19);
 
-var _inherits = __webpack_require__(100);
+var _inherits = __webpack_require__(101);
 
-var _possibleConstructorReturn = __webpack_require__(101);
+var _possibleConstructorReturn = __webpack_require__(102);
 
-var _getPrototypeOf = __webpack_require__(102);
+var _getPrototypeOf = __webpack_require__(103);
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -1768,11 +1768,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
 var lodash_1 = __webpack_require__(3);
 
-var SvgMutator_1 = __webpack_require__(172);
+var SvgMutator_1 = __webpack_require__(173);
 /**
  * This react component simply take an SVG document, and mutates it by applying data to the document according to
  * dataBindings. The data (data prop) is processed by performing the mutation once for each 'row' of the data even though the data is formatted as columns.
@@ -1937,7 +1937,8 @@ SvgChoroplethDynamic.defaultProps = {
 /* 164 */,
 /* 165 */,
 /* 166 */,
-/* 167 */
+/* 167 */,
+/* 168 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1961,27 +1962,27 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useIconPlaceholder = exports.createProtocolHandlers = exports.PureSvgChoroplethDynamic = exports.PureChoroplethSvg = exports.config = void 0;
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
-var T = __webpack_require__(1);
+var T = __webpack_require__(0);
 
 var lodash_1 = __webpack_require__(3);
 
-var FeatureFlagContext_1 = __webpack_require__(93);
+var FeatureFlagContext_1 = __webpack_require__(94);
 
-var ImageContext_1 = __webpack_require__(168);
+var ImageContext_1 = __webpack_require__(169);
 
-var FileDownloader_1 = __webpack_require__(169);
+var FileDownloader_1 = __webpack_require__(170);
 
-var Downloader_1 = __webpack_require__(170);
+var Downloader_1 = __webpack_require__(171);
 
 var withDashboardViz_1 = __webpack_require__(32);
 
-var PureChoroplethSvg_1 = __webpack_require__(171);
+var PureChoroplethSvg_1 = __webpack_require__(172);
 
 var SvgChoroplethDynamic_1 = __webpack_require__(129);
 
-var config_1 = __webpack_require__(176);
+var config_1 = __webpack_require__(177);
 
 var IconPlaceholder_1 = __webpack_require__(27);
 
@@ -2067,25 +2068,25 @@ var platformViz = withDashboardViz_1.default({
 exports.default = platformViz;
 
 /***/ }),
-/* 168 */
+/* 169 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-context/ImageContext");
 
 /***/ }),
-/* 169 */
+/* 170 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/FileDownloader");
 
 /***/ }),
-/* 170 */
+/* 171 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/Downloader");
 
 /***/ }),
-/* 171 */
+/* 172 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2109,7 +2110,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.computeSvgDynamicProps = void 0;
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
 var styled_components_1 = __webpack_require__(4);
 
@@ -2191,7 +2192,7 @@ PureChoroplethSvg.defaultProps = {
 exports.default = styled_components_1.withTheme(PureChoroplethSvg);
 
 /***/ }),
-/* 172 */
+/* 173 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2207,13 +2208,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.SvgMutator = exports.ERROR_NON_ATTRIBUTE_MUTATION = void 0;
 /* eslint-disable no-param-reassign */
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
-var XPath = __webpack_require__(173);
+var XPath = __webpack_require__(174);
 
-var xmldom_1 = __webpack_require__(174);
+var xmldom_1 = __webpack_require__(175);
 
-var jexl = __webpack_require__(175);
+var jexl = __webpack_require__(176);
 /**
  * An error message indicating that a mutation has attempted to target anything other than SVG attribute(s)
  * @type {string}
@@ -2514,7 +2515,7 @@ var SvgMutator = /*#__PURE__*/function () {
       }
 
       if (title !== '') {
-        var titleElem = document.createElementNS('http://www.w3.org/2000/svg', 'title');
+        var titleElem = n.ownerDocument.createElementNS('http://www.w3.org/2000/svg', 'title');
         titleElem.textContent = title;
         parent.appendChild(titleElem);
       }
@@ -2617,25 +2618,25 @@ exports.SvgMutator = SvgMutator;
 SvgMutator.serializer = new xmldom_1.XMLSerializer();
 
 /***/ }),
-/* 173 */
+/* 174 */
 /***/ (function(module, exports) {
 
 module.exports = require("xpath");
 
 /***/ }),
-/* 174 */
+/* 175 */
 /***/ (function(module, exports) {
 
 module.exports = require("@xmldom/xmldom");
 
 /***/ }),
-/* 175 */
+/* 176 */
 /***/ (function(module, exports) {
 
 module.exports = require("jexl");
 
 /***/ }),
-/* 176 */
+/* 177 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2761,20 +2762,9 @@ var themes = {
   }
 };
 var editorConfig = [{
-  label: i18n_1._('SVG data'),
+  label: i18n_1._('Data configurations'),
   layout: [[{
-    label: i18n_1._('SVG file'),
-    option: 'svg',
-    editor: 'editor.image',
-    editorProps: {
-      validMediaTypes: ['svg'],
-      svgRenderAsDom: true
-    }
-  }]]
-}, {
-  label: i18n_1._('Path ID field formatting'),
-  layout: [[{
-    label: 'SVG path ID field',
+    label: 'Area IDs',
     editor: 'editor.columnSelector',
     option: 'areaIds',
     context: 'areaIdContext',
@@ -2782,21 +2772,24 @@ var editorConfig = [{
       dataSourceKey: 'primary'
     }
   }], [{
-    label: 'Value field',
+    label: 'Area values',
     editor: 'editor.columnSelector',
     option: 'areaValues',
     context: 'areaValuesContext',
     editorProps: {
       dataSourceKey: 'primary'
     }
-  }], [{
-    label: i18n_1._('Coloring'),
+  }]]
+}, {
+  label: i18n_1._('Color and style'),
+  layout: [[{
+    label: i18n_1._('Area colors'),
     option: 'areaColors',
     context: 'defaultContext',
     editor: 'editor.dynamicColor',
     editorProps: {
       labelPosition: 'left',
-      flyoutTitle: i18n_1._('Path ID field formatting: value'),
+      flyoutTitle: i18n_1._('Dynamic coloring: value'),
       formatters: [{
         label: i18n_1._('Ranges'),
         value: 'rangeValue',
@@ -2823,6 +2816,17 @@ var editorConfig = [{
       themes: themes
     }
   })]]
+}, {
+  label: i18n_1._('SVG content'),
+  layout: [[{
+    label: i18n_1._('SVG file'),
+    option: 'svg',
+    editor: 'editor.image',
+    editorProps: {
+      validMediaTypes: ['svg'],
+      svgRenderAsDom: true
+    }
+  }]]
 }];
 /**
  * visualization configuration