@splunk/visualizations 27.0.0 → 27.1.0

package/Punchcard.js

@@ -762,7 +762,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
@@ -828,7 +828,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%;
@@ -1315,6 +1315,25 @@ var getFeatureFlag = (context, flagName) => {
   return false;
 };
 
+// esm-externals:@splunk/visualizations-shared/trellisUtils
+var trellisUtils_exports = {};
+__export(trellisUtils_exports, {
+  default: () => trellisUtils_default
+});
+var defaultImport29 = __toESM(require("@splunk/visualizations-shared/trellisUtils"));
+__reExport(trellisUtils_exports, require("@splunk/visualizations-shared/trellisUtils"));
+var trellisUtils_default = "default" in defaultImport29 ? defaultImport29.default : defaultImport29;
+
+// 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 {
@@ -1322,6 +1341,8 @@ var withDashboardViz = (opts) => {
     vizConfig,
     computeVizProps: computeVizProps2 = () => {
     },
+    computeVizPropsBeforeEval = () => {
+    },
     disableEditModeCover,
     useIconPlaceholder
   } = opts;
@@ -1371,14 +1392,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);
@@ -1459,11 +1492,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
       });
@@ -1574,18 +1604,18 @@ var types_exports = {};
 __export(types_exports, {
   default: () => types_default
 });
-var defaultImport29 = __toESM(require("@splunk/visualization-encoding/utils/types"));
+var defaultImport30 = __toESM(require("@splunk/visualization-encoding/utils/types"));
 __reExport(types_exports, require("@splunk/visualization-encoding/utils/types"));
-var types_default = "default" in defaultImport29 ? defaultImport29.default : defaultImport29;
+var types_default = "default" in defaultImport30 ? defaultImport30.default : defaultImport30;
 
 // esm-externals:d3-scale
 var d3_scale_exports = {};
 __export(d3_scale_exports, {
   default: () => d3_scale_default
 });
-var defaultImport30 = __toESM(require("d3-scale"));
+var defaultImport31 = __toESM(require("d3-scale"));
 __reExport(d3_scale_exports, require("d3-scale"));
-var d3_scale_default = "default" in defaultImport30 ? defaultImport30.default : defaultImport30;
+var d3_scale_default = "default" in defaultImport31 ? defaultImport31.default : defaultImport31;
 
 // src/Punchcard/PurePunchcard/src/utils/punchcardUtils.ts
 var AXIS_ORIENTATION_TYPES = /* @__PURE__ */ ((AXIS_ORIENTATION_TYPES2) => {
@@ -1783,36 +1813,36 @@ var findIndex_exports = {};
 __export(findIndex_exports, {
   default: () => findIndex_default
 });
-var defaultImport31 = __toESM(require("lodash/findIndex"));
+var defaultImport32 = __toESM(require("lodash/findIndex"));
 __reExport(findIndex_exports, require("lodash/findIndex"));
-var findIndex_default = "default" in defaultImport31 ? defaultImport31.default : defaultImport31;
+var findIndex_default = "default" in defaultImport32 ? defaultImport32.default : defaultImport32;
 
 // esm-externals:lodash/find
 var find_exports = {};
 __export(find_exports, {
   default: () => find_default
 });
-var defaultImport32 = __toESM(require("lodash/find"));
+var defaultImport33 = __toESM(require("lodash/find"));
 __reExport(find_exports, require("lodash/find"));
-var find_default = "default" in defaultImport32 ? defaultImport32.default : defaultImport32;
+var find_default = "default" in defaultImport33 ? defaultImport33.default : defaultImport33;
 
 // esm-externals:lodash/sortBy
 var sortBy_exports = {};
 __export(sortBy_exports, {
   default: () => sortBy_default
 });
-var defaultImport33 = __toESM(require("lodash/sortBy"));
+var defaultImport34 = __toESM(require("lodash/sortBy"));
 __reExport(sortBy_exports, require("lodash/sortBy"));
-var sortBy_default = "default" in defaultImport33 ? defaultImport33.default : defaultImport33;
+var sortBy_default = "default" in defaultImport34 ? defaultImport34.default : defaultImport34;
 
 // esm-externals:lodash/flattenDeep
 var flattenDeep_exports = {};
 __export(flattenDeep_exports, {
   default: () => flattenDeep_default
 });
-var defaultImport34 = __toESM(require("lodash/flattenDeep"));
+var defaultImport35 = __toESM(require("lodash/flattenDeep"));
 __reExport(flattenDeep_exports, require("lodash/flattenDeep"));
-var flattenDeep_default = "default" in defaultImport34 ? defaultImport34.default : defaultImport34;
+var flattenDeep_default = "default" in defaultImport35 ? defaultImport35.default : defaultImport35;
 
 // src/Punchcard/PurePunchcard/src/utils/sortUtils.js
 var TIME_RANGES = {