@splunk/visualizations 25.13.1 → 26.0.0

package/Sankey.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 454);
+/******/ 	return __webpack_require__(__webpack_require__.s = 457);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -120,7 +120,7 @@ module.exports = require("@splunk/themes/variables");
 
 /***/ }),
 
-/***/ 110:
+/***/ 111:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -143,12 +143,12 @@ var SizeAwareWrapper_1 = __webpack_require__(19);
 var style_1 = __webpack_require__(14);
 var visualization_color_palettes_1 = __webpack_require__(51);
 // eslint-disable-next-line camelcase
-var sankey_1 = __webpack_require__(455);
-var VizStyleWrapper_1 = __webpack_require__(72);
-var SankeyUtils_1 = __webpack_require__(133);
-var SankeyNode_1 = __webpack_require__(456);
-var SankeyLink_1 = __webpack_require__(457);
-var SankeyTooltip_1 = __webpack_require__(458);
+var sankey_1 = __webpack_require__(458);
+var VizStyleWrapper_1 = __webpack_require__(73);
+var SankeyUtils_1 = __webpack_require__(134);
+var SankeyNode_1 = __webpack_require__(459);
+var SankeyLink_1 = __webpack_require__(460);
+var SankeyTooltip_1 = __webpack_require__(461);
 exports.DEFAULT_COLORS = {
   backgroundColor: '#ffffff',
   nodeTextColor: '#2c2c2c',
@@ -177,7 +177,7 @@ var SankeyContainer = styled_components_1.default.div.withConfig({
   displayName: "PureSankey__SankeyContainer",
   componentId: "sc-1r333qx-0"
 })(["overflow:hidden;", ";"], function (props) {
-  return style_1.toDimension(lodash_1.pick(props, ['width', 'height']));
+  return (0, style_1.toDimension)((0, lodash_1.pick)(props, ['width', 'height']));
 });
 var PureSankey = function PureSankey(props) {
   var width = props.width,
@@ -209,59 +209,59 @@ var PureSankey = function PureSankey(props) {
     x: 28,
     y: 17
   };
-  var _react_1$useState = react_1.useState([]),
-    _react_1$useState2 = _slicedToArray(_react_1$useState, 2),
-    activeLinks = _react_1$useState2[0],
-    setActiveLinks = _react_1$useState2[1];
-  var _react_1$useState3 = react_1.useState([]),
-    _react_1$useState4 = _slicedToArray(_react_1$useState3, 2),
-    activeNodes = _react_1$useState4[0],
-    setActiveNodes = _react_1$useState4[1];
-  var _react_1$useState5 = react_1.useState(null),
-    _react_1$useState6 = _slicedToArray(_react_1$useState5, 2),
-    nodeHovered = _react_1$useState6[0],
-    setNodeHovered = _react_1$useState6[1];
-  var _react_1$useState7 = react_1.useState(null),
-    _react_1$useState8 = _slicedToArray(_react_1$useState7, 2),
-    hoveredNodeElement = _react_1$useState8[0],
-    setHoveredNodeElement = _react_1$useState8[1];
-  var _react_1$useState9 = react_1.useState(false),
-    _react_1$useState10 = _slicedToArray(_react_1$useState9, 2),
-    openNodeToolTip = _react_1$useState10[0],
-    setOpenNodeToolTip = _react_1$useState10[1];
-  var _react_1$useState11 = react_1.useState(null),
-    _react_1$useState12 = _slicedToArray(_react_1$useState11, 2),
-    hoveredLinkElement = _react_1$useState12[0],
-    setHoveredLinkElement = _react_1$useState12[1];
-  var _react_1$useState13 = react_1.useState(false),
-    _react_1$useState14 = _slicedToArray(_react_1$useState13, 2),
-    openLinkToolTip = _react_1$useState14[0],
-    setOpenLinkToolTip = _react_1$useState14[1];
-  var sankeyContainerElement = react_1.useRef(null);
-  var _react_1$useState15 = react_1.useState(exports.DEFAULT_CHART_WIDTH - margin.left - margin.right),
-    _react_1$useState16 = _slicedToArray(_react_1$useState15, 2),
-    sankeyWidth = _react_1$useState16[0],
-    setSankeyWidth = _react_1$useState16[1];
-  var _react_1$useState17 = react_1.useState(exports.DEFAULT_CHART_HEIGHT - margin.top - margin.bottom),
-    _react_1$useState18 = _slicedToArray(_react_1$useState17, 2),
-    sankeyHeight = _react_1$useState18[0],
-    setSankeyHeight = _react_1$useState18[1];
-  react_1.useEffect(function () {
+  var _ref = (0, react_1.useState)([]),
+    _ref2 = _slicedToArray(_ref, 2),
+    activeLinks = _ref2[0],
+    setActiveLinks = _ref2[1];
+  var _ref3 = (0, react_1.useState)([]),
+    _ref4 = _slicedToArray(_ref3, 2),
+    activeNodes = _ref4[0],
+    setActiveNodes = _ref4[1];
+  var _ref5 = (0, react_1.useState)(null),
+    _ref6 = _slicedToArray(_ref5, 2),
+    nodeHovered = _ref6[0],
+    setNodeHovered = _ref6[1];
+  var _ref7 = (0, react_1.useState)(null),
+    _ref8 = _slicedToArray(_ref7, 2),
+    hoveredNodeElement = _ref8[0],
+    setHoveredNodeElement = _ref8[1];
+  var _ref9 = (0, react_1.useState)(false),
+    _ref10 = _slicedToArray(_ref9, 2),
+    openNodeToolTip = _ref10[0],
+    setOpenNodeToolTip = _ref10[1];
+  var _ref11 = (0, react_1.useState)(null),
+    _ref12 = _slicedToArray(_ref11, 2),
+    hoveredLinkElement = _ref12[0],
+    setHoveredLinkElement = _ref12[1];
+  var _ref13 = (0, react_1.useState)(false),
+    _ref14 = _slicedToArray(_ref13, 2),
+    openLinkToolTip = _ref14[0],
+    setOpenLinkToolTip = _ref14[1];
+  var sankeyContainerElement = (0, react_1.useRef)(null);
+  var _ref15 = (0, react_1.useState)(exports.DEFAULT_CHART_WIDTH - margin.left - margin.right),
+    _ref16 = _slicedToArray(_ref15, 2),
+    sankeyWidth = _ref16[0],
+    setSankeyWidth = _ref16[1];
+  var _ref17 = (0, react_1.useState)(exports.DEFAULT_CHART_HEIGHT - margin.top - margin.bottom),
+    _ref18 = _slicedToArray(_ref17, 2),
+    sankeyHeight = _ref18[0],
+    setSankeyHeight = _ref18[1];
+  (0, react_1.useEffect)(function () {
     if (sankeyContainerElement && sankeyContainerElement.current) {
       var w = sankeyContainerElement.current.getBoundingClientRect().width;
       var h = sankeyContainerElement.current.getBoundingClientRect().height;
-      var sWidth = SankeyUtils_1.checkDigitsOnly(width) ? parseInt(width, 10) : w;
-      var sHeight = SankeyUtils_1.checkDigitsOnly(height) ? parseInt(height, 10) : h;
+      var sWidth = (0, SankeyUtils_1.checkDigitsOnly)(width) ? parseInt(width, 10) : w;
+      var sHeight = (0, SankeyUtils_1.checkDigitsOnly)(height) ? parseInt(height, 10) : h;
       setSankeyWidth(sWidth - margin.left - margin.right);
       setSankeyHeight(sHeight - margin.top - margin.bottom);
     }
   }, [width, height]);
-  var sankeyData = SankeyUtils_1.convertInputToSankeyDataFormat(columns, exports.DEFAULT_SOURCE_INDEX, exports.DEFAULT_TARGET_INDEX, exports.DEFAULT_LINK_VALUE_INDEX, resultLimit);
+  var sankeyData = (0, SankeyUtils_1.convertInputToSankeyDataFormat)(columns, exports.DEFAULT_SOURCE_INDEX, exports.DEFAULT_TARGET_INDEX, exports.DEFAULT_LINK_VALUE_INDEX, resultLimit);
   if (!sankeyData || !columns || !Array.isArray(columns) || columns.length < 3) {
     return React.createElement(Message_1.default, {
       width: width,
       height: height,
-      message: i18n_1._('Invalid data to render'),
+      message: (0, i18n_1._)('Invalid data to render'),
       level: "info"
     });
   }
@@ -274,13 +274,13 @@ var PureSankey = function PureSankey(props) {
       link.id = "link-".concat(link.source.index, "-").concat(link.target.index);
     });
   };
-  var d3sankey = sankey_1.d3_sankey().nodeWidth(nodeWidth).nodePadding(nodePadding).size([sankeyWidth, sankeyHeight]);
+  var d3sankey = (0, sankey_1.d3_sankey)().nodeWidth(nodeWidth).nodePadding(nodePadding).size([sankeyWidth, sankeyHeight]);
   var path = d3sankey.reversibleLink();
   d3sankey.nodes(sankeyData.nodes).links(sankeyData.links).layout(500);
   sortAndAssignLinkIds(sankeyData.links);
-  var nodeConnectionsMap = SankeyUtils_1.computeAllConnectedLinksToNodes(sankeyData.nodes, sankeyData.links);
-  var uniqCategory = SankeyUtils_1.getAllNodeNames(sankeyData);
-  var colorCategoryMapping = SankeyUtils_1.getColorCategoryMapping({
+  var nodeConnectionsMap = (0, SankeyUtils_1.computeAllConnectedLinksToNodes)(sankeyData.nodes, sankeyData.links);
+  var uniqCategory = (0, SankeyUtils_1.getAllNodeNames)(sankeyData);
+  var colorCategoryMapping = (0, SankeyUtils_1.getColorCategoryMapping)({
     category: uniqCategory,
     colorMode: colorMode,
     seriesColors: seriesColors,
@@ -295,14 +295,14 @@ var PureSankey = function PureSankey(props) {
     setOpenLinkToolTip(false);
     setOpenNodeToolTip(false);
   };
-  var renderVisualization = function renderVisualization(_ref) {
-    var containerWidth = _ref.width,
-      containerHeight = _ref.height;
+  var renderVisualization = function renderVisualization(_ref19) {
+    var containerWidth = _ref19.width,
+      containerHeight = _ref19.height;
     if (containerWidth < exports.CHART_MIN_WIDTH || containerHeight < exports.CHART_MIN_HEIGHT) {
       return React.createElement(Message_1.default, {
         width: containerWidth,
         height: containerHeight,
-        message: i18n_1._('Too small to render content'),
+        message: (0, i18n_1._)('Too small to render content'),
         level: "info"
       });
     }
@@ -313,8 +313,8 @@ var PureSankey = function PureSankey(props) {
           activeLinks: activeLinks,
           linkOpacity: linkOpacity,
           path: path,
-          key: SankeyUtils_1.getLinkId(link),
-          "data-test": SankeyUtils_1.getLinkId(link),
+          key: (0, SankeyUtils_1.getLinkId)(link),
+          "data-test": (0, SankeyUtils_1.getLinkId)(link),
           colorCategoryMapping: colorCategoryMapping,
           colorMode: colorMode,
           handleMouseOver: function handleMouseOver(ev) {
@@ -335,8 +335,8 @@ var PureSankey = function PureSankey(props) {
       return nodes.map(function (node) {
         return React.createElement(SankeyNode_1.default, {
           node: node,
-          key: SankeyUtils_1.getNodeId(node),
-          "data-test": SankeyUtils_1.getNodeId(node),
+          key: (0, SankeyUtils_1.getNodeId)(node),
+          "data-test": (0, SankeyUtils_1.getNodeId)(node),
           activeNodes: activeNodes,
           nodeWidth: nodeWidth,
           chartWidth: chartWidth,
@@ -486,14 +486,14 @@ var Item = styled_components_1.default.div.attrs(function (_ref) {
   var width = _ref.width;
   return {
     style: {
-      width: style_1.toPx(width)
+      width: (0, style_1.toPx)(width)
     }
   };
 }).withConfig({
   displayName: "FixedSizeContainer__Item",
   componentId: "sc-1yhgpod-0"
 })(["position:relative;background-color:", "};"], function (props) {
-  return colorUtils_1.isColor(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor;
+  return (0, colorUtils_1.isColor)(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor;
 });
 // Use `.attrs()` for highly dynamic styles. Ref: https://github.com/styled-components/styled-components/issues/134#issuecomment-312415291
 var FixSizeItem = styled_components_1.default.div.attrs(function (_ref2) {
@@ -501,16 +501,16 @@ var FixSizeItem = styled_components_1.default.div.attrs(function (_ref2) {
     height = _ref2.height;
   return {
     style: Object.assign(Object.assign({}, width && {
-      width: style_1.toPx(width)
+      width: (0, style_1.toPx)(width)
     }), height && {
-      height: style_1.toPx(height)
+      height: (0, style_1.toPx)(height)
     })
   };
 }).withConfig({
   displayName: "FixedSizeContainer__FixSizeItem",
   componentId: "sc-1yhgpod-1"
 })(["position:relative;flex-direction:column;flex:1;display:flex;background-color:", "};"], function (props) {
-  return colorUtils_1.isColor(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor;
+  return (0, colorUtils_1.isColor)(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor;
 });
 var ItemContent = styled_components_1.default.div.withConfig({
   displayName: "FixedSizeContainer__ItemContent",
@@ -534,7 +534,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
     }
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "25.13.1 - ea48ec41e",
+      "data-splunk-visualization-version": "26.0.0 - 2f7458907",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -554,7 +554,7 @@ exports.default = withFixedSizeContainer;
 
 /***/ }),
 
-/***/ 133:
+/***/ 134:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -565,7 +565,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.truncateSVGTextWithEllipsis = exports.checkDigitsOnly = exports.computeAllConnectedLinksToNodes = exports.getAllConnectedLinks = exports.extractLinkMidPoint = exports.getAllNodeNames = exports.getLinkId = exports.getNodeId = exports.convertInputToSankeyDataFormat = exports.getColorCategoryMapping = exports.getNodesIndex = void 0;
 /* eslint-disable no-param-reassign */
-var d3_scale_1 = __webpack_require__(91);
+var d3_scale_1 = __webpack_require__(92);
 var types_1 = __webpack_require__(94);
 var insertNodeIfNotExist = function insertNodeIfNotExist(sankeyData, nodeName) {
   var nodes = sankeyData.nodes;
@@ -610,7 +610,7 @@ var getColorCategoryMapping = function getColorCategoryMapping(_ref) {
   if (colorMode !== 'categorical') {
     return linkColors;
   }
-  return seriesColors ? d3_scale_1.scaleOrdinal().domain(category).range(seriesColors).unknown(seriesColors[0]) : null;
+  return seriesColors ? (0, d3_scale_1.scaleOrdinal)().domain(category).range(seriesColors).unknown(seriesColors[0]) : null;
 };
 exports.getColorCategoryMapping = getColorCategoryMapping;
 var convertInputToSankeyDataFormat = function convertInputToSankeyDataFormat(columns, sourceFieldIdx, targetFieldIdx, linkValueFieldIdx, resultLimit) {
@@ -623,15 +623,15 @@ var convertInputToSankeyDataFormat = function convertInputToSankeyDataFormat(col
   };
   var maxlen = Math.min(columns[sourceFieldIdx].length, columns[targetFieldIdx].length, columns[linkValueFieldIdx].length, resultLimit);
   for (var i = 0; i < maxlen; i += 1) {
-    if (typeof columns[sourceFieldIdx][i] === 'string' && typeof columns[targetFieldIdx][i] === 'string' && types_1.isNumber(columns[linkValueFieldIdx][i])) {
+    if (typeof columns[sourceFieldIdx][i] === 'string' && typeof columns[targetFieldIdx][i] === 'string' && (0, types_1.isNumber)(columns[linkValueFieldIdx][i])) {
       (function () {
         var sourceNodeName = columns[sourceFieldIdx][i].trim();
         var targetNodeName = columns[targetFieldIdx][i].trim();
         insertNodeIfNotExist(sankeyData, sourceNodeName);
         insertNodeIfNotExist(sankeyData, targetNodeName);
         // If same link exists then sum up the value and donot insert new link
-        var sourceNodeIdx = exports.getNodesIndex(sankeyData, sourceNodeName);
-        var targetNodeIdx = exports.getNodesIndex(sankeyData, targetNodeName);
+        var sourceNodeIdx = (0, exports.getNodesIndex)(sankeyData, sourceNodeName);
+        var targetNodeIdx = (0, exports.getNodesIndex)(sankeyData, targetNodeName);
         var linkExist = sankeyData.links.find(function (link) {
           return link.source === sourceNodeIdx && link.target === targetNodeIdx;
         });
@@ -758,7 +758,7 @@ var computeAllConnectedLinksToNodes = function computeAllConnectedLinksToNodes(n
     return connectionsMap;
   }
   nodes.forEach(function (node) {
-    var connections = exports.getAllConnectedLinks(links, node.index);
+    var connections = (0, exports.getAllConnectedLinks)(links, node.index);
     connectionsMap[node.index] = connections;
   });
   return connectionsMap;
@@ -789,24 +789,24 @@ exports.truncateSVGTextWithEllipsis = truncateSVGTextWithEllipsis;
 
 /***/ }),
 
-/***/ 138:
+/***/ 14:
 /***/ (function(module, exports) {
 
-module.exports = require("d3-interpolate");
+module.exports = require("@splunk/visualizations-shared/style");
 
 /***/ }),
 
-/***/ 139:
+/***/ 140:
 /***/ (function(module, exports) {
 
-module.exports = require("d3-collection");
+module.exports = require("d3-interpolate");
 
 /***/ }),
 
-/***/ 14:
+/***/ 141:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/style");
+module.exports = require("d3-collection");
 
 /***/ }),
 
@@ -848,24 +848,24 @@ module.exports = require("@splunk/visualizations-shared/schemaUtils");
 
 /***/ }),
 
-/***/ 163:
+/***/ 166:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _typeof = __webpack_require__(93);
+var _typeof = __webpack_require__(82);
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PureSankey = exports.config = exports.themes = exports.computeVizProps = exports.showPlaceHolderIcon = void 0;
 var lodash_1 = __webpack_require__(3);
-var dataSourceUtils_1 = __webpack_require__(96);
+var dataSourceUtils_1 = __webpack_require__(97);
 var colorUtils_1 = __webpack_require__(12);
 var withDashboardViz_1 = __webpack_require__(36);
-var PureSankey_1 = __webpack_require__(110);
+var PureSankey_1 = __webpack_require__(111);
 exports.PureSankey = PureSankey_1.default;
-var config_1 = __webpack_require__(459);
+var config_1 = __webpack_require__(462);
 exports.config = config_1.default;
 /**
  * @method showPlaceHolderIcon
@@ -873,9 +873,9 @@ exports.config = config_1.default;
  * @returns {Boolean} return true if loading, error, non existent state or without columns in dataSources
  */
 var showPlaceHolderIcon = function showPlaceHolderIcon(dataSources) {
-  var columns = lodash_1.get(dataSources, 'primary.data.columns', undefined);
+  var columns = (0, lodash_1.get)(dataSources, 'primary.data.columns', undefined);
   var noColumns = columns === undefined;
-  var dataSourceState = dataSourceUtils_1.getDataSourceStateInfo(dataSources);
+  var dataSourceState = (0, dataSourceUtils_1.getDataSourceStateInfo)(dataSources);
   return dataSourceState === dataSourceUtils_1.DataSourceState.ERROR || dataSourceState === dataSourceUtils_1.DataSourceState.LOADING || dataSourceState === dataSourceUtils_1.DataSourceState.NONEXISTENT || noColumns;
 };
 exports.showPlaceHolderIcon = showPlaceHolderIcon;
@@ -894,12 +894,12 @@ var computeVizProps = function computeVizProps(_ref) {
   });
   // Sanitize linkColors prop
   // eslint-disable-next-line no-param-reassign
-  linkColors = colorUtils_1.sanitizeArrayOfColors(linkColors);
+  linkColors = (0, colorUtils_1.sanitizeArrayOfColors)(linkColors);
   // Sanitize seriesColors prop
   // (Note:- This is handled outside SanitizeProps because it would impact seriesColors option used in splunk-charting viz as the types are different.
   // The type used in splunk-charting viz expects a string of comma separated colors, but here the type is an array of string)
   // eslint-disable-next-line no-param-reassign
-  seriesColors = colorUtils_1.isArrayOfColors(seriesColors) ? seriesColors : undefined;
+  seriesColors = (0, colorUtils_1.isArrayOfColors)(seriesColors) ? seriesColors : undefined;
   // Compute the columns props and linkValueField props for pure Sankey
   // The columns props is computed as [primary.data.columns[0], primary.data.columns[1], linkValues].
   // The source and target columns are the default as columns[0] and columns[1] respectively
@@ -910,7 +910,7 @@ var computeVizProps = function computeVizProps(_ref) {
     var columns = dataSources.primary.data.columns;
     columnsFromDataSource = columns ? [columns[0], columns[1], linkValues] : null;
     var linkIndex = columns.findIndex(function (col) {
-      return lodash_1.isEqual(col, linkValues);
+      return (0, lodash_1.isEqual)(col, linkValues);
     });
     if ((_g = (_f = dataSources === null || dataSources === void 0 ? void 0 : dataSources.primary) === null || _f === void 0 ? void 0 : _f.data) === null || _g === void 0 ? void 0 : _g.fields) {
       var linkField = (_j = (_h = dataSources === null || dataSources === void 0 ? void 0 : dataSources.primary) === null || _h === void 0 ? void 0 : _h.data) === null || _j === void 0 ? void 0 : _j.fields[linkIndex];
@@ -929,12 +929,12 @@ var computeVizProps = function computeVizProps(_ref) {
   });
 };
 exports.computeVizProps = computeVizProps;
-var Sankey = withDashboardViz_1.default({
+var Sankey = (0, withDashboardViz_1.default)({
   ReactViz: PureSankey_1.default,
   vizConfig: config_1.default,
   computeVizProps: exports.computeVizProps,
   useIconPlaceholder: function useIconPlaceholder(dataSources) {
-    return exports.showPlaceHolderIcon(dataSources);
+    return (0, exports.showPlaceHolderIcon)(dataSources);
   }
 });
 var themes = config_1.default.themes;
@@ -1131,8 +1131,8 @@ function hasCompatibleOptions(vizOptions, presetOptions) {
  */
 function getInitialPreset(vizContext, vizOptions, presets) {
   return presets.find(function (preset) {
-    var presetContext = lodash_1.get(preset, ['value', 'context'], {});
-    var presetOptions = lodash_1.get(preset, ['value', 'options'], {});
+    var presetContext = (0, lodash_1.get)(preset, ['value', 'context'], {});
+    var presetOptions = (0, lodash_1.get)(preset, ['value', 'options'], {});
     var presetContextKeys = Object.keys(presetContext);
     var presetOptionKeys = Object.keys(presetOptions);
     // all presets have to explicitly specify which options to reset (i.e. need explicitly undefined keys)
@@ -1149,7 +1149,7 @@ exports.getInitialPreset = getInitialPreset;
  * @returns {{ label: string; value; string  }[]} array of { label, value } tuples
  */
 function generatePrecisionValues(numPrecisionValues) {
-  return lodash_1.range(0, numPrecisionValues + 1).map(function (i) {
+  return (0, lodash_1.range)(0, numPrecisionValues + 1).map(function (i) {
     return {
       label: "".concat(i, " (0").concat(i > 0 ? '.' : '').concat('0'.repeat(i), ")"),
       value: i
@@ -1192,28 +1192,28 @@ module.exports = require("@splunk/visualizations-shared/configUtils");
 /***/ 25:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualization-context/TimezoneContext");
+module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
 /***/ 26:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/hocUtils");
+module.exports = require("@splunk/visualization-context/TimezoneContext");
 
 /***/ }),
 
 /***/ 27:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/JSONSchemaUtils");
+module.exports = require("@splunk/visualizations-shared/hocUtils");
 
 /***/ }),
 
-/***/ 29:
+/***/ 28:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualization-encoding/Options");
+module.exports = require("@splunk/visualizations-shared/JSONSchemaUtils");
 
 /***/ }),
 
@@ -1227,11 +1227,18 @@ module.exports = require("lodash");
 /***/ 30:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/numberUtils");
+module.exports = require("@splunk/visualization-encoding/Options");
 
 /***/ }),
 
 /***/ 31:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/visualizations-shared/numberUtils");
+
+/***/ }),
+
+/***/ 32:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1255,9 +1262,9 @@ var FixedSizeContainer_1 = __webpack_require__(13);
  */
 var shouldShowIconPlaceholder = function shouldShowIconPlaceholder(dataSources) {
   var loading = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var data = lodash_1.get(dataSources, 'primary.data.columns[0]', undefined);
+  var data = (0, lodash_1.get)(dataSources, 'primary.data.columns[0]', undefined);
   var noData = data === undefined;
-  var fields = lodash_1.get(dataSources, 'primary.data.fields[0]', undefined);
+  var fields = (0, lodash_1.get)(dataSources, 'primary.data.fields[0]', undefined);
   var noFields = fields === undefined;
   return loading || noData || noFields;
 };
@@ -1298,7 +1305,7 @@ var IconPlaceholder = function IconPlaceholder(props) {
     width: width,
     height: height,
     level: "warning",
-    message: i18n_1._('No DataSource Connected')
+    message: (0, i18n_1._)('No DataSource Connected')
   });
 };
 IconPlaceholder.propTypes = propTypes;
@@ -1306,14 +1313,7 @@ IconPlaceholder.defaultProps = {
   width: '100%',
   height: 250
 };
-exports.default = FixedSizeContainer_1.default(IconPlaceholder);
-
-/***/ }),
-
-/***/ 32:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/id");
+exports.default = (0, FixedSizeContainer_1.default)(IconPlaceholder);
 
 /***/ }),
 
@@ -1348,7 +1348,7 @@ var getSortingParams = function getSortingParams(_ref) {
   };
   var onSort;
   if (typeof onRequestParamsChange === 'function') {
-    if (requestParams && lodash_1.has(requestParams, 'sort')) {
+    if (requestParams && (0, lodash_1.has)(requestParams, 'sort')) {
       currentSortKey = Object.keys(requestParams.sort).shift();
       currentSortDir = requestParams.sort[currentSortKey];
     }
@@ -1357,7 +1357,7 @@ var getSortingParams = function getSortingParams(_ref) {
       var sortKey = _ref2.sortKey,
         sortDir = _ref2.sortDir;
       if (typeof sortKey === 'string') {
-        var nextSortDir = lodash_1.has(nextSortDirMap, sortDir) ? nextSortDirMap[sortDir] : 'none';
+        var nextSortDir = (0, lodash_1.has)(nextSortDirMap, sortDir) ? nextSortDirMap[sortDir] : 'none';
         onRequestParamsChange(Object.assign(Object.assign({}, requestParams), {
           offset: 0,
           sort: _defineProperty({}, sortKey, nextSortDir)
@@ -1408,7 +1408,7 @@ var getPaginationParams = function getPaginationParams(_ref) {
   var onChangeHandler = function onChangeHandler(e, _ref2) {
     var page = _ref2.page,
       countArg = _ref2.count;
-    var newParams = lodash_1.cloneDeep(requestParams);
+    var newParams = (0, lodash_1.cloneDeep)(requestParams);
     if (typeof countArg === 'number') {
       newParams.count = countArg;
       newParams.offset = 0;
@@ -1472,16 +1472,16 @@ Object.defineProperty(exports, "__esModule", {
 var React = __webpack_require__(1);
 var lodash_1 = __webpack_require__(3);
 var getSettingsFromThemedProps_1 = __webpack_require__(37);
-var Options_1 = __webpack_require__(29);
+var Options_1 = __webpack_require__(30);
 var SanitizeProps_1 = __webpack_require__(38);
-var TimezoneContext_1 = __webpack_require__(25);
+var TimezoneContext_1 = __webpack_require__(26);
 var moment_1 = __webpack_require__(39);
 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);
+var hocUtils_1 = __webpack_require__(27);
+var JSONSchemaUtils_1 = __webpack_require__(28);
 var async_dynamic_options_evaluator_1 = __webpack_require__(40);
-var id_1 = __webpack_require__(32);
+var id_1 = __webpack_require__(25);
 var SplunkVisualization_1 = __webpack_require__(41);
 var VizBehavior_1 = __webpack_require__(6);
 var getSorting_1 = __webpack_require__(33);
@@ -1502,8 +1502,8 @@ var withDashboardViz = function withDashboardViz(opts) {
     computeVizProps = _opts$computeVizProps === void 0 ? function () {} : _opts$computeVizProps,
     disableEditModeCover = opts.disableEditModeCover,
     useIconPlaceholder = opts.useIconPlaceholder; // sanitizing props before sending them to reactviz.
-  var SanitizedReactViz = SanitizeProps_1.withSanitizedProps(ReactViz);
-  var defaultOptions = JSONSchemaUtils_1.pickFieldFromJSONSchema(vizConfig.optionsSchema, 'default');
+  var SanitizedReactViz = (0, SanitizeProps_1.withSanitizedProps)(ReactViz);
+  var defaultOptions = (0, JSONSchemaUtils_1.pickFieldFromJSONSchema)(vizConfig.optionsSchema, 'default');
   var DashboardViz = function DashboardViz(props) {
     var _a;
     var mode = props.mode,
@@ -1538,19 +1538,19 @@ var withDashboardViz = function withDashboardViz(opts) {
       return (_b = (_a = vizConfig.themes)[themeVar]) === null || _b === void 0 ? void 0 : _b.call(_a, props);
     };
     var bgColorFromTheme = themeFunc('defaultBackgroundColor');
-    var _getSettingsFromTheme = getSettingsFromThemedProps_1.default({
+    var _ref = (0, getSettingsFromThemedProps_1.default)({
         theme: theme
       }),
-      currentThemeFamily = _getSettingsFromTheme.family,
-      currentThemeColorScheme = _getSettingsFromTheme.colorScheme,
-      currentThemeDensity = _getSettingsFromTheme.density;
+      currentThemeFamily = _ref.family,
+      currentThemeColorScheme = _ref.colorScheme,
+      currentThemeDensity = _ref.density;
     var evaluatedOptions = {}; // evaluatedOptions need to be initialized as an empty object
     var _React$useState = React.useState({}),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       evaluatedOptionsAsync = _React$useState2[0],
       setEvaluatedOptionsAsync = _React$useState2[1]; // evaluatedOptions need to be initialized as an empty object
     var featureFlagContext = React.useContext(FeatureFlagContext_1.default);
-    var _React$useState3 = React.useState("".concat(vizConfig.name, " - ").concat(id_1.createGUID())),
+    var _React$useState3 = React.useState("".concat(vizConfig.name, " - ").concat((0, id_1.createGUID)())),
       _React$useState4 = _slicedToArray(_React$useState3, 1),
       visualizationID = _React$useState4[0];
     var _React$useState5 = React.useState({}),
@@ -1561,16 +1561,17 @@ var withDashboardViz = function withDashboardViz(opts) {
       _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')),
+    var _React$useState9 = React.useState(Boolean(featureFlagContext === null || featureFlagContext === void 0 ? void 0 : featureFlagContext.visualizations_useWebWorkersForDSL)),
       _React$useState10 = _slicedToArray(_React$useState9, 2),
       useAsyncEvaluatedOptions = _React$useState10[0],
       setUseAsyncEvaluatedOptions = _React$useState10[1];
-    evaluatedOptions = useDeepMemo_1.useDeepMemo(function () {
+    var isMounted = React.useRef(true);
+    evaluatedOptions = (0, useDeepMemo_1.useDeepMemo)(function () {
       try {
         if (useAsyncEvaluatedOptions) {
           var optionsToEvaluate = {
-            context: lodash_1.defaultsDeep({}, context, vizConfig.defaultContext),
-            options: hocUtils_1.deepMergeWithArrayPrimitiveOverrides({}, options, defaultOptions)
+            context: (0, lodash_1.defaultsDeep)({}, context, vizConfig.defaultContext),
+            options: (0, hocUtils_1.deepMergeWithArrayPrimitiveOverrides)({}, options, defaultOptions)
           };
           var asyncDynamicOptionsEvaluatorParams = {
             visualizationID: visualizationID,
@@ -1581,10 +1582,10 @@ var withDashboardViz = function withDashboardViz(opts) {
           };
           async_dynamic_options_evaluator_1.default.evaluate(asyncDynamicOptionsEvaluatorParams).then(function (results) {
             setEvaluatedOptionsAsync(results.results);
-          }).catch(function (e) {
-            // eslint-disable-next-line no-console
-            console.error("unexpected error evaluating options - async: ".concat(e.message));
-            setUseAsyncEvaluatedOptions(false);
+          }).catch(function () {
+            if (isMounted.current) {
+              setUseAsyncEvaluatedOptions(false);
+            }
           });
         } else {
           var dataFrames = dataFramesInState;
@@ -1594,8 +1595,8 @@ var withDashboardViz = function withDashboardViz(opts) {
             setDataFramesInState(dataFrames);
           }
           return Options_1.Options.evaluate({
-            context: lodash_1.defaultsDeep({}, context, vizConfig.defaultContext),
-            options: hocUtils_1.deepMergeWithArrayPrimitiveOverrides({}, options, defaultOptions)
+            context: (0, lodash_1.defaultsDeep)({}, context, vizConfig.defaultContext),
+            options: (0, hocUtils_1.deepMergeWithArrayPrimitiveOverrides)({}, options, defaultOptions)
           }, dataSources, themeFunc, dataFrames);
         }
       } catch (e) {
@@ -1624,6 +1625,7 @@ var withDashboardViz = function withDashboardViz(opts) {
     React.useEffect(function () {
       return function () {
         if (useAsyncEvaluatedOptions) {
+          isMounted.current = false;
           async_dynamic_options_evaluator_1.default.reset(visualizationID);
         }
       };
@@ -1633,7 +1635,7 @@ var withDashboardViz = function withDashboardViz(opts) {
     var _vizConfig$requiredPr = vizConfig.requiredProps,
       requiredProps = _vizConfig$requiredPr === void 0 ? [] : _vizConfig$requiredPr,
       supports = vizConfig.supports;
-    var missing = MissingPropsMessage_1.missingKeys(requiredProps, evaluatedOptionsToUse);
+    var missing = (0, MissingPropsMessage_1.missingKeys)(requiredProps, evaluatedOptionsToUse);
     if (missing.length > 0 && supports.includes(VizBehavior_1.VizBehavior.PLACEHOLDER) && vizConfig.key !== 'splunk.singlevalue' // For SV missing props msg is not displayed if required props majorValue is missing, instead this will be handled from the component, instead handled within component
     ) {
       return React.createElement(MissingPropsMessage_1.default, {
@@ -1649,7 +1651,7 @@ 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 = lodash_1.camelCase("on.".concat(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
         // then remove these lines
@@ -1692,19 +1694,19 @@ var withDashboardViz = function withDashboardViz(opts) {
      */
     var dataSourceMetadata = {};
     var OptionKey = 'paginateDataSourceKey';
-    var paginateDataSourceKey = lodash_1.has(evaluatedOptionsToUse, OptionKey) && evaluatedOptionsToUse[OptionKey] || 'primary';
-    if (vizConfig.supports.indexOf(VizBehavior_1.VizBehavior.PAGE_AND_SORT) > -1 && lodash_1.has(dataSources, paginateDataSourceKey)) {
-      var requestParams = lodash_1.get(dataSources, [paginateDataSourceKey, 'requestParams'], {});
-      var meta = lodash_1.get(dataSources, [paginateDataSourceKey, 'meta'], {});
+    var paginateDataSourceKey = (0, lodash_1.has)(evaluatedOptionsToUse, OptionKey) && evaluatedOptionsToUse[OptionKey] || 'primary';
+    if (vizConfig.supports.indexOf(VizBehavior_1.VizBehavior.PAGE_AND_SORT) > -1 && (0, lodash_1.has)(dataSources, paginateDataSourceKey)) {
+      var requestParams = (0, lodash_1.get)(dataSources, [paginateDataSourceKey, 'requestParams'], {});
+      var meta = (0, lodash_1.get)(dataSources, [paginateDataSourceKey, 'meta'], {});
       var handleRequestParamsChange = function handleRequestParamsChange(payload) {
         return onRequestParamsChange(paginateDataSourceKey, payload);
       };
-      var sortParams = getSorting_1.getSortingParams({
+      var sortParams = (0, getSorting_1.getSortingParams)({
         requestParams: requestParams,
         meta: meta,
         onRequestParamsChange: handleRequestParamsChange
       });
-      var paginatorParams = getPagination_1.getPaginationParams({
+      var paginatorParams = (0, getPagination_1.getPaginationParams)({
         requestParams: requestParams,
         meta: meta,
         onRequestParamsChange: handleRequestParamsChange
@@ -1732,7 +1734,7 @@ var withDashboardViz = function withDashboardViz(opts) {
   // attach viz config
   DashboardViz.config = vizConfig;
   // @ts-ignore: TODO fix sc upgrade TS issues
-  return styled_components_1.withTheme(withPlaceholder_1.default(withEditModeCover_1.default(DashboardViz, disableEditModeCover), useIconPlaceholder));
+  return (0, styled_components_1.withTheme)((0, withPlaceholder_1.default)((0, withEditModeCover_1.default)(DashboardViz, disableEditModeCover), useIconPlaceholder));
 };
 exports.default = withDashboardViz;
 
@@ -1976,8 +1978,8 @@ var lodash_1 = __webpack_require__(3);
  * @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)) {
+  var ref = (0, react_1.useRef)();
+  if (!ref.current || !(0, lodash_1.isEqual)(dependencies, ref.current.dependencies)) {
     ref.current = {
       dependencies: dependencies,
       value: fn()
@@ -2021,7 +2023,7 @@ exports.isMissing = isMissing;
  */
 var missingKeys = function missingKeys(keys, target) {
   return keys.filter(function (k) {
-    return exports.isMissing(target[k]);
+    return (0, exports.isMissing)(target[k]);
   });
 };
 exports.missingKeys = missingKeys;
@@ -2045,7 +2047,7 @@ var MissingPropsMessage = function MissingPropsMessage(props) {
     "data-test": "message",
     width: width,
     height: height,
-    message: i18n_1._("Missing property: ".concat(missingProps.join(', ')))
+    message: (0, i18n_1._)("Missing property: ".concat(missingProps.join(', ')))
   });
 };
 exports.MissingPropsMessage = MissingPropsMessage;
@@ -2054,11 +2056,11 @@ exports.MissingPropsMessage.defaultProps = {
   width: '100%',
   height: 250
 };
-exports.default = FixedSizeContainer_1.default(exports.MissingPropsMessage);
+exports.default = (0, FixedSizeContainer_1.default)(exports.MissingPropsMessage);
 
 /***/ }),
 
-/***/ 454:
+/***/ 457:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2066,12 +2068,16 @@ exports.default = FixedSizeContainer_1.default(exports.MissingPropsMessage);
 
 var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
   if (k2 === undefined) k2 = k;
-  Object.defineProperty(o, k2, {
-    enumerable: true,
-    get: function get() {
-      return m[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];
@@ -2085,8 +2091,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-__exportStar(__webpack_require__(163), exports);
-var Sankey_1 = __webpack_require__(163);
+__exportStar(__webpack_require__(166), exports);
+var Sankey_1 = __webpack_require__(166);
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
@@ -2096,17 +2102,17 @@ Object.defineProperty(exports, "default", {
 
 /***/ }),
 
-/***/ 455:
+/***/ 458:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d3_sankey", function() { return d3_sankey; });
-/* harmony import */ var d3_interpolate__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(138);
+/* harmony import */ var d3_interpolate__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(140);
 /* harmony import */ var d3_interpolate__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(d3_interpolate__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var d3_array__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(63);
+/* harmony import */ var d3_array__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(64);
 /* harmony import */ var d3_array__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(d3_array__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var d3_collection__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(139);
+/* harmony import */ var d3_collection__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(141);
 /* harmony import */ var d3_collection__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(d3_collection__WEBPACK_IMPORTED_MODULE_2__);
 // reference link :- https://github.com/csaladenes/sankey
 /* eslint-disable */
@@ -2611,7 +2617,7 @@ var d3_sankey = function d3_sankey() {
 
 /***/ }),
 
-/***/ 456:
+/***/ 459:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2624,8 +2630,8 @@ var React = __webpack_require__(1);
 var T = __webpack_require__(0);
 var styled_components_1 = __webpack_require__(4);
 var react_1 = __webpack_require__(1);
-var PureSankey_1 = __webpack_require__(110);
-var SankeyUtils_1 = __webpack_require__(133);
+var PureSankey_1 = __webpack_require__(111);
+var SankeyUtils_1 = __webpack_require__(134);
 var MAX_NODE_TEXT_WIDTH = 150;
 var getNodeOpacity = function getNodeOpacity(nodeIndex, activeNodes) {
   if (!activeNodes || !activeNodes.length) {
@@ -2669,9 +2675,9 @@ var SankeyNode = function SankeyNode(props) {
     handleMouseLeave = props.handleMouseLeave,
     colorCategoryMapping = props.colorCategoryMapping,
     nodeTextColor = props.nodeTextColor;
-  var nodeTextRef = react_1.useRef();
-  react_1.useEffect(function () {
-    SankeyUtils_1.truncateSVGTextWithEllipsis(nodeTextRef.current, node.name, MAX_NODE_TEXT_WIDTH);
+  var nodeTextRef = (0, react_1.useRef)();
+  (0, react_1.useEffect)(function () {
+    (0, SankeyUtils_1.truncateSVGTextWithEllipsis)(nodeTextRef.current, node.name, MAX_NODE_TEXT_WIDTH);
   });
   return React.createElement(NodeGroup, {
     node: node,
@@ -2719,7 +2725,53 @@ exports.default = SankeyNode;
 
 /***/ }),
 
-/***/ 457:
+/***/ 46:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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({
+  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.0.0 - 2f7458907"
+}).withConfig({
+  displayName: "withEditModeCover__Blocker",
+  componentId: "sc-1gsbnxb-1"
+})(["position:relative;width:100%;height:100%;"]);
+/**
+ * HOC that renders a cover layer in edit mode
+ * @method withEditModeCover
+ * @param {ExtendedDashViz} Visualization
+ * @returns {ExtendedDashViz} Wrapper
+ */
+var withEditModeCover = function withEditModeCover(Visualization, disableEditModeCover) {
+  var Wrapper = function Wrapper(props) {
+    var mode = props.mode;
+    var showEditCover = mode === 'edit' && !disableEditModeCover;
+    return React.createElement(Blocker, null, React.createElement(Visualization, Object.assign({}, props)), showEditCover && React.createElement(Cover, {
+      "data-test": "edit-mode-cover"
+    }));
+  };
+  (0, hocUtils_1.extendStaticWrapperProps)({
+    Wrapper: Wrapper,
+    Visualization: Visualization
+  });
+  return Wrapper;
+};
+exports.default = withEditModeCover;
+
+/***/ }),
+
+/***/ 460:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2730,8 +2782,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 var React = __webpack_require__(1);
 var T = __webpack_require__(0);
-var PureSankey_1 = __webpack_require__(110);
-var SankeyUtils_1 = __webpack_require__(133);
+var PureSankey_1 = __webpack_require__(111);
+var SankeyUtils_1 = __webpack_require__(134);
 var getLinkFill = function getLinkFill(link, colorCategoryMapping, colorMode) {
   if (colorMode === 'categorical') {
     return colorCategoryMapping ? colorCategoryMapping(link.source.name) : PureSankey_1.DEFAULT_LINK_COLOR;
@@ -2757,7 +2809,7 @@ var SankeyLink = function SankeyLink(props) {
     handleMouseOver = props.handleMouseOver,
     handleMouseLeave = props.handleMouseLeave; // This is to draw an invisible circle added to the link's path midpoint,
   // which acts as an anchor for the link tooltip
-  var circlePoints = SankeyUtils_1.extractLinkMidPoint(path(1)(link));
+  var circlePoints = (0, SankeyUtils_1.extractLinkMidPoint)(path(1)(link));
   return React.createElement("g", {
     className: "link",
     key: link.id,
@@ -2816,7 +2868,7 @@ exports.default = SankeyLink;
 
 /***/ }),
 
-/***/ 458:
+/***/ 461:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2827,10 +2879,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 var React = __webpack_require__(1);
 var T = __webpack_require__(0);
-var Popover_1 = __webpack_require__(61);
+var Popover_1 = __webpack_require__(62);
 var styled_components_1 = __webpack_require__(4);
-var numberUtils_1 = __webpack_require__(30);
-var PureSankey_1 = __webpack_require__(110);
+var numberUtils_1 = __webpack_require__(31);
+var PureSankey_1 = __webpack_require__(111);
 var DEFAULT_PLACEMENT = 'below';
 var StyledTooltipContainer = styled_components_1.default.div.withConfig({
   displayName: "SankeyTooltip__StyledTooltipContainer",
@@ -2940,7 +2992,7 @@ var SankeyTooltip = function SankeyTooltip(props) {
       colorCategoryMapping: colorCategoryMapping
     }), React.createElement(NodeValue, null, node === null || node === void 0 ? void 0 : node.name)), React.createElement(StyledTooltipRightCell, {
       "data-test": "main-row-value"
-    }, numberUtils_1.formatNumber(node === null || node === void 0 ? void 0 : node.value, 0, {
+    }, (0, numberUtils_1.formatNumber)(node === null || node === void 0 ? void 0 : node.value, 0, {
       useTrendUnits: true
     }))), showSection(connections, node, 'source') && React.createElement(StyledTooltipHeader, {
       headerColor: tooltipHeaderColor
@@ -2958,7 +3010,7 @@ var SankeyTooltip = function SankeyTooltip(props) {
           "data-test": "source-row-name"
         }, sNode === null || sNode === void 0 ? void 0 : sNode.name)), React.createElement(StyledTooltipRightCell, {
           "data-test": "source-row-value"
-        }, numberUtils_1.formatNumber(sNode === null || sNode === void 0 ? void 0 : sNode.value, 0, {
+        }, (0, numberUtils_1.formatNumber)(sNode === null || sNode === void 0 ? void 0 : sNode.value, 0, {
           useTrendUnits: true
         })));
       }
@@ -2979,7 +3031,7 @@ var SankeyTooltip = function SankeyTooltip(props) {
           "data-test": "target-row-name"
         }, tNode === null || tNode === void 0 ? void 0 : tNode.name)), React.createElement(StyledTooltipRightCell, {
           "data-test": "target-row-value"
-        }, numberUtils_1.formatNumber(tNode === null || tNode === void 0 ? void 0 : tNode.value, 0, {
+        }, (0, numberUtils_1.formatNumber)(tNode === null || tNode === void 0 ? void 0 : tNode.value, 0, {
           useTrendUnits: true
         })));
       }
@@ -3006,7 +3058,7 @@ var SankeyTooltip = function SankeyTooltip(props) {
       "data-test": "main-row-name"
     }, "Link Size"), React.createElement(StyledTooltipRightCell, {
       "data-test": "main-row-value"
-    }, numberUtils_1.formatNumber(link === null || link === void 0 ? void 0 : link.value, 0, {
+    }, (0, numberUtils_1.formatNumber)(link === null || link === void 0 ? void 0 : link.value, 0, {
       useTrendUnits: true
     }))), React.createElement(StyledTooltipHeader, {
       headerColor: tooltipHeaderColor
@@ -3020,7 +3072,7 @@ var SankeyTooltip = function SankeyTooltip(props) {
       "data-test": "source-row-name"
     }, (_a = link === null || link === void 0 ? void 0 : link.source) === null || _a === void 0 ? void 0 : _a.name)), React.createElement(StyledTooltipRightCell, {
       "data-test": "source-row-value"
-    }, numberUtils_1.formatNumber((_b = link === null || link === void 0 ? void 0 : link.source) === null || _b === void 0 ? void 0 : _b.value, 0, {
+    }, (0, numberUtils_1.formatNumber)((_b = link === null || link === void 0 ? void 0 : link.source) === null || _b === void 0 ? void 0 : _b.value, 0, {
       useTrendUnits: true
     }), ' '))), React.createElement(StyledTooltipHeader, {
       headerColor: tooltipHeaderColor
@@ -3034,7 +3086,7 @@ var SankeyTooltip = function SankeyTooltip(props) {
       "data-test": "target-row-name"
     }, (_c = link === null || link === void 0 ? void 0 : link.target) === null || _c === void 0 ? void 0 : _c.name)), React.createElement(StyledTooltipRightCell, {
       "data-test": "target-row-value"
-    }, numberUtils_1.formatNumber((_d = link === null || link === void 0 ? void 0 : link.target) === null || _d === void 0 ? void 0 : _d.value, 0, {
+    }, (0, numberUtils_1.formatNumber)((_d = link === null || link === void 0 ? void 0 : link.target) === null || _d === void 0 ? void 0 : _d.value, 0, {
       useTrendUnits: true
     }))))));
   };
@@ -3062,7 +3114,7 @@ exports.default = SankeyTooltip;
 
 /***/ }),
 
-/***/ 459:
+/***/ 462:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3072,16 +3124,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var visualization_icons_1 = __webpack_require__(52);
-var placeholders_1 = __webpack_require__(49);
+var placeholders_1 = __webpack_require__(50);
 var visualization_color_palettes_1 = __webpack_require__(51);
 var schemaUtils_1 = __webpack_require__(16);
-var PresetPalettes_1 = __webpack_require__(60);
-var themes_1 = __webpack_require__(59);
+var PresetPalettes_1 = __webpack_require__(61);
+var themes_1 = __webpack_require__(60);
 var i18n_1 = __webpack_require__(2);
 var VizBehavior_1 = __webpack_require__(6);
 var VizCategory_1 = __webpack_require__(35);
 var configUtils_1 = __webpack_require__(20);
-var DynamicLinkColorsEditor_1 = __webpack_require__(460);
+var DynamicLinkColorsEditor_1 = __webpack_require__(463);
 var BackgroundColor_1 = __webpack_require__(53);
 var defaultContext = {
   linkColorRangeConfig: [{
@@ -3135,7 +3187,7 @@ var optionsSchema = {
   colorMode: {
     default: 'categorical',
     description: 'Specify the coloring method used for the links. When set to "categorical" the nodes and links will be colored based on the "seriesColors". When set to "dynamic" the links will be colored based on the dynamic string assigned to "linkColors".',
-    pattern: schemaUtils_1.getPattern(['categorical', 'dynamic']),
+    pattern: (0, schemaUtils_1.getPattern)(['categorical', 'dynamic']),
     type: 'string'
   },
   linkColors: {
@@ -3173,7 +3225,7 @@ var optionsSchema = {
 };
 var themes = {
   defaultBackgroundColor: function defaultBackgroundColor(props) {
-    return themes_1.pick({
+    return (0, themes_1.pick)({
       enterprise: {
         dark: themes_1.variables.black(props),
         light: themes_1.variables.backgroundColor(props)
@@ -3182,7 +3234,7 @@ var themes = {
     })(props);
   },
   nodeTextColor: function nodeTextColor(props) {
-    return themes_1.pick({
+    return (0, themes_1.pick)({
       enterprise: {
         dark: themes_1.variables.textColor(props),
         light: themes_1.variables.textColor(props)
@@ -3191,7 +3243,7 @@ var themes = {
     })(props);
   },
   tooltipRowColor: function tooltipRowColor(props) {
-    return themes_1.pick({
+    return (0, themes_1.pick)({
       enterprise: {
         dark: themes_1.variables.textColor(props),
         light: themes_1.variables.textColor(props)
@@ -3200,7 +3252,7 @@ var themes = {
     })(props);
   },
   tooltipLinkHeaderColor: function tooltipLinkHeaderColor(props) {
-    return themes_1.pick({
+    return (0, themes_1.pick)({
       enterprise: {
         dark: themes_1.variables.textColor(props),
         light: themes_1.variables.textColor(props)
@@ -3209,7 +3261,7 @@ var themes = {
     })(props);
   },
   tooltipHeaderColor: function tooltipHeaderColor(props) {
-    return themes_1.pick({
+    return (0, themes_1.pick)({
       enterprise: {
         dark: themes_1.variables.textGray(props),
         light: themes_1.variables.textGray(props)
@@ -3219,7 +3271,7 @@ var themes = {
   }
 };
 var editorConfig = [{
-  label: i18n_1._('Data configurations'),
+  label: (0, i18n_1._)('Data configurations'),
   layout: [[{
     label: 'Link value',
     editor: 'editor.columnSelector',
@@ -3231,21 +3283,21 @@ var editorConfig = [{
     }
   }]]
 }, {
-  label: i18n_1._('Color and style'),
+  label: (0, i18n_1._)('Color and style'),
   layout: [[{
-    label: i18n_1._('Color mode'),
+    label: (0, i18n_1._)('Color mode'),
     option: 'colorMode',
     editor: 'editor.radioBar',
     editorProps: {
       values: [{
-        label: i18n_1._('Categorical'),
+        label: (0, i18n_1._)('Categorical'),
         value: 'categorical'
       }, {
-        label: i18n_1._('Dynamic'),
+        label: (0, i18n_1._)('Dynamic'),
         value: 'dynamic'
       }]
     }
-  }], [Object.assign(Object.assign({}, DynamicLinkColorsEditor_1.getDynamicLinkColorsEditor({
+  }], [Object.assign(Object.assign({}, (0, DynamicLinkColorsEditor_1.getDynamicLinkColorsEditor)({
     defaultContext: defaultContext,
     defaultPalettesConfig: PresetPalettes_1.defaultPalettesConfig
   })), {
@@ -3253,7 +3305,7 @@ var editorConfig = [{
       var options = _ref.options;
       return options.colorMode === 'dynamic';
     }
-  })], BackgroundColor_1.default({
+  })], (0, BackgroundColor_1.default)({
     themes: themes
   })]
 }];
@@ -3268,7 +3320,7 @@ var config = {
   /**
    * viz name
    */
-  name: i18n_1._('Sankey'),
+  name: (0, i18n_1._)('Sankey'),
   category: VizCategory_1.VizCategory.FLOW,
   status: 'preview',
   /**
@@ -3286,57 +3338,11 @@ var config = {
   themes: themes,
   requiredProps: []
 };
-exports.default = configUtils_1.enhanceConfig(config);
+exports.default = (0, configUtils_1.enhanceConfig)(config);
 
 /***/ }),
 
-/***/ 46:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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({
-  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': "25.13.1 - ea48ec41e"
-}).withConfig({
-  displayName: "withEditModeCover__Blocker",
-  componentId: "sc-1gsbnxb-1"
-})(["position:relative;width:100%;height:100%;"]);
-/**
- * HOC that renders a cover layer in edit mode
- * @method withEditModeCover
- * @param {ExtendedDashViz} Visualization
- * @returns {ExtendedDashViz} Wrapper
- */
-var withEditModeCover = function withEditModeCover(Visualization, disableEditModeCover) {
-  var Wrapper = function Wrapper(props) {
-    var mode = props.mode;
-    var showEditCover = mode === 'edit' && !disableEditModeCover;
-    return React.createElement(Blocker, null, React.createElement(Visualization, Object.assign({}, props)), showEditCover && React.createElement(Cover, {
-      "data-test": "edit-mode-cover"
-    }));
-  };
-  hocUtils_1.extendStaticWrapperProps({
-    Wrapper: Wrapper,
-    Visualization: Visualization
-  });
-  return Wrapper;
-};
-exports.default = withEditModeCover;
-
-/***/ }),
-
-/***/ 460:
+/***/ 463:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -3399,7 +3405,7 @@ Object.defineProperty(exports, "__esModule", {
 var React = __webpack_require__(1);
 var colorUtils_1 = __webpack_require__(12);
 var variables_1 = __webpack_require__(11);
-var IconPlaceholder_1 = __webpack_require__(31);
+var IconPlaceholder_1 = __webpack_require__(32);
 var VizBehavior_1 = __webpack_require__(6);
 var hocUtils_1 = __webpack_require__(15);
 var withPlaceholder = function withPlaceholder(Visualization) {
@@ -3414,7 +3420,7 @@ var withPlaceholder = function withPlaceholder(Visualization) {
       height = props.height,
       width = props.width;
     var showPlaceholder = useIconPlaceholder(dataSources, loading, options);
-    var bgColorFromTheme = colorUtils_1.isColor(options === null || options === void 0 ? void 0 : options.backgroundColor) ? options === null || options === void 0 ? void 0 : options.backgroundColor : (_a = themes === null || themes === void 0 ? void 0 : themes.defaultBackgroundColor) === null || _a === void 0 ? void 0 : _a.call(themes, props);
+    var bgColorFromTheme = (0, colorUtils_1.isColor)(options === null || options === void 0 ? void 0 : options.backgroundColor) ? options === null || options === void 0 ? void 0 : options.backgroundColor : (_a = themes === null || themes === void 0 ? void 0 : themes.defaultBackgroundColor) === null || _a === void 0 ? void 0 : _a.call(themes, props);
     var icon = (_b = config.placeholderIcon) !== null && _b !== void 0 ? _b : config.icon;
     var iconColor = variables_1.default.contentColorActive(props);
     if (config.supports.includes(VizBehavior_1.VizBehavior.PLACEHOLDER) && showPlaceholder) {
@@ -3429,7 +3435,7 @@ var withPlaceholder = function withPlaceholder(Visualization) {
     }
     return React.createElement(Visualization, Object.assign({}, props));
   };
-  hocUtils_1.extendStaticWrapperProps({
+  (0, hocUtils_1.extendStaticWrapperProps)({
     Wrapper: Wrapper,
     Visualization: Visualization
   });
@@ -3439,7 +3445,7 @@ exports.default = withPlaceholder;
 
 /***/ }),
 
-/***/ 49:
+/***/ 50:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-icons/placeholders");
@@ -3475,7 +3481,7 @@ var background = function background(_ref) {
     themes = _ref.themes,
     labelPosition = _ref.labelPosition;
   return [{
-    label: i18n_1._(label || 'Background'),
+    label: (0, i18n_1._)(label || 'Background'),
     option: 'backgroundColor',
     editor: 'editor.color',
     editorProps: {
@@ -3488,13 +3494,6 @@ exports.default = background;
 
 /***/ }),
 
-/***/ 59:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/themes");
-
-/***/ }),
-
 /***/ 6:
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -3535,18 +3534,25 @@ var VizBehavior;
 /***/ 60:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualization-color-palettes/editors/PresetPalettes");
+module.exports = require("@splunk/themes");
 
 /***/ }),
 
 /***/ 61:
 /***/ (function(module, exports) {
 
+module.exports = require("@splunk/visualization-color-palettes/editors/PresetPalettes");
+
+/***/ }),
+
+/***/ 62:
+/***/ (function(module, exports) {
+
 module.exports = require("@splunk/react-ui/Popover");
 
 /***/ }),
 
-/***/ 63:
+/***/ 64:
 /***/ (function(module, exports) {
 
 module.exports = require("d3-array");
@@ -3560,7 +3566,7 @@ module.exports = require("@babel/runtime/helpers/defineProperty");
 
 /***/ }),
 
-/***/ 72:
+/***/ 73:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -3592,24 +3598,24 @@ module.exports = require("@babel/runtime/helpers/toConsumableArray");
 
 /***/ }),
 
-/***/ 9:
+/***/ 82:
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/classCallCheck");
+module.exports = require("@babel/runtime/helpers/typeof");
 
 /***/ }),
 
-/***/ 91:
+/***/ 9:
 /***/ (function(module, exports) {
 
-module.exports = require("d3-scale");
+module.exports = require("@babel/runtime/helpers/classCallCheck");
 
 /***/ }),
 
-/***/ 93:
+/***/ 92:
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/typeof");
+module.exports = require("d3-scale");
 
 /***/ }),
 
@@ -3620,7 +3626,7 @@ module.exports = require("@splunk/visualization-encoding/utils/types");
 
 /***/ }),
 
-/***/ 96:
+/***/ 97:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/dataSourceUtils");