@splunk/visualizations 28.4.0 → 28.5.0

package/Scatter.config.js

@@ -248,7 +248,7 @@ var TrellisBackgroundColorEditor = {
   showEditor: isTrellisEnabled
 };
 
-// src/common/editorConfig/AxesChartDataDisplay.ts
+// src/common/editorConfig/AxesChartDataConfig.ts
 var isTrellisFeatureFlagOn2 = ({ featureFlags }) => {
   return Boolean(featureFlags == null ? void 0 : featureFlags.visualizations_enableTrellis);
 };
@@ -256,146 +256,8 @@ var isTrellisEnabled2 = ({ options, featureFlags }) => {
   const { splitByLayout = visualization_schemas_exports.LAYOUT_TYPE.Off } = options;
   return isTrellisFeatureFlagOn2({ featureFlags }) && splitByLayout === visualization_schemas_exports.LAYOUT_TYPE.Trellis;
 };
-var AxesChartDataDisplayBase = {
-  label: (0, i18n_exports._)("Data display"),
-  layout: [
-    [
-      {
-        label: (0, i18n_exports._)("Stack mode"),
-        option: "stackMode",
-        editor: "editor.select",
-        editorProps: {
-          values: [
-            { label: (0, i18n_exports._)("Not stacked"), value: "auto" },
-            { label: (0, i18n_exports._)("Stacked"), value: "stacked" },
-            { label: (0, i18n_exports._)("Stacked 100%"), value: "stacked100" }
-          ]
-        }
-      }
-    ],
-    [
-      {
-        label: (0, i18n_exports._)("Null value display"),
-        option: "nullValueDisplay",
-        editor: "editor.radioBar",
-        editorProps: {
-          values: [
-            { label: (0, i18n_exports._)("Gaps"), value: "gaps" },
-            { label: (0, i18n_exports._)("Zero"), value: "zero" },
-            { label: (0, i18n_exports._)("Connect"), value: "connect" }
-          ]
-        }
-      }
-    ],
-    [
-      {
-        label: (0, i18n_exports._)("Data value display"),
-        option: "dataValuesDisplay",
-        editor: "editor.radioBar",
-        editorProps: {
-          values: [
-            { label: (0, i18n_exports._)("Off"), value: "off" },
-            { label: (0, i18n_exports._)("All"), value: "all" },
-            { label: (0, i18n_exports._)("Min/Max"), value: "minmax" }
-          ]
-        }
-      }
-    ],
-    [
-      {
-        label: (0, i18n_exports._)("Overlay fields"),
-        option: "overlayFields",
-        editor: "editor.columnMultiSelectionByFieldNameEditor",
-        editorProps: {
-          filterByTypes: ["number"]
-        },
-        isDisabled: isTrellisEnabled2
-      }
-    ],
-    [
-      {
-        label: (0, i18n_exports._)("Split series"),
-        option: "showSplitSeries",
-        editor: "editor.toggle"
-      }
-    ],
-    [
-      {
-        label: (0, i18n_exports._)("Independent y-axis for split series"),
-        option: "showIndependentYRanges",
-        editor: "editor.checkbox",
-        showEditor: ({ options }) => options.showSplitSeries
-      }
-    ],
-    ...TimechartTrellisEditorConfig
-  ]
-};
-var AxesChartDataDisplayBar = {
-  label: AxesChartDataDisplayBase.label,
-  layout: [
-    AxesChartDataDisplayBase.layout[0],
-    // remove null value display editor at index 1
-    ...AxesChartDataDisplayBase.layout.slice(2)
-  ]
-};
-var AxesChartDataDisplayScatter = {
-  label: AxesChartDataDisplayBase.label,
-  layout: [
-    ...TrellisEditorConfig,
-    [
-      {
-        label: (0, i18n_exports._)("Shared y-axis scale"),
-        option: "trellisSharedScale",
-        editor: "editor.checkbox",
-        showEditor: isTrellisEnabled2
-      }
-    ]
-  ]
-};
-var AxesChartDataDisplayColumn = {
-  label: AxesChartDataDisplayBase.label,
-  layout: [
-    AxesChartDataDisplayBase.layout[0],
-    // remove null value display and add data value display
-    AxesChartDataDisplayBase.layout[2],
-    [
-      {
-        label: (0, i18n_exports._)("Show tooltip on hover"),
-        option: "showTooltip",
-        editor: "editor.checkbox"
-      }
-    ],
-    ...AxesChartDataDisplayBase.layout.slice(3),
-    [
-      {
-        label: (0, i18n_exports._)("Column grouping mode"),
-        option: "columnGrouping",
-        editor: "editor.radioBar",
-        editorProps: {
-          values: [
-            { label: (0, i18n_exports._)("Auto"), value: "auto" },
-            { label: (0, i18n_exports._)("Overlay"), value: "overlay" }
-          ]
-        }
-      }
-    ]
-  ]
-};
-var AxesChartDataDisplayLine = {
-  label: AxesChartDataDisplayBase.label,
-  layout: [
-    // remove stacked mode editor
-    ...AxesChartDataDisplayBase.layout.slice(1)
-  ]
-};
-
-// src/common/editorConfig/AxesChartDataConfig.ts
-var isTrellisFeatureFlagOn3 = ({ featureFlags }) => {
-  return Boolean(featureFlags == null ? void 0 : featureFlags.visualizations_enableTrellis);
-};
-var isTrellisEnabled3 = ({ options, featureFlags }) => {
-  const { splitByLayout = visualization_schemas_exports.LAYOUT_TYPE.Off } = options;
-  return isTrellisFeatureFlagOn3({ featureFlags }) && splitByLayout === visualization_schemas_exports.LAYOUT_TYPE.Trellis;
+var isAcceleratedRenderFeatureFlagOn = ({ featureFlags }) => {
+  return Boolean(featureFlags == null ? void 0 : featureFlags.visualizations_enableAcceleratedRender);
 };
 var AxesChartDataConfig = {
   label: (0, i18n_exports._)("Data configurations"),
@@ -458,7 +320,7 @@ var AxesChartDataConfigBar = {
         supportsDSL: true,
         expectedDataPrimitive: ["series", "frame"]
       },
-      isDisabled: isTrellisEnabled3
+      isDisabled: isTrellisEnabled2
     }
   ])
 };
@@ -530,9 +392,6 @@ var AxesChartDataConfigBubble = {
     }
   ])
 };
-var isAcceleratedRenderFeatureFlagOn = ({ featureFlags }) => {
-  return Boolean(featureFlags == null ? void 0 : featureFlags.visualizations_enableAcceleratedRender);
-};
 var AcceleratedRenderEditorLayout = [
   [
     {
@@ -542,7 +401,7 @@ var AcceleratedRenderEditorLayout = [
       showEditor: isAcceleratedRenderFeatureFlagOn,
       editorProps: {
         help: (0, i18n_exports._)(
-          "Render visualizations faster for large datasets. Some functionalities might not be available in this mode."
+          "Render visualizations faster for large datasets. Split series is not available in this mode."
         ),
         helpFormat: "under"
         // helpTextLink: {
@@ -587,6 +446,168 @@ var AxesChartDataConfigLine = __spreadProps(__spreadValues({}, AxesChartDataConf
   layout: [...AcceleratedRenderEditorLayout, ...AxesChartDataConfigAreaColumnLine.layout]
 });
 
+// src/common/editorConfig/AxesChartDataDisplay.ts
+var isTrellisFeatureFlagOn3 = ({ featureFlags }) => {
+  return Boolean(featureFlags == null ? void 0 : featureFlags.visualizations_enableTrellis);
+};
+var isTrellisEnabled3 = ({ options, featureFlags }) => {
+  const { splitByLayout = visualization_schemas_exports.LAYOUT_TYPE.Off } = options;
+  return isTrellisFeatureFlagOn3({ featureFlags }) && splitByLayout === visualization_schemas_exports.LAYOUT_TYPE.Trellis;
+};
+var isAcceleratedRenderEnabled = ({ options, featureFlags }) => {
+  const { acceleratedRender } = options;
+  return isAcceleratedRenderFeatureFlagOn({ featureFlags }) && acceleratedRender;
+};
+var AxesChartDataDisplayBase = {
+  label: (0, i18n_exports._)("Data display"),
+  layout: [
+    [
+      {
+        label: (0, i18n_exports._)("Stack mode"),
+        option: "stackMode",
+        editor: "editor.select",
+        editorProps: {
+          values: [
+            { label: (0, i18n_exports._)("Not stacked"), value: "auto" },
+            { label: (0, i18n_exports._)("Stacked"), value: "stacked" },
+            { label: (0, i18n_exports._)("Stacked 100%"), value: "stacked100" }
+          ]
+        }
+      }
+    ],
+    [
+      {
+        label: (0, i18n_exports._)("Null value display"),
+        option: "nullValueDisplay",
+        editor: "editor.radioBar",
+        editorProps: {
+          values: [
+            { label: (0, i18n_exports._)("Gaps"), value: "gaps" },
+            { label: (0, i18n_exports._)("Zero"), value: "zero" },
+            { label: (0, i18n_exports._)("Connect"), value: "connect" }
+          ]
+        }
+      }
+    ],
+    [
+      {
+        label: (0, i18n_exports._)("Data value display"),
+        option: "dataValuesDisplay",
+        editor: "editor.radioBar",
+        editorProps: {
+          values: [
+            { label: (0, i18n_exports._)("Off"), value: "off" },
+            { label: (0, i18n_exports._)("All"), value: "all" },
+            { label: (0, i18n_exports._)("Min/Max"), value: "minmax" }
+          ]
+        }
+      }
+    ],
+    [
+      {
+        label: (0, i18n_exports._)("Overlay fields"),
+        option: "overlayFields",
+        editor: "editor.columnMultiSelectionByFieldNameEditor",
+        editorProps: {
+          filterByTypes: ["number"]
+        },
+        isDisabled: isTrellisEnabled3
+      }
+    ],
+    [
+      {
+        label: (0, i18n_exports._)("Split series"),
+        option: "showSplitSeries",
+        editor: "editor.toggle",
+        isDisabled: isAcceleratedRenderEnabled
+      }
+    ],
+    [
+      {
+        label: (0, i18n_exports._)("Independent y-axis for split series"),
+        option: "showIndependentYRanges",
+        editor: "editor.checkbox",
+        showEditor: ({ options, featureFlags }) => options.showSplitSeries && !isAcceleratedRenderEnabled({ options, featureFlags })
+      }
+    ],
+    [
+      {
+        label: (0, i18n_exports._)("Step position"),
+        option: "stepPosition",
+        editor: "editor.radioBar",
+        editorProps: {
+          values: [
+            { label: (0, i18n_exports._)("Off"), value: "off" },
+            { label: (0, i18n_exports._)("Before"), value: "before" },
+            { label: (0, i18n_exports._)("After"), value: "after" }
+          ]
+        },
+        showEditor: ({ options, featureFlags }) => isAcceleratedRenderEnabled({ options, featureFlags })
+        // step position is only supported when accelerated render is enabled
+      }
+    ],
+    ...TimechartTrellisEditorConfig
+  ]
+};
+var AxesChartDataDisplayBar = {
+  label: AxesChartDataDisplayBase.label,
+  layout: [
+    AxesChartDataDisplayBase.layout[0],
+    // remove null value display editor at index 1
+    ...AxesChartDataDisplayBase.layout.slice(2)
+  ]
+};
+var AxesChartDataDisplayScatter = {
+  label: AxesChartDataDisplayBase.label,
+  layout: [
+    ...TrellisEditorConfig,
+    [
+      {
+        label: (0, i18n_exports._)("Shared y-axis scale"),
+        option: "trellisSharedScale",
+        editor: "editor.checkbox",
+        showEditor: isTrellisEnabled3
+      }
+    ]
+  ]
+};
+var AxesChartDataDisplayColumn = {
+  label: AxesChartDataDisplayBase.label,
+  layout: [
+    AxesChartDataDisplayBase.layout[0],
+    // remove null value display and add data value display
+    AxesChartDataDisplayBase.layout[2],
+    [
+      {
+        label: (0, i18n_exports._)("Show tooltip on hover"),
+        option: "showTooltip",
+        editor: "editor.checkbox"
+      }
+    ],
+    ...AxesChartDataDisplayBase.layout.slice(3),
+    [
+      {
+        label: (0, i18n_exports._)("Column grouping mode"),
+        option: "columnGrouping",
+        editor: "editor.radioBar",
+        editorProps: {
+          values: [
+            { label: (0, i18n_exports._)("Auto"), value: "auto" },
+            { label: (0, i18n_exports._)("Overlay"), value: "overlay" }
+          ]
+        }
+      }
+    ]
+  ]
+};
+var AxesChartDataDisplayLine = {
+  label: AxesChartDataDisplayBase.label,
+  layout: [
+    // remove stacked mode editor
+    ...AxesChartDataDisplayBase.layout.slice(1)
+  ]
+};
+
 // src/common/editorConfig/AxesChartXGridAndLabels.ts
 var AxesChartXGridAndLabelsCommon = {
   label: (0, i18n_exports._)("X-axis grid and labels"),
@@ -982,7 +1003,7 @@ var AxesChartLegendWithTrellisAndMode = ({
             { label: (0, i18n_exports._)("Bottom"), value: "bottom" },
             { label: (0, i18n_exports._)("Off"), value: "off" }
           ],
-          tooltip: showLegendTooltip && (0, i18n_exports._)('Legend mode must be "Standard" to configure legend display')
+          tooltip: showLegendTooltip ? (0, i18n_exports._)('Legend mode must be "Standard" to configure legend display') : void 0
         },
         isDisabled: showLegendTooltip ? ({ options }) => options.legendMode === "seriesCompare" : void 0,
         overrideDefaultValue: ({ options }) => (options == null ? void 0 : options.splitByLayout) === "trellis" ? "off" : "right"