@splunk/visualizations 27.0.0 → 27.1.0

package/Events.js

@@ -498,7 +498,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "27.0.0 - 9bf093b7d",
+        "data-splunk-visualization-version": "27.1.0 - fe8b048df",
         width,
         height,
         backgroundColor
@@ -564,7 +564,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "27.0.0 - 9bf093b7d"
+  "data-splunk-visualization-version": "27.1.0 - fe8b048df"
 })`
     position: relative;
     width: 100%;
@@ -1077,6 +1077,25 @@ var getFeatureFlag = (context, flagName) => {
   return false;
 };
 
+// esm-externals:@splunk/visualizations-shared/trellisUtils
+var trellisUtils_exports = {};
+__export(trellisUtils_exports, {
+  default: () => trellisUtils_default
+});
+var defaultImport24 = __toESM(require("@splunk/visualizations-shared/trellisUtils"));
+__reExport(trellisUtils_exports, require("@splunk/visualizations-shared/trellisUtils"));
+var trellisUtils_default = "default" in defaultImport24 ? defaultImport24.default : defaultImport24;
+
+// src/common/utils/trellisUtils.ts
+var turnOffLegendDisplayWhenTrellisIsOn = (isTrellisOn, options) => {
+  if (isTrellisOn && !options.legendDisplay) {
+    return {
+      legendDisplay: "off"
+    };
+  }
+  return {};
+};
+
 // src/common/withDashboardViz.tsx
 var withDashboardViz = (opts) => {
   const {
@@ -1084,6 +1103,8 @@ var withDashboardViz = (opts) => {
     vizConfig,
     computeVizProps: computeVizProps2 = () => {
     },
+    computeVizPropsBeforeEval = () => {
+    },
     disableEditModeCover,
     useIconPlaceholder
   } = opts;
@@ -1133,14 +1154,26 @@ var withDashboardViz = (opts) => {
     const isDownsamplingEnabledByFeatureFlag = Boolean(
       featureFlagContext == null ? void 0 : featureFlagContext.visualizations_enableDownsampling
     );
+    const isTrellisFeatureFlagOn = Boolean(
+      featureFlagContext && featureFlagContext.visualizations_enableTrellis
+    );
+    const isTrellisOn = isTrellisFeatureFlagOn && ((_a = vizConfig == null ? void 0 : vizConfig.supports) == null ? void 0 : _a.includes("trellis" /* TRELLIS */)) && (options == null ? void 0 : options.splitByLayout) === "trellis" /* TRELLIS */;
     const isMounted = react_exports.useRef(true);
-    const optionsToEvaluate = react_exports.useMemo(
-      () => ({
+    const optionsToEvaluate = react_exports.useMemo(() => {
+      var _a2;
+      const legendDisplay = turnOffLegendDisplayWhenTrellisIsOn(isTrellisOn, options);
+      const computedOptions = (_a2 = computeVizPropsBeforeEval(options)) != null ? _a2 : {};
+      return {
         context: (0, lodash_exports.defaultsDeep)({}, context, vizConfig.defaultContext),
-        options: (0, hocUtils_exports.deepMergeWithArrayPrimitiveOverrides)({}, options, defaultOptions)
-      }),
-      [options, context]
-    );
+        options: (0, hocUtils_exports.deepMergeWithArrayPrimitiveOverrides)(
+          {},
+          legendDisplay,
+          computedOptions,
+          options,
+          defaultOptions
+        )
+      };
+    }, [isTrellisOn, options, context]);
     const [threshold, setThreshold] = react_exports.useState(Number(width));
     const onDownsamplingThresholdChange = react_exports.useCallback((newThreshold) => {
       setThreshold(newThreshold);
@@ -1221,11 +1254,8 @@ var withDashboardViz = (opts) => {
       useAsyncEvaluatedOptions
     ]);
     const evaluatedOptionsToUse = !useAsyncEvaluatedOptions ? evaluatedOptions : evaluatedOptionsAsync;
-    const isTrellisFeatureFlagOn = Boolean(
-      featureFlagContext && featureFlagContext.visualizations_enableTrellis
-    );
     let clonedEvaluatedOptions = evaluatedOptionsToUse;
-    if (isTrellisFeatureFlagOn && ((_a = vizConfig == null ? void 0 : vizConfig.supports) == null ? void 0 : _a.includes("trellis" /* TRELLIS */)) && (clonedEvaluatedOptions == null ? void 0 : clonedEvaluatedOptions.splitByLayout) === "trellis" /* TRELLIS */) {
+    if (isTrellisOn) {
       clonedEvaluatedOptions = __spreadProps(__spreadValues({}, evaluatedOptionsToUse), {
         backgroundColor: clonedEvaluatedOptions == null ? void 0 : clonedEvaluatedOptions.trellisBackgroundColor
       });
@@ -1794,45 +1824,45 @@ var visualization_icons_exports = {};
 __export(visualization_icons_exports, {
   default: () => visualization_icons_default
 });
-var defaultImport24 = __toESM(require("@splunk/visualization-icons"));
+var defaultImport25 = __toESM(require("@splunk/visualization-icons"));
 __reExport(visualization_icons_exports, require("@splunk/visualization-icons"));
-var visualization_icons_default = "default" in defaultImport24 ? defaultImport24.default : defaultImport24;
+var visualization_icons_default = "default" in defaultImport25 ? defaultImport25.default : defaultImport25;
 
 // esm-externals:@splunk/visualization-icons/placeholders
 var placeholders_exports = {};
 __export(placeholders_exports, {
   default: () => placeholders_default
 });
-var defaultImport25 = __toESM(require("@splunk/visualization-icons/placeholders"));
+var defaultImport26 = __toESM(require("@splunk/visualization-icons/placeholders"));
 __reExport(placeholders_exports, require("@splunk/visualization-icons/placeholders"));
-var placeholders_default = "default" in defaultImport25 ? defaultImport25.default : defaultImport25;
+var placeholders_default = "default" in defaultImport26 ? defaultImport26.default : defaultImport26;
 
 // esm-externals:@splunk/visualization-schemas
 var visualization_schemas_exports = {};
 __export(visualization_schemas_exports, {
   default: () => visualization_schemas_default
 });
-var defaultImport26 = __toESM(require("@splunk/visualization-schemas"));
+var defaultImport27 = __toESM(require("@splunk/visualization-schemas"));
 __reExport(visualization_schemas_exports, require("@splunk/visualization-schemas"));
-var visualization_schemas_default = "default" in defaultImport26 ? defaultImport26.default : defaultImport26;
+var visualization_schemas_default = "default" in defaultImport27 ? defaultImport27.default : defaultImport27;
 
 // esm-externals:@splunk/themes
 var themes_exports = {};
 __export(themes_exports, {
   default: () => themes_default
 });
-var defaultImport27 = __toESM(require("@splunk/themes"));
+var defaultImport28 = __toESM(require("@splunk/themes"));
 __reExport(themes_exports, require("@splunk/themes"));
-var themes_default = "default" in defaultImport27 ? defaultImport27.default : defaultImport27;
+var themes_default = "default" in defaultImport28 ? defaultImport28.default : defaultImport28;
 
 // esm-externals:@splunk/visualizations-shared/configUtils
 var configUtils_exports = {};
 __export(configUtils_exports, {
   default: () => configUtils_default
 });
-var defaultImport28 = __toESM(require("@splunk/visualizations-shared/configUtils"));
+var defaultImport29 = __toESM(require("@splunk/visualizations-shared/configUtils"));
 __reExport(configUtils_exports, require("@splunk/visualizations-shared/configUtils"));
-var configUtils_default = "default" in defaultImport28 ? defaultImport28.default : defaultImport28;
+var configUtils_default = "default" in defaultImport29 ? defaultImport29.default : defaultImport29;
 
 // src/common/utils/configUtils.ts
 function enhanceConfig(vizConfig) {
@@ -1978,45 +2008,45 @@ var EventsViewer_exports = {};
 __export(EventsViewer_exports, {
   default: () => EventsViewer_default
 });
-var defaultImport29 = __toESM(require("@splunk/react-events-viewer/components/EventsViewer"));
+var defaultImport30 = __toESM(require("@splunk/react-events-viewer/components/EventsViewer"));
 __reExport(EventsViewer_exports, require("@splunk/react-events-viewer/components/EventsViewer"));
-var EventsViewer_default = "default" in defaultImport29 ? defaultImport29.default : defaultImport29;
+var EventsViewer_default = "default" in defaultImport30 ? defaultImport30.default : defaultImport30;
 
 // esm-externals:@splunk/themes/pick
 var pick_exports = {};
 __export(pick_exports, {
   default: () => pick_default
 });
-var defaultImport30 = __toESM(require("@splunk/themes/pick"));
+var defaultImport31 = __toESM(require("@splunk/themes/pick"));
 __reExport(pick_exports, require("@splunk/themes/pick"));
-var pick_default = "default" in defaultImport30 ? defaultImport30.default : defaultImport30;
+var pick_default = "default" in defaultImport31 ? defaultImport31.default : defaultImport31;
 
 // esm-externals:@splunk/visualization-context/EventsContext
 var EventsContext_exports = {};
 __export(EventsContext_exports, {
   default: () => EventsContext_default
 });
-var defaultImport31 = __toESM(require("@splunk/visualization-context/EventsContext"));
+var defaultImport32 = __toESM(require("@splunk/visualization-context/EventsContext"));
 __reExport(EventsContext_exports, require("@splunk/visualization-context/EventsContext"));
-var EventsContext_default = "default" in defaultImport31 ? defaultImport31.default : defaultImport31;
+var EventsContext_default = "default" in defaultImport32 ? defaultImport32.default : defaultImport32;
 
 // esm-externals:@splunk/react-ui/Menu
 var Menu_exports = {};
 __export(Menu_exports, {
   default: () => Menu_default
 });
-var defaultImport32 = __toESM(require("@splunk/react-ui/Menu"));
+var defaultImport33 = __toESM(require("@splunk/react-ui/Menu"));
 __reExport(Menu_exports, require("@splunk/react-ui/Menu"));
-var Menu_default = "default" in defaultImport32 ? defaultImport32.default : defaultImport32;
+var Menu_default = "default" in defaultImport33 ? defaultImport33.default : defaultImport33;
 
 // esm-externals:@splunk/time-range-utils/time
 var time_exports = {};
 __export(time_exports, {
   default: () => time_default
 });
-var defaultImport33 = __toESM(require("@splunk/time-range-utils/time"));
+var defaultImport34 = __toESM(require("@splunk/time-range-utils/time"));
 __reExport(time_exports, require("@splunk/time-range-utils/time"));
-var time_default = "default" in defaultImport33 ? defaultImport33.default : defaultImport33;
+var time_default = "default" in defaultImport34 ? defaultImport34.default : defaultImport34;
 
 // src/Events/EventUtils.ts
 var convertToPayloadFormat = (obj, initialValue = {}) => {
@@ -2205,27 +2235,27 @@ var Popover_exports = {};
 __export(Popover_exports, {
   default: () => Popover_default
 });
-var defaultImport34 = __toESM(require("@splunk/react-ui/Popover"));
+var defaultImport35 = __toESM(require("@splunk/react-ui/Popover"));
 __reExport(Popover_exports, require("@splunk/react-ui/Popover"));
-var Popover_default = "default" in defaultImport34 ? defaultImport34.default : defaultImport34;
+var Popover_default = "default" in defaultImport35 ? defaultImport35.default : defaultImport35;
 
 // esm-externals:@splunk/react-ui/Markdown
 var Markdown_exports = {};
 __export(Markdown_exports, {
   default: () => Markdown_default
 });
-var defaultImport35 = __toESM(require("@splunk/react-ui/Markdown"));
+var defaultImport36 = __toESM(require("@splunk/react-ui/Markdown"));
 __reExport(Markdown_exports, require("@splunk/react-ui/Markdown"));
-var Markdown_default = "default" in defaultImport35 ? defaultImport35.default : defaultImport35;
+var Markdown_default = "default" in defaultImport36 ? defaultImport36.default : defaultImport36;
 
 // esm-externals:@splunk/react-field-summary/components/FieldSummary
 var FieldSummary_exports = {};
 __export(FieldSummary_exports, {
   default: () => FieldSummary_default
 });
-var defaultImport36 = __toESM(require("@splunk/react-field-summary/components/FieldSummary"));
+var defaultImport37 = __toESM(require("@splunk/react-field-summary/components/FieldSummary"));
 __reExport(FieldSummary_exports, require("@splunk/react-field-summary/components/FieldSummary"));
-var FieldSummary_default = "default" in defaultImport36 ? defaultImport36.default : defaultImport36;
+var FieldSummary_default = "default" in defaultImport37 ? defaultImport37.default : defaultImport37;
 
 // src/Events/PureEvents/FieldSummaryTooltip.tsx
 var popoverContainerStyle = { padding: "20px", width: 500 };
@@ -2306,63 +2336,63 @@ var ControlGroup_exports = {};
 __export(ControlGroup_exports, {
   default: () => ControlGroup_default
 });
-var defaultImport37 = __toESM(require("@splunk/react-ui/ControlGroup"));
+var defaultImport38 = __toESM(require("@splunk/react-ui/ControlGroup"));
 __reExport(ControlGroup_exports, require("@splunk/react-ui/ControlGroup"));
-var ControlGroup_default = "default" in defaultImport37 ? defaultImport37.default : defaultImport37;
+var ControlGroup_default = "default" in defaultImport38 ? defaultImport38.default : defaultImport38;
 
 // esm-externals:@splunk/react-ui/Button
 var Button_exports = {};
 __export(Button_exports, {
   default: () => Button_default
 });
-var defaultImport38 = __toESM(require("@splunk/react-ui/Button"));
+var defaultImport39 = __toESM(require("@splunk/react-ui/Button"));
 __reExport(Button_exports, require("@splunk/react-ui/Button"));
-var Button_default = "default" in defaultImport38 ? defaultImport38.default : defaultImport38;
+var Button_default = "default" in defaultImport39 ? defaultImport39.default : defaultImport39;
 
 // esm-externals:@splunk/react-ui/Text
 var Text_exports = {};
 __export(Text_exports, {
   default: () => Text_default
 });
-var defaultImport39 = __toESM(require("@splunk/react-ui/Text"));
+var defaultImport40 = __toESM(require("@splunk/react-ui/Text"));
 __reExport(Text_exports, require("@splunk/react-ui/Text"));
-var Text_default = "default" in defaultImport39 ? defaultImport39.default : defaultImport39;
+var Text_default = "default" in defaultImport40 ? defaultImport40.default : defaultImport40;
 
 // esm-externals:@splunk/react-ui/Message
 var Message_exports2 = {};
 __export(Message_exports2, {
   default: () => Message_default2
 });
-var defaultImport40 = __toESM(require("@splunk/react-ui/Message"));
+var defaultImport41 = __toESM(require("@splunk/react-ui/Message"));
 __reExport(Message_exports2, require("@splunk/react-ui/Message"));
-var Message_default2 = "default" in defaultImport40 ? defaultImport40.default : defaultImport40;
+var Message_default2 = "default" in defaultImport41 ? defaultImport41.default : defaultImport41;
 
 // esm-externals:@splunk/react-ui/Select
 var Select_exports = {};
 __export(Select_exports, {
   default: () => Select_default
 });
-var defaultImport41 = __toESM(require("@splunk/react-ui/Select"));
+var defaultImport42 = __toESM(require("@splunk/react-ui/Select"));
 __reExport(Select_exports, require("@splunk/react-ui/Select"));
-var Select_default = "default" in defaultImport41 ? defaultImport41.default : defaultImport41;
+var Select_default = "default" in defaultImport42 ? defaultImport42.default : defaultImport42;
 
 // esm-externals:@splunk/react-ui/Link
 var Link_exports = {};
 __export(Link_exports, {
   default: () => Link_default
 });
-var defaultImport42 = __toESM(require("@splunk/react-ui/Link"));
+var defaultImport43 = __toESM(require("@splunk/react-ui/Link"));
 __reExport(Link_exports, require("@splunk/react-ui/Link"));
-var Link_default = "default" in defaultImport42 ? defaultImport42.default : defaultImport42;
+var Link_default = "default" in defaultImport43 ? defaultImport43.default : defaultImport43;
 
 // esm-externals:@splunk/react-ui/Heading
 var Heading_exports = {};
 __export(Heading_exports, {
   default: () => Heading_default
 });
-var defaultImport43 = __toESM(require("@splunk/react-ui/Heading"));
+var defaultImport44 = __toESM(require("@splunk/react-ui/Heading"));
 __reExport(Heading_exports, require("@splunk/react-ui/Heading"));
-var Heading_default = "default" in defaultImport43 ? defaultImport43.default : defaultImport43;
+var Heading_default = "default" in defaultImport44 ? defaultImport44.default : defaultImport44;
 
 // src/Events/PureEvents/TimeControlsPopover.tsx
 var TimePopoverContainer = styled_components_default.div`