@splunk/visualizations 27.1.0 → 27.2.0

package/Rectangle.js

@@ -485,7 +485,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "27.1.0 - fe8b048df",
+        "data-splunk-visualization-version": "27.2.0 - 2e7eda8d4",
         width,
         height,
         backgroundColor
@@ -551,7 +551,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "27.1.0 - fe8b048df"
+  "data-splunk-visualization-version": "27.2.0 - 2e7eda8d4"
 })`
     position: relative;
     width: 100%;

package/Sankey.js

@@ -485,7 +485,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "27.1.0 - fe8b048df",
+        "data-splunk-visualization-version": "27.2.0 - 2e7eda8d4",
         width,
         height,
         backgroundColor
@@ -551,7 +551,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "27.1.0 - fe8b048df"
+  "data-splunk-visualization-version": "27.2.0 - 2e7eda8d4"
 })`
     position: relative;
     width: 100%;

package/Scatter.js

@@ -2295,7 +2295,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "27.1.0 - fe8b048df",
+        "data-splunk-visualization-version": "27.2.0 - 2e7eda8d4",
         width,
         height,
         backgroundColor
@@ -2361,7 +2361,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "27.1.0 - fe8b048df"
+  "data-splunk-visualization-version": "27.2.0 - 2e7eda8d4"
 })`
     position: relative;
     width: 100%;

package/SingleValue.js

@@ -60,7 +60,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 
-// src/SingleValue/SingleValue.ts
+// src/SingleValue/index.ts
 var SingleValue_exports = {};
 __export(SingleValue_exports, {
   PureSingleValue: () => PureSingleValue,
@@ -350,13 +350,13 @@ var computeText = ({
   return text;
 };
 var getMajorText = ({
-  majorValue,
+  majorValueDisplay,
   numberPrecision,
   shouldUseThousandSeparators,
   shouldAbbreviateMajorValue
 }) => computeText({
-  value: majorValue === null ? "N/A" : majorValue,
-  // if majorValue is null, use `N/A`.
+  value: majorValueDisplay === null ? "N/A" : majorValueDisplay,
+  // if majorValueDisplay is null, use `N/A`.
   numberPrecision,
   shouldUseThousandSeparators,
   shouldAbbreviateValue: shouldAbbreviateMajorValue
@@ -423,6 +423,7 @@ var getMajorAndTrend = ({
   width,
   height,
   majorValue,
+  majorValueDisplay,
   trendValue,
   majorFontSize,
   trendFontSize,
@@ -437,7 +438,7 @@ var getMajorAndTrend = ({
   const textContentWidth = width * 0.9;
   const textContentHeight = height * 0.9;
   const majorText = getMajorText({
-    majorValue,
+    majorValueDisplay,
     numberPrecision,
     shouldUseThousandSeparators,
     shouldAbbreviateMajorValue
@@ -475,6 +476,7 @@ var updateVizInSmallSpace = ({
   height,
   toRemoveList,
   majorValue,
+  majorValueDisplay,
   trendValue,
   majorFontSize,
   trendFontSize,
@@ -495,6 +497,7 @@ var updateVizInSmallSpace = ({
     });
     newMajorAndTrend = getMajorAndTrend(__spreadValues({
       majorValue,
+      majorValueDisplay,
       trendValue,
       majorFontSize,
       trendFontSize,
@@ -509,9 +512,10 @@ var updateVizInSmallSpace = ({
     removeIndex += 1;
   }
   if (newTextSize < 12) {
-    const truncateValue = `${majorValue.toString().slice(0, 3)}...`;
+    const truncateValue = `${(majorValueDisplay || majorValue).toString().slice(0, 3)}...`;
     newMajorAndTrend = getMajorAndTrend(__spreadValues({
-      majorValue: truncateValue,
+      majorValue,
+      majorValueDisplay: truncateValue,
       trendValue,
       majorFontSize,
       trendFontSize,
@@ -531,6 +535,7 @@ var computeSingleValueContent = ({
   containerWidth,
   containerHeight,
   majorValue,
+  majorValueDisplay,
   trendValue,
   majorFontSize,
   trendFontSize,
@@ -544,6 +549,7 @@ var computeSingleValueContent = ({
 }) => {
   let { majorText, trendText, majorTextFontSize, trendTextFontSize } = getMajorAndTrend({
     majorValue,
+    majorValueDisplay: majorValueDisplay || majorValue,
     trendValue,
     majorFontSize,
     trendFontSize,
@@ -564,6 +570,7 @@ var computeSingleValueContent = ({
       height: containerHeight,
       toRemoveList,
       majorValue,
+      majorValueDisplay: majorValueDisplay || majorValue,
       trendValue,
       majorFontSize,
       trendFontSize,
@@ -1697,6 +1704,7 @@ var SingleValue = (_a) => {
     style,
     majorFontSize,
     majorValue,
+    majorValueDisplay,
     majorValueField,
     trendValue,
     trendFontSize,
@@ -1801,6 +1809,7 @@ var SingleValue = (_a) => {
       smallVizProps
     } = computeSingleValueContent({
       majorValue,
+      majorValueDisplay,
       trendValue,
       majorFontSize,
       trendFontSize,
@@ -1893,6 +1902,7 @@ SingleValue.propTypes = {
   style: prop_types_default.object,
   sparklineValues: prop_types_default.arrayOf(prop_types_default.oneOfType([prop_types_default.string, prop_types_default.number])),
   majorValue: prop_types_default.oneOfType([prop_types_default.string, prop_types_default.number]),
+  majorValueDisplay: prop_types_default.oneOfType([prop_types_default.string, prop_types_default.number]),
   majorColor: prop_types_default.string,
   majorFontSize: prop_types_default.number,
   majorValueField: prop_types_default.string,
@@ -2292,7 +2302,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "27.1.0 - fe8b048df",
+        "data-splunk-visualization-version": "27.2.0 - 2e7eda8d4",
         width,
         height,
         backgroundColor
@@ -2358,7 +2368,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "27.1.0 - fe8b048df"
+  "data-splunk-visualization-version": "27.2.0 - 2e7eda8d4"
 })`
     position: relative;
     width: 100%;