@splunk/visualizations 25.12.0 → 25.13.1

package/ChoroplethSvg.js

@@ -87,20 +87,20 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 181);
+/******/ 	return __webpack_require__(__webpack_require__.s = 182);
 /******/ })
 /************************************************************************/
 /******/ ([
 /* 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 */
@@ -161,31 +161,31 @@ var VizBehavior;
 /* 7 */
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/toConsumableArray");
+module.exports = require("@babel/runtime/helpers/defineProperty");
 
 /***/ }),
 /* 8 */
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/defineProperty");
+module.exports = require("@babel/runtime/helpers/toConsumableArray");
 
 /***/ }),
 /* 9 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/Message");
+module.exports = require("@babel/runtime/helpers/classCallCheck");
 
 /***/ }),
 /* 10 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/themes/variables");
+module.exports = require("@splunk/visualizations-shared/Message");
 
 /***/ }),
 /* 11 */
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/classCallCheck");
+module.exports = require("@splunk/themes/variables");
 
 /***/ }),
 /* 12 */
@@ -203,9 +203,9 @@ module.exports = require("@splunk/visualizations-shared/colorUtils");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 var styled_components_1 = __webpack_require__(4);
-var SizeAwareWrapper_1 = __webpack_require__(18);
+var SizeAwareWrapper_1 = __webpack_require__(19);
 var style_1 = __webpack_require__(14);
 var colorUtils_1 = __webpack_require__(12);
 var Item = styled_components_1.default.div.attrs(function (_ref) {
@@ -260,7 +260,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
     }
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "25.12.0 - d7a0fecdf",
+      "data-splunk-visualization-version": "25.13.1 - ea48ec41e",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -330,17 +330,23 @@ module.exports = require("@babel/runtime/helpers/slicedToArray");
 /* 18 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/SizeAwareWrapper");
+module.exports = require("@babel/runtime/helpers/createClass");
 
 /***/ }),
 /* 19 */
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/visualizations-shared/SizeAwareWrapper");
+
+/***/ }),
+/* 20 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _toConsumableArray = __webpack_require__(7);
-var _defineProperty = __webpack_require__(8);
+var _toConsumableArray = __webpack_require__(8);
+var _defineProperty = __webpack_require__(7);
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
   for (var p in s) {
@@ -535,23 +541,17 @@ var insertLayout = function insertLayout(layout, index) {
 };
 exports.insertLayout = insertLayout;
 
-/***/ }),
-/* 20 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/visualization-context/FeatureFlagContext");
-
 /***/ }),
 /* 21 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/configUtils");
+module.exports = require("@splunk/visualization-context/FeatureFlagContext");
 
 /***/ }),
 /* 22 */
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/createClass");
+module.exports = require("@splunk/visualizations-shared/configUtils");
 
 /***/ }),
 /* 23 */
@@ -597,11 +597,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.shouldShowIconPlaceholder = void 0;
-var React = __webpack_require__(0);
-var T = __webpack_require__(1);
+var React = __webpack_require__(1);
+var T = __webpack_require__(0);
 var lodash_1 = __webpack_require__(3);
 var i18n_1 = __webpack_require__(2);
-var Message_1 = __webpack_require__(9);
+var Message_1 = __webpack_require__(10);
 var FixedSizeContainer_1 = __webpack_require__(13);
 /**
  * @method shouldShowIconPlaceholder
@@ -677,12 +677,12 @@ module.exports = require("@splunk/ui-utils/id");
 "use strict";
 
 
-var _defineProperty = __webpack_require__(8);
+var _defineProperty = __webpack_require__(7);
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getSortingParams = exports.SortParamsPropTypes = void 0;
-var T = __webpack_require__(1);
+var T = __webpack_require__(0);
 var lodash_1 = __webpack_require__(3);
 var DataSource_1 = __webpack_require__(43);
 exports.SortParamsPropTypes = T.shape({
@@ -740,7 +740,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getPaginationParams = exports.PaginatorParamsPropTypes = void 0;
-var T = __webpack_require__(1);
+var T = __webpack_require__(0);
 var lodash_1 = __webpack_require__(3);
 exports.PaginatorParamsPropTypes = T.shape({
   isPaging: T.bool,
@@ -820,14 +820,14 @@ var _slicedToArray = __webpack_require__(17);
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 var lodash_1 = __webpack_require__(3);
 var getSettingsFromThemedProps_1 = __webpack_require__(37);
 var Options_1 = __webpack_require__(29);
 var SanitizeProps_1 = __webpack_require__(38);
 var TimezoneContext_1 = __webpack_require__(25);
 var moment_1 = __webpack_require__(39);
-var FeatureFlagContext_1 = __webpack_require__(20);
+var FeatureFlagContext_1 = __webpack_require__(21);
 var styled_components_1 = __webpack_require__(4);
 var hocUtils_1 = __webpack_require__(26);
 var JSONSchemaUtils_1 = __webpack_require__(27);
@@ -1118,13 +1118,13 @@ module.exports = require("@splunk/async-dynamic-options-evaluator");
 "use strict";
 
 
-var _classCallCheck = __webpack_require__(11);
+var _classCallCheck = __webpack_require__(9);
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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);
 var VizActionHandler_1 = __webpack_require__(42);
 // this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
@@ -1247,8 +1247,8 @@ exports.default = SplunkVisualization;
 "use strict";
 
 
-var _classCallCheck = __webpack_require__(11);
-var _createClass = __webpack_require__(22);
+var _classCallCheck = __webpack_require__(9);
+var _createClass = __webpack_require__(18);
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -1296,7 +1296,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useDeepMemo = void 0;
-var react_1 = __webpack_require__(0);
+var react_1 = __webpack_require__(1);
 var lodash_1 = __webpack_require__(3);
 /**
  * This hook evaluates and stores the result of a passed function and only
@@ -1334,10 +1334,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MissingPropsMessage = exports.missingKeys = exports.isMissing = void 0;
-var React = __webpack_require__(0);
-var T = __webpack_require__(1);
+var React = __webpack_require__(1);
+var T = __webpack_require__(0);
 var i18n_1 = __webpack_require__(2);
-var Message_1 = __webpack_require__(9);
+var Message_1 = __webpack_require__(10);
 var FixedSizeContainer_1 = __webpack_require__(13);
 /**
  * @method isMissing
@@ -1401,7 +1401,7 @@ exports.default = FixedSizeContainer_1.default(exports.MissingPropsMessage);
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 var styled_components_1 = __webpack_require__(4);
 var hocUtils_1 = __webpack_require__(15);
 var Cover = styled_components_1.default.div.withConfig({
@@ -1409,7 +1409,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.12.0 - d7a0fecdf"
+  'data-splunk-visualization-version': "25.13.1 - ea48ec41e"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
@@ -1446,9 +1446,9 @@ exports.default = withEditModeCover;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 var colorUtils_1 = __webpack_require__(12);
-var variables_1 = __webpack_require__(10);
+var variables_1 = __webpack_require__(11);
 var IconPlaceholder_1 = __webpack_require__(31);
 var VizBehavior_1 = __webpack_require__(6);
 var hocUtils_1 = __webpack_require__(15);
@@ -1488,21 +1488,21 @@ var withPlaceholder = function withPlaceholder(Visualization) {
 exports.default = withPlaceholder;
 
 /***/ }),
-/* 48 */
+/* 48 */,
+/* 49 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-icons/placeholders");
 
 /***/ }),
-/* 49 */,
 /* 50 */,
-/* 51 */
+/* 51 */,
+/* 52 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-icons");
 
 /***/ }),
-/* 52 */,
 /* 53 */,
 /* 54 */,
 /* 55 */,
@@ -1517,13 +1517,32 @@ module.exports = require("@splunk/visualization-color-palettes/editors/PresetPal
 
 /***/ }),
 /* 61 */,
-/* 62 */,
+/* 62 */
+/***/ (function(module, exports) {
+
+module.exports = require("@babel/runtime/helpers/getPrototypeOf");
+
+/***/ }),
 /* 63 */,
 /* 64 */,
 /* 65 */,
 /* 66 */,
 /* 67 */,
-/* 68 */
+/* 68 */,
+/* 69 */,
+/* 70 */
+/***/ (function(module, exports) {
+
+module.exports = require("@babel/runtime/helpers/inherits");
+
+/***/ }),
+/* 71 */
+/***/ (function(module, exports) {
+
+module.exports = require("@babel/runtime/helpers/possibleConstructorReturn");
+
+/***/ }),
+/* 72 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1534,7 +1553,8 @@ __webpack_require__.r(__webpack_exports__);
 var VizStyleWrapper = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.div.attrs(function (_ref) {
   var dataTestKey = _ref.dataTestKey;
   return {
-    'data-test': dataTestKey
+    'data-test': dataTestKey,
+    'data-testid': dataTestKey
   };
 }).withConfig({
   displayName: "VizStyleWrapper",
@@ -1546,10 +1566,6 @@ VizStyleWrapper.displayName = 'VizStyleWrapper';
 /* harmony default export */ __webpack_exports__["default"] = (VizStyleWrapper);
 
 /***/ }),
-/* 69 */,
-/* 70 */,
-/* 71 */,
-/* 72 */,
 /* 73 */,
 /* 74 */,
 /* 75 */,
@@ -1561,14 +1577,19 @@ VizStyleWrapper.displayName = 'VizStyleWrapper';
 /* 81 */,
 /* 82 */,
 /* 83 */,
-/* 84 */
+/* 84 */,
+/* 85 */,
+/* 86 */,
+/* 87 */,
+/* 88 */,
+/* 89 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(21);
+/* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(22);
 /* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__);
 
 
@@ -1584,11 +1605,6 @@ var StaticBackgroundColorEditor = {
 /* harmony default export */ __webpack_exports__["default"] = (StaticBackgroundColorEditor);
 
 /***/ }),
-/* 85 */,
-/* 86 */,
-/* 87 */,
-/* 88 */,
-/* 89 */,
 /* 90 */,
 /* 91 */,
 /* 92 */,
@@ -1608,24 +1624,9 @@ var StaticBackgroundColorEditor = {
 /* 106 */,
 /* 107 */,
 /* 108 */,
-/* 109 */
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/inherits");
-
-/***/ }),
-/* 110 */
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/possibleConstructorReturn");
-
-/***/ }),
-/* 111 */
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/getPrototypeOf");
-
-/***/ }),
+/* 109 */,
+/* 110 */,
+/* 111 */,
 /* 112 */,
 /* 113 */,
 /* 114 */,
@@ -1657,25 +1658,26 @@ module.exports = require("@babel/runtime/helpers/getPrototypeOf");
 /* 140 */,
 /* 141 */,
 /* 142 */,
-/* 143 */
+/* 143 */,
+/* 144 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _classCallCheck = __webpack_require__(11);
-var _createClass = __webpack_require__(22);
-var _inherits = __webpack_require__(109);
-var _possibleConstructorReturn = __webpack_require__(110);
-var _getPrototypeOf = __webpack_require__(111);
+var _classCallCheck = __webpack_require__(9);
+var _createClass = __webpack_require__(18);
+var _inherits = __webpack_require__(70);
+var _possibleConstructorReturn = __webpack_require__(71);
+var _getPrototypeOf = __webpack_require__(62);
 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); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 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__(186);
+var SvgMutator_1 = __webpack_require__(187);
 /**
  * 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.
@@ -1784,7 +1786,6 @@ SvgChoroplethDynamic.defaultProps = {
 };
 
 /***/ }),
-/* 144 */,
 /* 145 */,
 /* 146 */,
 /* 147 */,
@@ -1821,7 +1822,8 @@ SvgChoroplethDynamic.defaultProps = {
 /* 178 */,
 /* 179 */,
 /* 180 */,
-/* 181 */
+/* 181 */,
+/* 182 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1841,18 +1843,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useIconPlaceholder = exports.createProtocolHandlers = exports.PureSvgChoroplethDynamic = exports.PureChoroplethSvg = exports.config = void 0;
-var React = __webpack_require__(0);
-var T = __webpack_require__(1);
+var React = __webpack_require__(1);
+var T = __webpack_require__(0);
 var lodash_1 = __webpack_require__(3);
-var FeatureFlagContext_1 = __webpack_require__(20);
-var ImageContext_1 = __webpack_require__(182);
-var FileDownloader_1 = __webpack_require__(183);
-var Downloader_1 = __webpack_require__(184);
+var FeatureFlagContext_1 = __webpack_require__(21);
+var ImageContext_1 = __webpack_require__(183);
+var FileDownloader_1 = __webpack_require__(184);
+var Downloader_1 = __webpack_require__(185);
 var withDashboardViz_1 = __webpack_require__(36);
-var PureChoroplethSvg_1 = __webpack_require__(185);
-var SvgChoroplethDynamic_1 = __webpack_require__(143);
-var config_1 = __webpack_require__(190);
+var PureChoroplethSvg_1 = __webpack_require__(186);
+var SvgChoroplethDynamic_1 = __webpack_require__(144);
+var config_1 = __webpack_require__(191);
 var IconPlaceholder_1 = __webpack_require__(31);
+var urlUtils_1 = __webpack_require__(192);
+var ErrorMessage_1 = __webpack_require__(193);
 exports.config = config_1.default;
 exports.PureChoroplethSvg = PureChoroplethSvg_1.default;
 // todo: need remove when deleting @splunk/react-visualizations package
@@ -1887,18 +1891,37 @@ var createProtocolHandlers = function createProtocolHandlers() {
 exports.createProtocolHandlers = createProtocolHandlers;
 var ChoroplethSvg = function ChoroplethSvg(_a) {
   var props = __rest(_a, []);
-  var svg = props.svg; // note that the FileDownloader will just immediately pass through literal (non-url) content in the case that
+  var svg = props.svg;
+  var url = React.useMemo(function () {
+    if (!svg) {
+      return svg;
+    }
+    var trimmed = svg.trim();
+    if (urlUtils_1.isValidUrl(trimmed)) {
+      return trimmed;
+    }
+    if (/.*<svg.*/i.test(trimmed)) {
+      return trimmed;
+    }
+    return "".concat(window.location.origin, "/").concat(trimmed);
+  }, [svg]);
+  // note that the FileDownloader will just immediately pass through literal (non-url) content in the case that
   // the svg argument is not a url.
   return React.createElement(ImageContext_1.default.Consumer, null, function (imageContext) {
     return React.createElement(FeatureFlagContext_1.default.Consumer, null, function (featureFlagContext) {
       return React.createElement(FileDownloader_1.FileDownloader, {
-        url: svg,
+        url: url,
         protocolHandlers: exports.createProtocolHandlers(featureFlagContext, imageContext),
         renderContent: function renderContent(svgString) {
           var pureVizProps = Object.assign(Object.assign({}, props), {
             svg: svgString
           });
           return React.createElement(exports.PureChoroplethSvg, Object.assign({}, pureVizProps));
+        },
+        renderError: function renderError(error) {
+          return React.createElement(ErrorMessage_1.default, {
+            error: error
+          });
         }
       });
     });
@@ -1923,25 +1946,25 @@ var platformViz = withDashboardViz_1.default({
 exports.default = platformViz;
 
 /***/ }),
-/* 182 */
+/* 183 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-context/ImageContext");
 
 /***/ }),
-/* 183 */
+/* 184 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/FileDownloader");
 
 /***/ }),
-/* 184 */
+/* 185 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/Downloader");
 
 /***/ }),
-/* 185 */
+/* 186 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1961,13 +1984,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.computeSvgDynamicProps = void 0;
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 var styled_components_1 = __webpack_require__(4);
 var lodash_1 = __webpack_require__(3);
 var style_1 = __webpack_require__(14);
-var SizeAwareWrapper_1 = __webpack_require__(18);
-var SvgChoroplethDynamic_1 = __webpack_require__(143);
-var VizStyleWrapper_1 = __webpack_require__(68);
+var SizeAwareWrapper_1 = __webpack_require__(19);
+var SvgChoroplethDynamic_1 = __webpack_require__(144);
+var VizStyleWrapper_1 = __webpack_require__(72);
 var Container = styled_components_1.default.div.withConfig({
   displayName: "PureChoroplethSvg__Container",
   componentId: "m24jrf-0"
@@ -2028,23 +2051,23 @@ PureChoroplethSvg.defaultProps = {
 exports.default = styled_components_1.withTheme(PureChoroplethSvg);
 
 /***/ }),
-/* 186 */
+/* 187 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _classCallCheck = __webpack_require__(11);
-var _createClass = __webpack_require__(22);
+var _classCallCheck = __webpack_require__(9);
+var _createClass = __webpack_require__(18);
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SvgMutator = exports.ERROR_NON_ATTRIBUTE_MUTATION = void 0;
 /* eslint-disable no-param-reassign */
-var React = __webpack_require__(0);
-var XPath = __webpack_require__(187);
-var xmldom_1 = __webpack_require__(188);
-var jexl = __webpack_require__(189);
+var React = __webpack_require__(1);
+var XPath = __webpack_require__(188);
+var xmldom_1 = __webpack_require__(189);
+var jexl = __webpack_require__(190);
 /**
  * An error message indicating that a mutation has attempted to target anything other than SVG attribute(s)
  * @type {string}
@@ -2406,25 +2429,25 @@ exports.SvgMutator = SvgMutator;
 SvgMutator.serializer = new xmldom_1.XMLSerializer();
 
 /***/ }),
-/* 187 */
+/* 188 */
 /***/ (function(module, exports) {
 
 module.exports = require("xpath");
 
 /***/ }),
-/* 188 */
+/* 189 */
 /***/ (function(module, exports) {
 
 module.exports = require("@xmldom/xmldom");
 
 /***/ }),
-/* 189 */
+/* 190 */
 /***/ (function(module, exports) {
 
 module.exports = require("jexl");
 
 /***/ }),
-/* 190 */
+/* 191 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2435,15 +2458,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 var i18n_1 = __webpack_require__(2);
 var pick_1 = __webpack_require__(23);
-var variables_1 = __webpack_require__(10);
+var variables_1 = __webpack_require__(11);
 var schemaUtils_1 = __webpack_require__(16);
 var PresetPalettes_1 = __webpack_require__(60);
-var visualization_icons_1 = __webpack_require__(51);
-var placeholders_1 = __webpack_require__(48);
+var visualization_icons_1 = __webpack_require__(52);
+var placeholders_1 = __webpack_require__(49);
 var VizBehavior_1 = __webpack_require__(6);
-var configUtils_1 = __webpack_require__(19);
+var configUtils_1 = __webpack_require__(20);
 var VizCategory_1 = __webpack_require__(35);
-var StaticBackgroundColorEditor_1 = __webpack_require__(84);
+var StaticBackgroundColorEditor_1 = __webpack_require__(89);
 var dataContract = {
   requiredDataSources: [],
   optionalDataSources: [{
@@ -2638,6 +2661,67 @@ var config = {
 };
 exports.default = configUtils_1.enhanceConfig(config);
 
+/***/ }),
+/* 192 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isValidUrl = void 0;
+var isValidUrl = function isValidUrl(value) {
+  try {
+    var url = new URL(value);
+    return !!url.protocol;
+  } catch (err) {
+    return false;
+  }
+};
+exports.isValidUrl = isValidUrl;
+
+/***/ }),
+/* 193 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var React = __webpack_require__(1);
+var styled_components_1 = __webpack_require__(4);
+var visualization_icons_1 = __webpack_require__(52);
+var Container = styled_components_1.default.div.withConfig({
+  displayName: "ErrorMessage__Container",
+  componentId: "sc-190iqnz-0"
+})(["height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:16px;gap:8px;color:#808080;> svg{width:24px;height:24px;}"]);
+var Message = styled_components_1.default.div.withConfig({
+  displayName: "ErrorMessage__Message",
+  componentId: "sc-190iqnz-1"
+})(["width:100%;word-break:break-all;"]);
+var ErrorMessage = function ErrorMessage(_a) {
+  var props = __rest(_a, []);
+  var error = props.error;
+  return React.createElement(Container, null, React.createElement(visualization_icons_1.Image, {
+    "data-testid": "image-icon"
+  }), React.createElement(Message, null, error));
+};
+exports.default = styled_components_1.withTheme(ErrorMessage);
+
 /***/ })
 /******/ ]);
 //# sourceMappingURL=ChoroplethSvg.js.map