@splunk/visualizations 25.13.0 → 26.0.0

package/ParallelCoordinates.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 428);
+/******/ 	return __webpack_require__(__webpack_require__.s = 431);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -145,14 +145,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) {
@@ -160,16 +160,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",
@@ -193,7 +193,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
     }
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "25.13.0 - 572f25c03",
+      "data-splunk-visualization-version": "26.0.0 - 2f7458907",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -258,7 +258,7 @@ module.exports = require("@splunk/visualizations-shared/schemaUtils");
 
 /***/ }),
 
-/***/ 160:
+/***/ 163:
 /***/ (function(module, exports) {
 
 module.exports = require("@mdhnpm/rgb-hex-converter");
@@ -453,8 +453,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)
@@ -471,7 +471,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
@@ -550,13 +550,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(30);
+/* harmony import */ var _splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(31);
 /* harmony import */ var _splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _splunk_visualizations_shared_domUtils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(54);
 /* harmony import */ var _splunk_visualizations_shared_domUtils__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_domUtils__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _splunk_visualizations_shared_propUtils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(28);
+/* harmony import */ var _splunk_visualizations_shared_propUtils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(29);
 /* harmony import */ var _splunk_visualizations_shared_propUtils__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_propUtils__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _splunk_visualizations_shared_colorConstants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(50);
+/* harmony import */ var _splunk_visualizations_shared_colorConstants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(49);
 /* harmony import */ var _splunk_visualizations_shared_colorConstants__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_colorConstants__WEBPACK_IMPORTED_MODULE_5__);
 
 function ownKeys(object, enumerableOnly) {
@@ -1489,35 +1489,35 @@ var handleValueClickCallback = function handleValueClickCallback(ev, majorValue,
 /***/ 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");
 
 /***/ }),
 
 /***/ 28:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/propUtils");
+module.exports = require("@splunk/visualizations-shared/JSONSchemaUtils");
 
 /***/ }),
 
 /***/ 29:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualization-encoding/Options");
+module.exports = require("@splunk/visualizations-shared/propUtils");
 
 /***/ }),
 
@@ -1531,11 +1531,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";
@@ -1559,9 +1566,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;
 };
@@ -1602,7 +1609,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;
@@ -1610,14 +1617,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);
 
 /***/ }),
 
@@ -1652,7 +1652,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];
     }
@@ -1661,7 +1661,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)
@@ -1712,7 +1712,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;
@@ -1776,16 +1776,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);
@@ -1806,8 +1806,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,
@@ -1842,19 +1842,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({}),
@@ -1865,16 +1865,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,
@@ -1885,10 +1886,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;
@@ -1898,8 +1899,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) {
@@ -1928,6 +1929,7 @@ var withDashboardViz = function withDashboardViz(opts) {
     React.useEffect(function () {
       return function () {
         if (useAsyncEvaluatedOptions) {
+          isMounted.current = false;
           async_dynamic_options_evaluator_1.default.reset(visualizationID);
         }
       };
@@ -1937,7 +1939,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, {
@@ -1953,7 +1955,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
@@ -1996,19 +1998,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
@@ -2036,7 +2038,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;
 
@@ -2240,7 +2242,21 @@ exports.DefaultVizActionHandler = DefaultVizActionHandler;
 
 /***/ }),
 
-/***/ 428:
+/***/ 43:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validSortDirs = void 0;
+exports.validSortDirs = ['asc', 'desc', 'none'];
+
+/***/ }),
+
+/***/ 431:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2260,9 +2276,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.themes = exports.computeVizProps = exports.PureParallelCoordinates = exports.config = void 0;
-var PureParallelCoordinates_1 = __webpack_require__(429);
+var PureParallelCoordinates_1 = __webpack_require__(432);
 var withDashboardViz_1 = __webpack_require__(36);
-var config_1 = __webpack_require__(436);
+var config_1 = __webpack_require__(439);
 var singleValueUtils_1 = __webpack_require__(24);
 exports.config = config_1.default;
 exports.PureParallelCoordinates = PureParallelCoordinates_1.default;
@@ -2288,12 +2304,12 @@ var computeVizProps = function computeVizProps(_a) {
   return defaultThemeColors;
 };
 exports.computeVizProps = computeVizProps;
-var viz = withDashboardViz_1.default({
+var viz = (0, withDashboardViz_1.default)({
   ReactViz: exports.PureParallelCoordinates,
   vizConfig: config_1.default,
   computeVizProps: exports.computeVizProps,
   useIconPlaceholder: function useIconPlaceholder(dataSources, loading) {
-    return singleValueUtils_1.isLoadingOrNoColumns(dataSources, loading);
+    return (0, singleValueUtils_1.isLoadingOrNoColumns)(dataSources, loading);
   }
 });
 exports.themes = config_1.default.themes;
@@ -2301,7 +2317,7 @@ exports.default = viz;
 
 /***/ }),
 
-/***/ 429:
+/***/ 432:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2322,12 +2338,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var React = __webpack_require__(1);
-var d3_array_1 = __webpack_require__(63);
-var d3_scale_1 = __webpack_require__(91);
+var d3_array_1 = __webpack_require__(64);
+var d3_scale_1 = __webpack_require__(92);
 var T = __webpack_require__(0);
 var i18n_1 = __webpack_require__(2);
 var Message_1 = __webpack_require__(10);
-var ParallelCoordinatesChart_1 = __webpack_require__(430);
+var ParallelCoordinatesChart_1 = __webpack_require__(433);
 var PureParallelCoordinates = function PureParallelCoordinates(_a) {
   var props = __rest(_a, []);
   var width = props.width,
@@ -2355,7 +2371,7 @@ var PureParallelCoordinates = function PureParallelCoordinates(_a) {
     return React.createElement(Message_1.default, {
       width: width,
       height: height,
-      message: i18n_1._('Too small to render content'),
+      message: (0, i18n_1._)('Too small to render content'),
       level: "info"
     });
   }
@@ -2406,7 +2422,7 @@ var PureParallelCoordinates = function PureParallelCoordinates(_a) {
     });
     if (val.every(quantVal)) {
       // set numeric axis scale
-      yPositionScale[d] = d3_scale_1.scaleLinear().domain(d3_array_1.extent(data, function (p) {
+      yPositionScale[d] = (0, d3_scale_1.scaleLinear)().domain((0, d3_array_1.extent)(data, function (p) {
         return Number(p[d]);
       })).range([chartHeight, 0]);
     } else {
@@ -2424,11 +2440,11 @@ var PureParallelCoordinates = function PureParallelCoordinates(_a) {
           return updatedDomain.includes(row[d]);
         });
       }
-      yPositionScale[d] = d3_scale_1.scalePoint().domain(updatedDomain).range([chartHeight, 0]);
+      yPositionScale[d] = (0, d3_scale_1.scalePoint)().domain(updatedDomain).range([chartHeight, 0]);
     }
   });
-  var xPositionScale = d3_scale_1.scalePoint().padding(axisPadding).range([0, chartWidth]);
-  var nullAxisScale = d3_scale_1.scalePoint().padding(0);
+  var xPositionScale = (0, d3_scale_1.scalePoint)().padding(axisPadding).range([0, chartWidth]);
+  var nullAxisScale = (0, d3_scale_1.scalePoint)().padding(0);
   return React.createElement(ParallelCoordinatesChart_1.default, {
     backgroundColor: backgroundColor,
     width: chartWidth,
@@ -2505,21 +2521,7 @@ exports.default = PureParallelCoordinates;
 
 /***/ }),
 
-/***/ 43:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.validSortDirs = void 0;
-exports.validSortDirs = ['asc', 'desc', 'none'];
-
-/***/ }),
-
-/***/ 430:
+/***/ 433:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2542,12 +2544,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 var React = __webpack_require__(1);
 var styled_components_1 = __webpack_require__(4);
-var d3_selection_1 = __webpack_require__(431);
-var d3_brush_1 = __webpack_require__(432);
-var d3_axis_1 = __webpack_require__(433);
-var d3_drag_1 = __webpack_require__(434);
-var rgb_hex_converter_1 = __webpack_require__(160);
-var ParallelCoordinatesCanvas_1 = __webpack_require__(435);
+var d3_selection_1 = __webpack_require__(434);
+var d3_brush_1 = __webpack_require__(435);
+var d3_axis_1 = __webpack_require__(436);
+var d3_drag_1 = __webpack_require__(437);
+var rgb_hex_converter_1 = __webpack_require__(163);
+var ParallelCoordinatesCanvas_1 = __webpack_require__(438);
 var ChartDiv = styled_components_1.default.div.withConfig({
   displayName: "ParallelCoordinatesChart__ChartDiv",
   componentId: "sc-1oivyc-0"
@@ -2606,7 +2608,7 @@ var ParallelCoordinatesChart = function ParallelCoordinatesChart(_a) {
   // axis dragging storage variable
   var dragging = {};
   // brushing event handling variables
-  var brush = d3_brush_1.brushY().extent([[-brushWidth / 2, 0], [brushWidth / 2, height]]);
+  var brush = (0, d3_brush_1.brushY)().extent([[-brushWidth / 2, 0], [brushWidth / 2, height]]);
   var updatedTextShadowColor = backgroundColor === 'transparent' ? textShadowColor : backgroundColor;
   // axis dragging feature state declaration
   var _React$useState = React.useState(dimensions),
@@ -2647,7 +2649,7 @@ var ParallelCoordinatesChart = function ParallelCoordinatesChart(_a) {
   };
   // clear filter button
   var clearAllFilters = function clearAllFilters() {
-    d3_selection_1.select(svgRef.current).selectAll('.brush').call(brush.move, null);
+    (0, d3_selection_1.select)(svgRef.current).selectAll('.brush').call(brush.move, null);
     setSelections(new Map());
     setSelectedData(data);
     setFilterPromptState(false);
@@ -2668,15 +2670,15 @@ var ParallelCoordinatesChart = function ParallelCoordinatesChart(_a) {
   };
   React.useEffect(function () {
     // clean svg before drawing
-    var svg = d3_selection_1.select(svgRef.current).html('').attr('height', height + margin.top + margin.bottom).attr('width', width + margin.left + margin.right).append('g').attr('transform', "translate(".concat(margin.left, ",").concat(margin.top, ")"));
+    var svg = (0, d3_selection_1.select)(svgRef.current).html('').attr('height', height + margin.top + margin.bottom).attr('width', width + margin.left + margin.right).append('g').attr('transform', "translate(".concat(margin.left, ",").concat(margin.top, ")"));
     // Add a group element for each dimension
     var g = svg.selectAll('.dimension').data(currentDimensions).join('g').attr('class', 'dimension').attr('data-test', 'dimension').attr('transform', function (d) {
       return "translate(".concat(xPositionScale(d), ")");
     }).style('cursor', 'ew-resize');
     // axis dragging event handling
     var dragstarted = function dragstarted(event, d) {
-      d3_selection_1.select(event.sourceEvent.currentTarget).selectAll('.axis path').style('stroke', axisLineHighlightColor);
-      d3_selection_1.select(event.sourceEvent.currentTarget).selectAll('.axis line').style('stroke', axisLineHighlightColor);
+      (0, d3_selection_1.select)(event.sourceEvent.currentTarget).selectAll('.axis path').style('stroke', axisLineHighlightColor);
+      (0, d3_selection_1.select)(event.sourceEvent.currentTarget).selectAll('.axis line').style('stroke', axisLineHighlightColor);
       dragging[d] = xPositionScale(d);
       setDragStatus(true);
     };
@@ -2693,21 +2695,21 @@ var ParallelCoordinatesChart = function ParallelCoordinatesChart(_a) {
     };
     function dragended(_event, d) {
       delete dragging[d];
-      d3_selection_1.select(this).select('.axis path').style('stroke', axisLineColor);
-      d3_selection_1.select(this).selectAll('.axis line').style('stroke', axisLineColor);
-      transition(d3_selection_1.select(this).attr('transform', "translate(".concat(xPositionScale(d), ")")));
+      (0, d3_selection_1.select)(this).select('.axis path').style('stroke', axisLineColor);
+      (0, d3_selection_1.select)(this).selectAll('.axis line').style('stroke', axisLineColor);
+      transition((0, d3_selection_1.select)(this).attr('transform', "translate(".concat(xPositionScale(d), ")")));
       setDragStatus(false);
     }
     // Add vertical axis and title.
     g.append('g').attr('class', 'axis vertical-axis').each(function (d, i, nodes) {
       if (yPositionScale[d].ticks) {
         // numerical axis
-        d3_selection_1.select(nodes[i]).call(d3_axis_1.axisLeft(yPositionScale[d])).selectAll('text').append('title').text(function (datum) {
+        (0, d3_selection_1.select)(nodes[i]).call((0, d3_axis_1.axisLeft)(yPositionScale[d])).selectAll('text').append('title').text(function (datum) {
           return datum && datum.toString();
         });
       } else {
         // categorical axis and truncated long labels
-        d3_selection_1.select(nodes[i]).call(d3_axis_1.axisLeft(yPositionScale[d]).tickFormat(function (p) {
+        (0, d3_selection_1.select)(nodes[i]).call((0, d3_axis_1.axisLeft)(yPositionScale[d]).tickFormat(function (p) {
           return truncate(p, maxStrLength);
         }))
         // add title to show full value upon hover
@@ -2715,7 +2717,7 @@ var ParallelCoordinatesChart = function ParallelCoordinatesChart(_a) {
           return datum && datum.toString();
         });
       }
-    }).selectAll('text').attr('fill', axisLabelColor).clone(true).lower().attr('fill', 'none').attr('stroke-width', 2).attr('stroke-linejoin', 'round').attr('stroke', "rgba(".concat(rgb_hex_converter_1.convertHexToRgb(updatedTextShadowColor)[0], ",").concat(rgb_hex_converter_1.convertHexToRgb(updatedTextShadowColor)[1], ",").concat(rgb_hex_converter_1.convertHexToRgb(updatedTextShadowColor)[2], ", ", 0.8, ")"));
+    }).selectAll('text').attr('fill', axisLabelColor).clone(true).lower().attr('fill', 'none').attr('stroke-width', 2).attr('stroke-linejoin', 'round').attr('stroke', "rgba(".concat((0, rgb_hex_converter_1.convertHexToRgb)(updatedTextShadowColor)[0], ",").concat((0, rgb_hex_converter_1.convertHexToRgb)(updatedTextShadowColor)[1], ",").concat((0, rgb_hex_converter_1.convertHexToRgb)(updatedTextShadowColor)[2], ", ", 0.8, ")"));
     g.append('text').attr('class', 'axisTitle').attr('fill', axisTitleColor).attr('font-size', '12px').attr('text-anchor', 'middle').attr('y', -9).text(function (d) {
       return d;
     });
@@ -2723,16 +2725,16 @@ var ParallelCoordinatesChart = function ParallelCoordinatesChart(_a) {
     if (showNullAxis) {
       var nullAxisOffsetHeight = yPositionScale[currentDimensions[0]].range()[0] + nullOffsetHeight;
       // append null axis and title
-      svg.append('g').attr('class', 'axis null-axis').attr('transform', "translate(".concat(xPositionScale.step() * axisPadding, ", ").concat(nullAxisOffsetHeight, ")")).attr('fill', 'none').call(d3_axis_1.axisTop(nullAxisScale).tickFormat(function () {
+      svg.append('g').attr('class', 'axis null-axis').attr('transform', "translate(".concat(xPositionScale.step() * axisPadding, ", ").concat(nullAxisOffsetHeight, ")")).attr('fill', 'none').call((0, d3_axis_1.axisTop)(nullAxisScale).tickFormat(function () {
         return '';
       }));
       svg.append('text').attr('text-anchor', 'end').attr('font-size', '11px').attr('x', axisPadding * xPositionScale.step() - 9).attr('y', height + nullOffsetHeight).text('null').attr('fill', axisLabelColor);
     }
     // customize axis line and ticks based on themes
-    d3_selection_1.selectAll('.axis .domain').style('stroke', axisLineColor);
-    d3_selection_1.selectAll('.axis line').style('stroke', axisLineColor);
+    (0, d3_selection_1.selectAll)('.axis .domain').style('stroke', axisLineColor);
+    (0, d3_selection_1.selectAll)('.axis line').style('stroke', axisLineColor);
     // added dragging event functions to each dimension
-    svg.selectAll('.dimension').call(d3_drag_1.drag().on('start', dragstarted).on('drag', dragged).on('end', dragended));
+    svg.selectAll('.dimension').call((0, d3_drag_1.drag)().on('start', dragstarted).on('drag', dragged).on('end', dragended));
     // brushing event handling
     var brushStart = function brushStart(event) {
       // prevent brushing event trigger clicking event
@@ -2742,7 +2744,7 @@ var ParallelCoordinatesChart = function ParallelCoordinatesChart(_a) {
       setFilterPromptState(true);
       setFilterButtonColor(filterButtonActiveColor);
       // style filter selection box rect
-      d3_selection_1.selectAll('rect.selection').attr('fill', filterSelectionColor).attr('fill-opacity', '0.3').attr('stroke', 'none').attr('rx', '4px');
+      (0, d3_selection_1.selectAll)('rect.selection').attr('fill', filterSelectionColor).attr('fill-opacity', '0.3').attr('stroke', 'none').attr('rx', '4px');
     };
     // updated selectedData after brushing
     var brushed = function brushed(_ref, key) {
@@ -2785,7 +2787,7 @@ var ParallelCoordinatesChart = function ParallelCoordinatesChart(_a) {
     brush.on('start', brushStart).on('brush end', brushed);
     // add and store a brush for each axis.
     g.append('g').attr('class', 'brush').each(function (_d, i, nodes) {
-      d3_selection_1.select(nodes[i]).call(brush);
+      (0, d3_selection_1.select)(nodes[i]).call(brush);
     });
   }, [data, width, height, margin, dimensions, xPositionScale, yPositionScale, selections, axisLabelColor, updatedTextShadowColor, axisTitleColor, showNullAxis, axisLineColor, axisLineHighlightColor, nullOffsetHeight, filterButtonActiveColor, filterButtonDisabledColor, truncatedCategoriesFlag, truncatedTextColor]);
   return React.createElement("div", null, React.createElement(ChartDiv, {
@@ -2846,35 +2848,35 @@ exports.default = ParallelCoordinatesChart;
 
 /***/ }),
 
-/***/ 431:
+/***/ 434:
 /***/ (function(module, exports) {
 
 module.exports = require("d3-selection");
 
 /***/ }),
 
-/***/ 432:
+/***/ 435:
 /***/ (function(module, exports) {
 
 module.exports = require("d3-brush");
 
 /***/ }),
 
-/***/ 433:
+/***/ 436:
 /***/ (function(module, exports) {
 
 module.exports = require("d3-axis");
 
 /***/ }),
 
-/***/ 434:
+/***/ 437:
 /***/ (function(module, exports) {
 
 module.exports = require("d3-drag");
 
 /***/ }),
 
-/***/ 435:
+/***/ 438:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2894,7 +2896,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var React = __webpack_require__(1);
-var rgb_hex_converter_1 = __webpack_require__(160);
+var rgb_hex_converter_1 = __webpack_require__(163);
 var ParallelCoordinatesCanvas = function ParallelCoordinatesCanvas(_a) {
   var props = __rest(_a, []);
   var width = props.width,
@@ -2964,7 +2966,7 @@ var ParallelCoordinatesCanvas = function ParallelCoordinatesCanvas(_a) {
     background.clearRect(0, 0, width + margin.left + margin.right, height + margin.top + margin.bottom);
     background.translate(margin.left, margin.top);
     if (backgroundColor !== 'transparent') {
-      background.strokeStyle = "rgba(".concat(rgb_hex_converter_1.convertHexToRgb(lineColor)[0], ", ").concat(rgb_hex_converter_1.convertHexToRgb(lineColor)[1], ", ").concat(rgb_hex_converter_1.convertHexToRgb(lineColor)[2], ", ").concat(lineOpacity, ")");
+      background.strokeStyle = "rgba(".concat((0, rgb_hex_converter_1.convertHexToRgb)(lineColor)[0], ", ").concat((0, rgb_hex_converter_1.convertHexToRgb)(lineColor)[1], ", ").concat((0, rgb_hex_converter_1.convertHexToRgb)(lineColor)[2], ", ").concat(lineOpacity, ")");
       data.forEach(function (d) {
         return path(d, background, currentDimensions);
       });
@@ -2974,7 +2976,7 @@ var ParallelCoordinatesCanvas = function ParallelCoordinatesCanvas(_a) {
       background.fillRect(-10, -10, width + margin.right, height + margin.bottom);
     } else {
       // set the background lines color to be 0.1 if backgroundColor is transparent
-      background.strokeStyle = "rgba(".concat(rgb_hex_converter_1.convertHexToRgb(lineColor)[0], ", ").concat(rgb_hex_converter_1.convertHexToRgb(lineColor)[1], ", ").concat(rgb_hex_converter_1.convertHexToRgb(lineColor)[2], ", 0.1)");
+      background.strokeStyle = "rgba(".concat((0, rgb_hex_converter_1.convertHexToRgb)(lineColor)[0], ", ").concat((0, rgb_hex_converter_1.convertHexToRgb)(lineColor)[1], ", ").concat((0, rgb_hex_converter_1.convertHexToRgb)(lineColor)[2], ", 0.1)");
       data.forEach(function (d) {
         return path(d, background, currentDimensions);
       });
@@ -2991,7 +2993,7 @@ var ParallelCoordinatesCanvas = function ParallelCoordinatesCanvas(_a) {
     foreground.scale(dpr, dpr);
     foreground.clearRect(0, 0, width + margin.left + margin.right, height + margin.top + margin.bottom);
     foreground.translate(margin.left, margin.top);
-    foreground.strokeStyle = "rgba(".concat(rgb_hex_converter_1.convertHexToRgb(lineColor)[0], ", ").concat(rgb_hex_converter_1.convertHexToRgb(lineColor)[1], ", ").concat(rgb_hex_converter_1.convertHexToRgb(lineColor)[2], ", ").concat(lineOpacity, ")");
+    foreground.strokeStyle = "rgba(".concat((0, rgb_hex_converter_1.convertHexToRgb)(lineColor)[0], ", ").concat((0, rgb_hex_converter_1.convertHexToRgb)(lineColor)[1], ", ").concat((0, rgb_hex_converter_1.convertHexToRgb)(lineColor)[2], ", ").concat(lineOpacity, ")");
     selectedData.forEach(function (d) {
       return path(d, foreground, currentDimensions);
     });
@@ -3022,7 +3024,7 @@ exports.default = ParallelCoordinatesCanvas;
 
 /***/ }),
 
-/***/ 436:
+/***/ 439:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3037,7 +3039,7 @@ var pick_1 = __webpack_require__(23);
 var variables_1 = __webpack_require__(11);
 var visualization_color_palettes_1 = __webpack_require__(51);
 var visualization_icons_1 = __webpack_require__(52);
-var placeholders_1 = __webpack_require__(49);
+var placeholders_1 = __webpack_require__(50);
 var VizBehavior_1 = __webpack_require__(6);
 var configUtils_1 = __webpack_require__(20);
 var VizCategory_1 = __webpack_require__(35);
@@ -3085,7 +3087,7 @@ var optionsSchema = {
 };
 var themes = {
   defaultBackgroundColor: function defaultBackgroundColor(props) {
-    return pick_1.default({
+    return (0, pick_1.default)({
       enterprise: {
         dark: variables_1.default.black(props),
         light: variables_1.default.backgroundColor(props)
@@ -3094,7 +3096,7 @@ var themes = {
     })(props);
   },
   axisLineColor: function axisLineColor(props) {
-    return pick_1.default({
+    return (0, pick_1.default)({
       enterprise: {
         dark: variables_1.default.gray45(props),
         light: variables_1.default.gray60(props)
@@ -3106,13 +3108,13 @@ var themes = {
     })(props);
   },
   axisLineHighlightColor: function axisLineHighlightColor(props) {
-    return pick_1.default({
+    return (0, pick_1.default)({
       enterprise: variables_1.default.textColor(props),
       prisma: variables_1.default.contentColorActive(props)
     })(props);
   },
   axisTitleColor: function axisTitleColor(props) {
-    return pick_1.default({
+    return (0, pick_1.default)({
       enterprise: {
         dark: variables_1.default.textGray(props),
         light: variables_1.default.textColor(props)
@@ -3121,7 +3123,7 @@ var themes = {
     })(props);
   },
   axisLabelColor: function axisLabelColor(props) {
-    return pick_1.default({
+    return (0, pick_1.default)({
       enterprise: {
         dark: variables_1.default.textGray(props),
         light: variables_1.default.textColor(props)
@@ -3130,19 +3132,19 @@ var themes = {
     })(props);
   },
   filterButtonDisabledColor: function filterButtonDisabledColor(props) {
-    return pick_1.default({
+    return (0, pick_1.default)({
       enterprise: variables_1.default.textDisabledColor(props),
       prisma: variables_1.default.contentColorDisabled(props)
     })(props);
   },
   filterButtonActiveColor: function filterButtonActiveColor(props) {
-    return pick_1.default({
+    return (0, pick_1.default)({
       enterprise: variables_1.default.focusColor(props),
       prisma: variables_1.default.interactiveColorPrimary(props)
     })(props);
   },
   filterTextColor: function filterTextColor(props) {
-    return pick_1.default({
+    return (0, pick_1.default)({
       enterprise: {
         dark: variables_1.default.textGray(props),
         light: variables_1.default.textColor(props)
@@ -3151,13 +3153,13 @@ var themes = {
     })(props);
   },
   truncatedTextColor: function truncatedTextColor(props) {
-    return pick_1.default({
+    return (0, pick_1.default)({
       enterprise: variables_1.default.textGray(props),
       prisma: variables_1.default.contentColorMuted(props)
     })(props);
   },
   filterSelectionColor: function filterSelectionColor(props) {
-    return pick_1.default({
+    return (0, pick_1.default)({
       enterprise: {
         dark: '#FFFFFF',
         light: '#000000'
@@ -3169,7 +3171,7 @@ var themes = {
     })(props);
   },
   textShadowColor: function textShadowColor(props) {
-    return pick_1.default({
+    return (0, pick_1.default)({
       enterprise: {
         dark: variables_1.default.black(props),
         light: variables_1.default.backgroundColor(props)
@@ -3180,9 +3182,9 @@ var themes = {
 };
 var EDITOR_LABEL_WIDTH = 100;
 var editorConfig = [{
-  label: i18n_1._('Data display'),
+  label: (0, i18n_1._)('Data display'),
   layout: [[{
-    label: i18n_1._('Show null axis'),
+    label: (0, i18n_1._)('Show null axis'),
     option: 'showNullAxis',
     editor: 'editor.toggle',
     editorProps: {
@@ -3190,23 +3192,23 @@ var editorConfig = [{
     }
   }]]
 }, {
-  label: i18n_1._('Color and style'),
+  label: (0, i18n_1._)('Color and style'),
   layout: [[{
-    label: i18n_1._('Lines'),
+    label: (0, i18n_1._)('Lines'),
     option: 'lineColor',
     editor: 'editor.color',
     editorProps: {
       themes: themes
     }
   }, {
-    label: i18n_1._('Line opacity (%)'),
+    label: (0, i18n_1._)('Line opacity (%)'),
     option: 'lineOpacity',
     editor: 'editor.percent',
     editorProps: {
       themes: themes,
       min: 0
     }
-  }], BackgroundColor_1.default({
+  }], (0, BackgroundColor_1.default)({
     themes: themes
   })]
 }];
@@ -3221,7 +3223,7 @@ var config = {
   /**
    * viz name
    */
-  name: i18n_1._('Parallel coordinates'),
+  name: (0, i18n_1._)('Parallel coordinates'),
   category: VizCategory_1.VizCategory.CORRELATION,
   status: 'preview',
   /**
@@ -3238,7 +3240,7 @@ var config = {
   themes: themes,
   requiredProps: []
 };
-exports.default = configUtils_1.enhanceConfig(config);
+exports.default = (0, configUtils_1.enhanceConfig)(config);
 
 /***/ }),
 
@@ -3268,8 +3270,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()
@@ -3313,7 +3315,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;
@@ -3337,7 +3339,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;
@@ -3346,7 +3348,7 @@ exports.MissingPropsMessage.defaultProps = {
   width: '100%',
   height: 250
 };
-exports.default = FixedSizeContainer_1.default(exports.MissingPropsMessage);
+exports.default = (0, FixedSizeContainer_1.default)(exports.MissingPropsMessage);
 
 /***/ }),
 
@@ -3367,7 +3369,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.13.0 - 572f25c03"
+  'data-splunk-visualization-version': "26.0.0 - 2f7458907"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
@@ -3386,7 +3388,7 @@ var withEditModeCover = function withEditModeCover(Visualization, disableEditMod
       "data-test": "edit-mode-cover"
     }));
   };
-  hocUtils_1.extendStaticWrapperProps({
+  (0, hocUtils_1.extendStaticWrapperProps)({
     Wrapper: Wrapper,
     Visualization: Visualization
   });
@@ -3408,7 +3410,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) {
@@ -3423,7 +3425,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) {
@@ -3438,7 +3440,7 @@ var withPlaceholder = function withPlaceholder(Visualization) {
     }
     return React.createElement(Visualization, Object.assign({}, props));
   };
-  hocUtils_1.extendStaticWrapperProps({
+  (0, hocUtils_1.extendStaticWrapperProps)({
     Wrapper: Wrapper,
     Visualization: Visualization
   });
@@ -3451,14 +3453,14 @@ exports.default = withPlaceholder;
 /***/ 49:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualization-icons/placeholders");
+module.exports = require("@splunk/visualizations-shared/colorConstants");
 
 /***/ }),
 
 /***/ 50:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/colorConstants");
+module.exports = require("@splunk/visualization-icons/placeholders");
 
 /***/ }),
 
@@ -3491,7 +3493,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: {
@@ -3548,7 +3550,7 @@ var VizBehavior;
 
 /***/ }),
 
-/***/ 63:
+/***/ 64:
 /***/ (function(module, exports) {
 
 module.exports = require("d3-array");
@@ -3576,7 +3578,7 @@ module.exports = require("@babel/runtime/helpers/classCallCheck");
 
 /***/ }),
 
-/***/ 91:
+/***/ 92:
 /***/ (function(module, exports) {
 
 module.exports = require("d3-scale");