@splunk/visualizations 25.8.1 → 25.9.1

package/Line.js

@@ -260,7 +260,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
     }
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "25.8.1 - 742d5fb96",
+      "data-splunk-visualization-version": "25.9.1 - 5ba41e723",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -904,10 +904,18 @@ var withDashboardViz = function withDashboardViz(opts) {
     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')),
+    var _React$useState5 = React.useState({}),
       _React$useState6 = _slicedToArray(_React$useState5, 2),
-      useAsyncEvaluatedOptions = _React$useState6[0],
-      setUseAsyncEvaluatedOptions = _React$useState6[1];
+      dataSourcesInState = _React$useState6[0],
+      setDataSourcesInState = _React$useState6[1];
+    var _React$useState7 = React.useState(),
+      _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')),
+      _React$useState10 = _slicedToArray(_React$useState9, 2),
+      useAsyncEvaluatedOptions = _React$useState10[0],
+      setUseAsyncEvaluatedOptions = _React$useState10[1];
     evaluatedOptions = useDeepMemo_1.useDeepMemo(function () {
       try {
         if (useAsyncEvaluatedOptions) {
@@ -930,10 +938,16 @@ var withDashboardViz = function withDashboardViz(opts) {
             setUseAsyncEvaluatedOptions(false);
           });
         } else {
+          var dataFrames = dataFramesInState;
+          if (dataSources !== dataSourcesInState) {
+            setDataSourcesInState(dataSources);
+            dataFrames = Options_1.Options.dataFrameFromDataSource(dataSources);
+            setDataFramesInState(dataFrames);
+          }
           return Options_1.Options.evaluate({
             context: lodash_1.defaultsDeep({}, context, vizConfig.defaultContext),
             options: hocUtils_1.deepMergeWithArrayPrimitiveOverrides({}, options, defaultOptions)
-          }, dataSources, themeFunc);
+          }, dataSources, themeFunc, dataFrames);
         }
       } catch (e) {
         // eslint-disable-next-line no-console
@@ -1395,7 +1409,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.8.1 - 742d5fb96"
+  'data-splunk-visualization-version': "25.9.1 - 5ba41e723"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
@@ -1997,7 +2011,9 @@ var Charting = function Charting(props) {
         chart.current.prepareAndDraw(chartData, updatedOptions, function () {});
       }
       if (chart.current) {
-        chart.current.resize(computedWidth, computedHeight);
+        if (Math.round(chart.current.height) !== Math.round(computedHeight) || Math.round(chart.current.width) !== Math.round(computedWidth)) {
+          chart.current.resize(computedWidth, computedHeight);
+        }
       }
       needsInit.current = false;
       needsRedraw.current = false;
@@ -3591,7 +3607,7 @@ var optionsSchema = {
   },
   lineWidth: {
     default: 2,
-    description: 'Specify the line width, in pixels, for all line series.',
+    description: 'Specify the line width (px), for all line series.',
     type: 'number'
   },
   markerDisplay: {
@@ -3624,6 +3640,11 @@ var optionsSchema = {
     description: 'Specify the colors used for specific fields in a series. For example, {“count”: “#008000”, “percent”: “#FFA500”}.',
     type: 'object'
   },
+  showLineSmoothing: {
+    default: false,
+    description: 'Specify whether lines are straight or smoothed using curves.',
+    type: 'boolean'
+  },
   showIndependentYRanges: {
     default: false,
     description: 'Specify whether split series charts have independent y-ranges.',
@@ -3778,7 +3799,7 @@ var optionsSchema = {
     default: 3,
     minimum: 1,
     maximum: 3,
-    description: 'Specify the maximum number of time-parts that a tick label will have (the 3 possible parts are year, month, time).',
+    description: 'Specify the maximum number of time-parts for a tick label. The 3 possible parts are year, month, and time. Values can range from 1 to 3.',
     type: 'number'
   },
   xAxisTitleText: {
@@ -3836,7 +3857,7 @@ var optionsSchema = {
   y2AxisMajorTickInterval: {
     default: 'auto',
     description: 'Specify the spacing unit between major tick marks along the numeric y2-axis.',
-    type: ['number', 'string']
+    type: ['string', 'number']
   },
   // TODO(SCP-40274): Restrict string value to only 'auto' to achieve precise schema validation
   yAxisMax: {
@@ -3939,6 +3960,10 @@ var editorConfig = [AxesChartDataConfig_1.AxesChartDataConfigAreaColumnLine, Axe
       max: 8.0,
       step: 0.5
     }
+  }], [{
+    label: i18n_1._('Line smoothing'),
+    option: 'showLineSmoothing',
+    editor: 'editor.toggle'
   }], [{
     label: i18n_1._('Marker display'),
     option: 'markerDisplay',
@@ -4026,7 +4051,7 @@ var editorConfig = [AxesChartDataConfig_1.AxesChartDataConfigAreaColumnLine, Axe
         label: i18n_1._('Standard'),
         value: 'standard'
       }, {
-        label: i18n_1._('Series Compare'),
+        label: i18n_1._('Compare series'),
         value: 'seriesCompare'
       }]
     }
@@ -4121,7 +4146,8 @@ var lineOptionsSCMapping = {
   showRoundedY2AxisLabels: 'roundY2AxisLabelsToInteger',
   xAxisLineVisibility: 'xAxisVisibility',
   yAxisLineVisibility: 'yAxisVisibility',
-  y2AxisLineVisibility: 'y2AxisVisibility'
+  y2AxisLineVisibility: 'y2AxisVisibility',
+  showLineSmoothing: 'enableLineSmoothing'
 };
 // key value mapping of what options (and their corresponding values) which we expose in config.ts to property values SC understands
 exports.lineOptionValuesSCMapping = {