@splunk/visualizations 25.7.1 → 25.8.0

package/common/withDashboardViz.js

@@ -186,61 +186,48 @@ module.exports = require("@splunk/visualizations-shared/style");
 
 
 var _classCallCheck = __webpack_require__(4);
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.INITIAL_HEIGHT = exports.INITIAL_WIDTH = void 0;
 /* eslint-disable react/no-unused-prop-types,react/prefer-stateless-function */
-
 var T = __webpack_require__(1);
-
 var lodash_1 = __webpack_require__(3);
-
-var VizActionHandler_1 = __webpack_require__(24); // this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
-
-
+var VizActionHandler_1 = __webpack_require__(24);
+// this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
 exports.INITIAL_WIDTH = 250;
 exports.INITIAL_HEIGHT = 250;
 /**
  * A Splunk visualization
  */
-
 var SplunkVisualization = function SplunkVisualization() {
   _classCallCheck(this, SplunkVisualization);
 };
-
 SplunkVisualization.propTypes = {
   /**
    * display mode
    */
   mode: T.oneOf(['view', 'edit', 'export']).isRequired,
-
   /**
    * width in pixel or string, defaults to 100%
    */
   width: T.oneOfType([T.string, T.number]).isRequired,
-
   /**
    * height in pixel or string
    */
   height: T.oneOfType([T.string, T.number]).isRequired,
-
   /**
    * visualization context used for dynamic option evaluation
    */
   context: T.object,
-
   /**
    * visualization formatting options
    */
   options: T.object,
-
   /**
    * A callback to update formatting options
    */
   onOptionsChange: T.func,
-
   /**
    * datasource state which include data and request params, object key indicate the datasource type.
    */
@@ -249,7 +236,6 @@ SplunkVisualization.propTypes = {
      * current request params
      */
     requestParams: T.object,
-
     /**
      * current dataset
      */
@@ -257,7 +243,6 @@ SplunkVisualization.propTypes = {
       fields: T.array,
       columns: T.array
     }),
-
     /**
      * error
      */
@@ -265,35 +250,29 @@ SplunkVisualization.propTypes = {
       level: T.string,
       message: T.string
     }),
-
     /**
      * meta data that came with the dataset
      */
     meta: T.object
   })),
-
   /**
    * A callback to trigger event
    */
   onEventTrigger: T.func,
-
   /**
    * Inform viz if there are handlers listening to events
    */
   hasEventHandlers: T.bool,
-
   /**
    * A callback to communicate computed props to a consumer
    */
   onComputedProps: T.func,
-
   /**
    * A callback to obtain visualization api
    */
   vizActionHandlerRef: T.func,
   loading: T.bool,
   theme: T.object,
-
   /**
    * A callback to request new data with updated request params
    */
@@ -302,7 +281,6 @@ SplunkVisualization.propTypes = {
 /**
  *
  */
-
 SplunkVisualization.defaultProps = {
   // BaseVisualization in dashboard-visualizations uses 100% for width but 250 for height
   width: '100%',
@@ -337,22 +315,19 @@ exports.default = SplunkVisualization;
 
 
 var _classCallCheck = __webpack_require__(4);
-
 var _createClass = __webpack_require__(6);
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DefaultVizActionHandler = void 0;
-
 var DefaultVizActionHandler = /*#__PURE__*/function () {
   function DefaultVizActionHandler() {
     _classCallCheck(this, DefaultVizActionHandler);
   }
-
   _createClass(DefaultVizActionHandler, [{
     key: "focus",
-    value: function focus() {// noop
+    value: function focus() {
+      // noop
     }
   }, {
     key: "snapshot",
@@ -360,10 +335,8 @@ var DefaultVizActionHandler = /*#__PURE__*/function () {
       return null; // noop
     }
   }]);
-
   return DefaultVizActionHandler;
 }();
-
 exports.DefaultVizActionHandler = DefaultVizActionHandler;
 
 /***/ }),
@@ -388,7 +361,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.VizBehavior = void 0;
 var VizBehavior;
-
 (function (VizBehavior) {
   /**
    * Dynamic Options Behavior.
@@ -408,7 +380,6 @@ var VizBehavior;
    * missing.
    * @type {string}
    */
-
   VizBehavior["PLACEHOLDER"] = "placeholder";
   VizBehavior["PAGE_AND_SORT"] = "page-and-sort";
   VizBehavior["TRELLIS"] = "trellis";
@@ -424,17 +395,11 @@ var VizBehavior;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var React = __webpack_require__(0);
-
 var styled_components_1 = __webpack_require__(2);
-
 var SizeAwareWrapper_1 = __webpack_require__(89);
-
 var style_1 = __webpack_require__(21);
-
 var colorUtils_1 = __webpack_require__(14);
-
 var Item = styled_components_1.default.div.attrs(function (_ref) {
   var width = _ref.width;
   return {
@@ -447,11 +412,11 @@ var Item = styled_components_1.default.div.attrs(function (_ref) {
   componentId: "sc-1yhgpod-0"
 })(["position:relative;background-color:", "};"], function (props) {
   return 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
-
+});
+// 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) {
   var width = _ref2.width,
-      height = _ref2.height;
+    height = _ref2.height;
   return {
     style: Object.assign(Object.assign({}, width && {
       width: style_1.toPx(width)
@@ -473,13 +438,11 @@ var FixSizeItemContent = styled_components_1.default.div.withConfig({
   displayName: "FixedSizeContainer__FixSizeItemContent",
   componentId: "sc-1yhgpod-3"
 })(["min-height:0px;flex:1;position:relative;box-sizing:border-box;"]);
-
 var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
   var FixedSizeContainer = function FixedSizeContainer(props) {
     var width = props.width,
-        height = props.height,
-        backgroundColor = props.backgroundColor;
-
+      height = props.height,
+      backgroundColor = props.backgroundColor;
     if (!height) {
       return React.createElement(Item, {
         "data-test": "item",
@@ -487,27 +450,24 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
         backgroundColor: backgroundColor
       }, React.createElement(ItemContent, null, React.createElement(Viz, Object.assign({}, props))));
     }
-
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "25.7.1 - 6a77c5530",
+      "data-splunk-visualization-version": "25.8.0 - 65f56b99e",
       width: width,
       height: height,
       backgroundColor: backgroundColor
     }, React.createElement(FixSizeItemContent, null, React.createElement(SizeAwareWrapper_1.default, null, function (_ref3) {
       var newWidth = _ref3.width,
-          newHeight = _ref3.height;
+        newHeight = _ref3.height;
       return React.createElement(Viz, Object.assign({}, props, {
         width: newWidth,
         height: newHeight
       }));
     })));
   };
-
   FixedSizeContainer.displayName = 'withFixedSizeContainer';
   return FixedSizeContainer;
 };
-
 exports.default = withFixedSizeContainer;
 
 /***/ }),
@@ -527,10 +487,9 @@ exports.extendStaticWrapperProps = void 0;
  * @param {DashboardVizType} props.Wrapper
  * @param {DashboardVizType} props.Visualization
  */
-
 var extendStaticWrapperProps = function extendStaticWrapperProps(_ref) {
   var Wrapper = _ref.Wrapper,
-      Visualization = _ref.Visualization;
+    Visualization = _ref.Visualization;
   var extendProperties = ['propTypes', 'defaultProps', 'config'];
   extendProperties.forEach(function (prop) {
     if (Visualization[prop]) {
@@ -539,7 +498,6 @@ var extendStaticWrapperProps = function extendStaticWrapperProps(_ref) {
     }
   });
 };
-
 exports.extendStaticWrapperProps = extendStaticWrapperProps;
 
 /***/ }),
@@ -591,90 +549,60 @@ exports.extendStaticWrapperProps = extendStaticWrapperProps;
 
 
 var _slicedToArray = __webpack_require__(10);
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var React = __webpack_require__(0);
-
 var lodash_1 = __webpack_require__(3);
-
 var getSettingsFromThemedProps_1 = __webpack_require__(75);
-
 var Options_1 = __webpack_require__(76);
-
 var SanitizeProps_1 = __webpack_require__(77);
-
 var TimezoneContext_1 = __webpack_require__(20);
-
 var moment_1 = __webpack_require__(78);
-
 var FeatureFlagContext_1 = __webpack_require__(79);
-
 var styled_components_1 = __webpack_require__(2);
-
 var hocUtils_1 = __webpack_require__(80);
-
 var JSONSchemaUtils_1 = __webpack_require__(81);
-
 var async_dynamic_options_evaluator_1 = __webpack_require__(82);
-
 var id_1 = __webpack_require__(83);
-
 var SplunkVisualization_1 = __webpack_require__(23);
-
 var VizBehavior_1 = __webpack_require__(30);
-
 var getSorting_1 = __webpack_require__(84);
-
 var getPagination_1 = __webpack_require__(86);
-
 var useDeepMemo_1 = __webpack_require__(87);
-
 var MissingPropsMessage_1 = __webpack_require__(88);
-
 var withEditModeCover_1 = __webpack_require__(90);
-
 var withPlaceholder_1 = __webpack_require__(91);
-
-var UUID = id_1.createGUID();
 /**
  * hoc that wraps a pure react visualization in a Dashboard visualization
  * @param {DashboardVizOpts} opts
  * @returns {HOC}
  */
-
 var withDashboardViz = function withDashboardViz(opts) {
   var ReactViz = opts.ReactViz,
-      vizConfig = opts.vizConfig,
-      _opts$computeVizProps = opts.computeVizProps,
-      computeVizProps = _opts$computeVizProps === void 0 ? function () {} : _opts$computeVizProps,
-      disableEditModeCover = opts.disableEditModeCover,
-      useIconPlaceholder = opts.useIconPlaceholder; // sanitizing props before sending them to reactviz.
-
+    vizConfig = opts.vizConfig,
+    _opts$computeVizProps = opts.computeVizProps,
+    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 DashboardViz = function DashboardViz(props) {
     var _a;
-
     var mode = props.mode,
-        hasEventHandlers = props.hasEventHandlers,
-        dataSources = props.dataSources,
-        options = props.options,
-        _props$context = props.context,
-        context = _props$context === void 0 ? {} : _props$context,
-        width = props.width,
-        height = props.height,
-        onComputedProps = props.onComputedProps,
-        onEventTrigger = props.onEventTrigger,
-        theme = props.theme,
-        onRequestParamsChange = props.onRequestParamsChange;
-
+      hasEventHandlers = props.hasEventHandlers,
+      dataSources = props.dataSources,
+      options = props.options,
+      _props$context = props.context,
+      context = _props$context === void 0 ? {} : _props$context,
+      width = props.width,
+      height = props.height,
+      onComputedProps = props.onComputedProps,
+      onEventTrigger = props.onEventTrigger,
+      theme = props.theme,
+      onRequestParamsChange = props.onRequestParamsChange;
     var _React$useContext = React.useContext(TimezoneContext_1.default),
-        serializedTimezone = _React$useContext.serializedTimezone;
-
+      serializedTimezone = _React$useContext.serializedTimezone;
     if (serializedTimezone) {
       /*
           @splunk/moment currently does not allow us to customize the timezone on a per visualization basis.
@@ -688,41 +616,30 @@ var withDashboardViz = function withDashboardViz(opts) {
         moment_1.default.setDefaultSplunkTimezone(serializedTimezone);
       }
     }
-
     var themeFunc = function themeFunc(themeVar) {
       var _a, _b;
-
       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({
-      theme: theme
-    }),
-        currentThemeFamily = _getSettingsFromTheme.family,
-        currentThemeColorScheme = _getSettingsFromTheme.colorScheme,
-        currentThemeDensity = _getSettingsFromTheme.density;
-
+        theme: theme
+      }),
+      currentThemeFamily = _getSettingsFromTheme.family,
+      currentThemeColorScheme = _getSettingsFromTheme.colorScheme,
+      currentThemeDensity = _getSettingsFromTheme.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
-
-
+      _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(UUID)),
-        _React$useState4 = _slicedToArray(_React$useState3, 1),
-        visualizationID = _React$useState4[0];
-
+    var _React$useState3 = React.useState("".concat(vizConfig.name, " - ").concat(id_1.createGUID())),
+      _React$useState4 = _slicedToArray(_React$useState3, 1),
+      visualizationID = _React$useState4[0];
     var _React$useState5 = React.useState(Boolean(featureFlagContext && featureFlagContext.visualizations_useWebWorkersForDSL && typeof Worker !== 'undefined')),
-        _React$useState6 = _slicedToArray(_React$useState5, 2),
-        useAsyncEvaluatedOptions = _React$useState6[0],
-        setUseAsyncEvaluatedOptions = _React$useState6[1];
-
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      useAsyncEvaluatedOptions = _React$useState6[0],
+      setUseAsyncEvaluatedOptions = _React$useState6[1];
     evaluatedOptions = useDeepMemo_1.useDeepMemo(function () {
       try {
         if (useAsyncEvaluatedOptions) {
@@ -755,22 +672,21 @@ var withDashboardViz = function withDashboardViz(opts) {
         console.error("unexpected error evaluating options: ".concat(e.message));
         return {};
       }
-
       return {};
     }, [currentThemeFamily, currentThemeColorScheme, currentThemeDensity, options, context, dataSources, serializedTimezone, useAsyncEvaluatedOptions]);
-    var evaluatedOptionsToUse = !useAsyncEvaluatedOptions ? evaluatedOptions : evaluatedOptionsAsync; // trellis specific backgroundColor update for onComputedProps
+    var evaluatedOptionsToUse = !useAsyncEvaluatedOptions ? evaluatedOptions : evaluatedOptionsAsync;
+    // trellis specific backgroundColor update for onComputedProps
     // if trellis is enabled following these three criteria - 1) trellis feature flag is enabled 2) vizConfig supports array has 'trellis' 3)  option 'splitByLayout' is set to 'trellis
     // onComputedProps api should return back trellisBackgroundColor value for backgroundColor option to support coloring of sibling panels (for eg:- title/ description on UDF side)
-
     var isTrellisFeatureFlagOn = Boolean(featureFlagContext && featureFlagContext.visualizations_enableTrellis);
-    var clonedEvaluatedOptions = lodash_1.cloneDeep(evaluatedOptionsToUse);
-
+    var clonedEvaluatedOptions = evaluatedOptionsToUse;
     if (isTrellisFeatureFlagOn && ((_a = vizConfig === null || vizConfig === void 0 ? void 0 : vizConfig.supports) === null || _a === void 0 ? void 0 : _a.includes(VizBehavior_1.VizBehavior.TRELLIS)) && (clonedEvaluatedOptions === null || clonedEvaluatedOptions === void 0 ? void 0 : clonedEvaluatedOptions.splitByLayout) === VizBehavior_1.VizBehavior.TRELLIS) {
-      clonedEvaluatedOptions.backgroundColor = clonedEvaluatedOptions === null || clonedEvaluatedOptions === void 0 ? void 0 : clonedEvaluatedOptions.trellisBackgroundColor;
-    } // useEffect hook needs to be initialized before any early returns
+      clonedEvaluatedOptions = Object.assign(Object.assign({}, evaluatedOptionsToUse), {
+        backgroundColor: clonedEvaluatedOptions === null || clonedEvaluatedOptions === void 0 ? void 0 : clonedEvaluatedOptions.trellisBackgroundColor
+      });
+    }
+    // useEffect hook needs to be initialized before any early returns
     // this is in accordance with the order of hook calls being the same on each render https://reactjs.org/docs/hooks-rules.html#explanation
-
-
     React.useEffect(function () {
       onComputedProps(clonedEvaluatedOptions);
     });
@@ -779,49 +695,44 @@ var withDashboardViz = function withDashboardViz(opts) {
         if (useAsyncEvaluatedOptions) {
           async_dynamic_options_evaluator_1.default.reset(visualizationID);
         }
-      }; // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []); // present warning message if any required props are missing
-
+      };
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    // present warning message if any required props are missing
     var _vizConfig$requiredPr = vizConfig.requiredProps,
-        requiredProps = _vizConfig$requiredPr === void 0 ? [] : _vizConfig$requiredPr,
-        supports = vizConfig.supports;
+      requiredProps = _vizConfig$requiredPr === void 0 ? [] : _vizConfig$requiredPr,
+      supports = vizConfig.supports;
     var missing = 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, {
-          "data-test": "missing-props-message",
-          width: width,
-          height: height,
-          missingProps: missing,
-          backgroundColor: bgColorFromTheme
-        });
-      } // events
-
-
+      return React.createElement(MissingPropsMessage_1.default, {
+        "data-test": "missing-props-message",
+        width: width,
+        height: height,
+        missingProps: missing,
+        backgroundColor: bgColorFromTheme
+      });
+    }
+    // events
     var eventCallbackProps = {};
-
     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));
-        eventCallbackProps[eventCallbackPropName] = null; // todo: refactor single value and single value icon to send payload from viz
+        eventCallbackProps[eventCallbackPropName] = null;
+        // todo: refactor single value and single value icon to send payload from viz
         // then remove these lines
-
         var payloadKeys = supportedEvents[eventName].payloadKeys;
         var payload = {};
-
         if (Array.isArray(payloadKeys) && payloadKeys.length) {
           payloadKeys.forEach(function (p) {
             payload[p] = evaluatedOptionsToUse[p];
           });
         }
-
         eventCallbackProps[eventCallbackPropName] = function (ev) {
           if (ev && ev.payload) {
             payload = ev.payload;
           }
-
           return onEventTrigger({
             originalEvent: ev,
             payload: payload,
@@ -829,9 +740,8 @@ var withDashboardViz = function withDashboardViz(opts) {
           });
         };
       });
-    } // compute pure viz props which are not from options
-
-
+    }
+    // compute pure viz props which are not from options
     var computedVizProps = computeVizProps(Object.assign(Object.assign(Object.assign(Object.assign({}, props), evaluatedOptionsToUse), eventCallbackProps), {
       themeFunc: themeFunc
     }));
@@ -849,19 +759,15 @@ var withDashboardViz = function withDashboardViz(opts) {
      * In future, we could automatically detect which all datasources are being used
      * and bind those magically to pagination/sorting behavior.
      */
-
     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 handleRequestParamsChange = function handleRequestParamsChange(payload) {
         return onRequestParamsChange(paginateDataSourceKey, payload);
       };
-
       var sortParams = getSorting_1.getSortingParams({
         requestParams: requestParams,
         meta: meta,
@@ -877,25 +783,26 @@ var withDashboardViz = function withDashboardViz(opts) {
         paginatorParams: paginatorParams
       };
     }
-
+    // if were using webworkers and this is the first render we dont want to show a viz with missing data so we return null
+    if (useAsyncEvaluatedOptions && Object.keys(evaluatedOptionsToUse).length === 0) {
+      return null;
+    }
     return React.createElement(SanitizedReactViz, Object.assign({
       mode: mode,
       width: width,
       height: height
     }, evaluatedOptionsToUse, computedVizProps, eventCallbackProps, dataSourceMetadata));
   };
-
   DashboardViz.propTypes = Object.assign(Object.assign({}, SplunkVisualization_1.default.propTypes), ReactViz.propTypes);
   DashboardViz.defaultProps = Object.assign(Object.assign(Object.assign({}, SplunkVisualization_1.default.defaultProps), ReactViz.defaultProps), {
     // using withTheme requires component to receive theme prop. In case the consumer did not provide ThemeProvider, a default empty object will prevent warnings.
     theme: {}
-  }); // attach viz config
-
-  DashboardViz.config = vizConfig; // @ts-ignore: TODO fix sc upgrade TS issues
-
+  });
+  // 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));
 };
-
 exports.default = withDashboardViz;
 
 /***/ }),
@@ -960,27 +867,21 @@ module.exports = require("@splunk/ui-utils/id");
 
 
 var _defineProperty = __webpack_require__(8);
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getSortingParams = exports.SortParamsPropTypes = void 0;
-
 var T = __webpack_require__(1);
-
 var lodash_1 = __webpack_require__(3);
-
 var DataSource_1 = __webpack_require__(85);
-
 exports.SortParamsPropTypes = T.shape({
   currentSortKey: T.string,
   currentSortDir: T.oneOf(DataSource_1.validSortDirs),
   onSort: T.func
 });
-
 var getSortingParams = function getSortingParams(_ref) {
   var requestParams = _ref.requestParams,
-      onRequestParamsChange = _ref.onRequestParamsChange;
+    onRequestParamsChange = _ref.onRequestParamsChange;
   var currentSortKey;
   var currentSortDir;
   var nextSortDirMap = {
@@ -989,18 +890,15 @@ var getSortingParams = function getSortingParams(_ref) {
     none: 'asc'
   };
   var onSort;
-
   if (typeof onRequestParamsChange === 'function') {
     if (requestParams && lodash_1.has(requestParams, 'sort')) {
       currentSortKey = Object.keys(requestParams.sort).shift();
       currentSortDir = requestParams.sort[currentSortKey];
-    } // undid memoization since there is a dependency on requestParams, which is a deeply nested object
-
-
+    }
+    // undid memoization since there is a dependency on requestParams, which is a deeply nested object
     onSort = function onSort(e, _ref2) {
       var sortKey = _ref2.sortKey,
-          sortDir = _ref2.sortDir;
-
+        sortDir = _ref2.sortDir;
       if (typeof sortKey === 'string') {
         var nextSortDir = lodash_1.has(nextSortDirMap, sortDir) ? nextSortDirMap[sortDir] : 'none';
         onRequestParamsChange(Object.assign(Object.assign({}, requestParams), {
@@ -1012,14 +910,12 @@ var getSortingParams = function getSortingParams(_ref) {
       }
     };
   }
-
   return {
     currentSortKey: currentSortKey,
     currentSortDir: currentSortDir,
     onSort: onSort
   };
 };
-
 exports.getSortingParams = getSortingParams;
 
 /***/ }),
@@ -1046,49 +942,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getPaginationParams = exports.PaginatorParamsPropTypes = void 0;
-
 var T = __webpack_require__(1);
-
 var lodash_1 = __webpack_require__(3);
-
 exports.PaginatorParamsPropTypes = T.shape({
   isPaging: T.bool,
   current: T.number,
   totalPages: T.number,
   onChange: T.func
 });
-
 var getPaginationParams = function getPaginationParams(_ref) {
   var requestParams = _ref.requestParams,
-      meta = _ref.meta,
-      onRequestParamsChange = _ref.onRequestParamsChange;
+    meta = _ref.meta,
+    onRequestParamsChange = _ref.onRequestParamsChange;
   var totalCount = meta && meta.totalCount || 0;
   var offset = requestParams && requestParams.offset || 0;
   var count = requestParams && requestParams.count;
   var totalPages = typeof count === 'number' && count > 0 ? Math.ceil(totalCount / count) : 0;
   var current = typeof count === 'number' && count > 0 ? Math.floor(offset / count) + 1 : 0;
   var isPaging = totalPages > 1 && typeof onRequestParamsChange === 'function';
-
   var onChangeHandler = function onChangeHandler(e, _ref2) {
     var page = _ref2.page,
-        countArg = _ref2.count;
+      countArg = _ref2.count;
     var newParams = lodash_1.cloneDeep(requestParams);
-
     if (typeof countArg === 'number') {
       newParams.count = countArg;
       newParams.offset = 0;
     }
-
     var pageCount = typeof newParams.count === 'number' ? newParams.count : 10;
-
     if (typeof page === 'number' && page > 0) {
       newParams.count = pageCount;
       newParams.offset = (page - 1) * pageCount;
     }
-
     onRequestParamsChange(newParams);
   };
-
   return {
     isPaging: isPaging,
     current: current,
@@ -1096,7 +982,6 @@ var getPaginationParams = function getPaginationParams(_ref) {
     onChange: typeof onRequestParamsChange === 'function' ? onChangeHandler : lodash_1.noop
   };
 };
-
 exports.getPaginationParams = getPaginationParams;
 
 /***/ }),
@@ -1110,9 +995,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useDeepMemo = void 0;
-
 var react_1 = __webpack_require__(0);
-
 var lodash_1 = __webpack_require__(3);
 /**
  * This hook evaluates and stores the result of a passed function and only
@@ -1127,21 +1010,16 @@ var lodash_1 = __webpack_require__(3);
  * @param fn the function to be executed and
  * @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)) {
     ref.current = {
       dependencies: dependencies,
       value: fn()
     };
   }
-
   return ref.current.value;
 };
-
 exports.useDeepMemo = useDeepMemo;
 
 /***/ }),
@@ -1155,27 +1033,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MissingPropsMessage = exports.missingKeys = exports.isMissing = void 0;
-
 var React = __webpack_require__(0);
-
 var T = __webpack_require__(1);
-
 var i18n_1 = __webpack_require__(7);
-
 var Message_1 = __webpack_require__(18);
-
 var FixedSizeContainer_1 = __webpack_require__(31);
 /**
  * @method isMissing
  * @param {any} v
  * @returns {boolean} true if the input value === null or undefined
  */
-
-
 var isMissing = function isMissing(v) {
   return v === null || v === undefined;
 };
-
 exports.isMissing = isMissing;
 /**
  * @method misskingKeys
@@ -1183,13 +1053,11 @@ exports.isMissing = isMissing;
  * @param {object} target
  * @returns {string[]} the keys of missing required props
  */
-
 var missingKeys = function missingKeys(keys, target) {
   return keys.filter(function (k) {
     return exports.isMissing(target[k]);
   });
 };
-
 exports.missingKeys = missingKeys;
 var propTypes = {
   width: T.oneOfType([T.string, T.number]),
@@ -1203,11 +1071,10 @@ var propTypes = {
  * @param {MissingPropsProps} props
  * @returns {React.ReactElement}
  */
-
 var MissingPropsMessage = function MissingPropsMessage(props) {
   var width = props.width,
-      height = props.height,
-      missingProps = props.missingProps;
+    height = props.height,
+    missingProps = props.missingProps;
   return React.createElement(Message_1.default, {
     "data-test": "message",
     width: width,
@@ -1215,7 +1082,6 @@ var MissingPropsMessage = function MissingPropsMessage(props) {
     message: i18n_1._("Missing property: ".concat(missingProps.join(', ')))
   });
 };
-
 exports.MissingPropsMessage = MissingPropsMessage;
 exports.MissingPropsMessage.propTypes = propTypes;
 exports.MissingPropsMessage.defaultProps = {
@@ -1240,19 +1106,15 @@ module.exports = require("@splunk/visualizations-shared/SizeAwareWrapper");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var React = __webpack_require__(0);
-
 var styled_components_1 = __webpack_require__(2);
-
 var hocUtils_1 = __webpack_require__(32);
-
 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.7.1 - 6a77c5530"
+  'data-splunk-visualization-version': "25.8.0 - 65f56b99e"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
@@ -1263,7 +1125,6 @@ var Blocker = styled_components_1.default.div.attrs({
  * @param {ExtendedDashViz} Visualization
  * @returns {ExtendedDashViz} Wrapper
  */
-
 var withEditModeCover = function withEditModeCover(Visualization, disableEditModeCover) {
   var Wrapper = function Wrapper(props) {
     var mode = props.mode;
@@ -1272,14 +1133,12 @@ var withEditModeCover = function withEditModeCover(Visualization, disableEditMod
       "data-test": "edit-mode-cover"
     }));
   };
-
   hocUtils_1.extendStaticWrapperProps({
     Wrapper: Wrapper,
     Visualization: Visualization
   });
   return Wrapper;
 };
-
 exports.default = withEditModeCover;
 
 /***/ }),
@@ -1292,37 +1151,27 @@ exports.default = withEditModeCover;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var React = __webpack_require__(0);
-
 var colorUtils_1 = __webpack_require__(14);
-
 var variables_1 = __webpack_require__(26);
-
 var IconPlaceholder_1 = __webpack_require__(92);
-
 var VizBehavior_1 = __webpack_require__(30);
-
 var hocUtils_1 = __webpack_require__(32);
-
 var withPlaceholder = function withPlaceholder(Visualization) {
   var useIconPlaceholder = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : IconPlaceholder_1.shouldShowIconPlaceholder;
   var config = Visualization.config;
   var themes = config.themes;
-
   var Wrapper = function Wrapper(props) {
     var _a, _b;
-
     var dataSources = props.dataSources,
-        loading = props.loading,
-        options = props.options,
-        height = props.height,
-        width = props.width;
+      loading = props.loading,
+      options = props.options,
+      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 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) {
       return React.createElement(IconPlaceholder_1.default, {
         "data-test": "icon-placeholder",
@@ -1333,17 +1182,14 @@ var withPlaceholder = function withPlaceholder(Visualization) {
         iconColor: iconColor
       });
     }
-
     return React.createElement(Visualization, Object.assign({}, props));
   };
-
   hocUtils_1.extendStaticWrapperProps({
     Wrapper: Wrapper,
     Visualization: Visualization
   });
   return Wrapper;
 };
-
 exports.default = withPlaceholder;
 
 /***/ }),
@@ -1357,17 +1203,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.shouldShowIconPlaceholder = void 0;
-
 var React = __webpack_require__(0);
-
 var T = __webpack_require__(1);
-
 var lodash_1 = __webpack_require__(3);
-
 var i18n_1 = __webpack_require__(7);
-
 var Message_1 = __webpack_require__(18);
-
 var FixedSizeContainer_1 = __webpack_require__(31);
 /**
  * @method shouldShowIconPlaceholder
@@ -1375,8 +1215,6 @@ var FixedSizeContainer_1 = __webpack_require__(31);
  * @param {boolean} loading
  * @returns {boolean}
  */
-
-
 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);
@@ -1385,7 +1223,6 @@ var shouldShowIconPlaceholder = function shouldShowIconPlaceholder(dataSources)
   var noFields = fields === undefined;
   return loading || noData || noFields;
 };
-
 exports.shouldShowIconPlaceholder = shouldShowIconPlaceholder;
 var propTypes = {
   icon: T.func,
@@ -1400,13 +1237,11 @@ var propTypes = {
  * @param {IconPlaceholderProps} props
  * @returns {React.ReactElement}
  */
-
 var IconPlaceholder = function IconPlaceholder(props) {
   var width = props.width,
-      height = props.height,
-      icon = props.icon,
-      iconColor = props.iconColor;
-
+    height = props.height,
+    icon = props.icon,
+    iconColor = props.iconColor;
   if (icon) {
     return React.createElement(icon, {
       style: {
@@ -1421,7 +1256,6 @@ var IconPlaceholder = function IconPlaceholder(props) {
       height: '50%'
     });
   }
-
   return React.createElement(Message_1.default, {
     width: width,
     height: height,
@@ -1429,7 +1263,6 @@ var IconPlaceholder = function IconPlaceholder(props) {
     message: i18n_1._('No DataSource Connected')
   });
 };
-
 IconPlaceholder.propTypes = propTypes;
 IconPlaceholder.defaultProps = {
   width: '100%',