@splunk/visualizations 26.2.1 → 26.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (150) hide show
  1. package/Area.config.js +92 -595
  2. package/Area.config.js.map +1 -1
  3. package/Area.js +296 -801
  4. package/Area.js.map +1 -1
  5. package/Bar.config.js +93 -562
  6. package/Bar.config.js.map +1 -1
  7. package/Bar.js +299 -770
  8. package/Bar.js.map +1 -1
  9. package/Bubble.config.js +84 -483
  10. package/Bubble.config.js.map +1 -1
  11. package/Bubble.js +286 -687
  12. package/Bubble.js.map +1 -1
  13. package/ChoroplethSvg.config.js +77 -202
  14. package/ChoroplethSvg.config.js.map +1 -1
  15. package/ChoroplethSvg.js +272 -400
  16. package/ChoroplethSvg.js.map +1 -1
  17. package/Column.config.js +93 -600
  18. package/Column.config.js.map +1 -1
  19. package/Column.js +299 -808
  20. package/Column.js.map +1 -1
  21. package/Ellipse.config.js +82 -200
  22. package/Ellipse.config.js.map +1 -1
  23. package/Ellipse.js +233 -356
  24. package/Ellipse.js.map +1 -1
  25. package/Events.config.js +62 -283
  26. package/Events.config.js.map +1 -1
  27. package/Events.js +326 -530
  28. package/Events.js.map +1 -1
  29. package/FillerGauge.config.js +91 -220
  30. package/FillerGauge.config.js.map +1 -1
  31. package/FillerGauge.js +267 -401
  32. package/FillerGauge.js.map +1 -1
  33. package/Image.config.js +61 -157
  34. package/Image.config.js.map +1 -1
  35. package/Image.js +217 -327
  36. package/Image.js.map +1 -1
  37. package/Line.config.js +92 -607
  38. package/Line.config.js.map +1 -1
  39. package/Line.js +297 -814
  40. package/Line.js.map +1 -1
  41. package/LinkGraph.config.js +75 -257
  42. package/LinkGraph.config.js.map +1 -1
  43. package/LinkGraph.js +1755 -17415
  44. package/LinkGraph.js.map +1 -1
  45. package/MIGRATION.md +6 -0
  46. package/Map.config.js +128 -1123
  47. package/Map.config.js.map +1 -1
  48. package/Map.js +470 -782
  49. package/Map.js.map +1 -1
  50. package/Markdown.config.js +62 -189
  51. package/Markdown.config.js.map +1 -1
  52. package/Markdown.js +272 -401
  53. package/Markdown.js.map +1 -1
  54. package/MarkerGauge.config.js +138 -298
  55. package/MarkerGauge.config.js.map +1 -1
  56. package/MarkerGauge.js +309 -470
  57. package/MarkerGauge.js.map +1 -1
  58. package/ParallelCoordinates.config.js +72 -192
  59. package/ParallelCoordinates.config.js.map +1 -1
  60. package/ParallelCoordinates.js +333 -442
  61. package/ParallelCoordinates.js.map +1 -1
  62. package/Pie.config.js +77 -241
  63. package/Pie.config.js.map +1 -1
  64. package/Pie.js +336 -471
  65. package/Pie.js.map +1 -1
  66. package/Punchcard.config.js +72 -306
  67. package/Punchcard.config.js.map +1 -1
  68. package/Punchcard.js +356 -583
  69. package/Punchcard.js.map +1 -1
  70. package/Rectangle.config.js +211 -347
  71. package/Rectangle.config.js.map +1 -1
  72. package/Rectangle.js +371 -509
  73. package/Rectangle.js.map +1 -1
  74. package/Sankey.config.js +72 -214
  75. package/Sankey.config.js.map +1 -1
  76. package/Sankey.js +343 -475
  77. package/Sankey.js.map +1 -1
  78. package/Scatter.config.js +86 -464
  79. package/Scatter.config.js.map +1 -1
  80. package/Scatter.js +1118 -1493
  81. package/Scatter.js.map +1 -1
  82. package/SingleValue.config.js +124 -411
  83. package/SingleValue.config.js.map +1 -1
  84. package/SingleValue.js +522 -789
  85. package/SingleValue.js.map +1 -1
  86. package/SingleValueBasic.js +73 -61
  87. package/SingleValueBasic.js.map +1 -1
  88. package/SingleValueIcon.config.js +123 -380
  89. package/SingleValueIcon.config.js.map +1 -1
  90. package/SingleValueIcon.js +508 -745
  91. package/SingleValueIcon.js.map +1 -1
  92. package/SingleValueRadial.config.js +121 -385
  93. package/SingleValueRadial.config.js.map +1 -1
  94. package/SingleValueRadial.js +1642 -1885
  95. package/SingleValueRadial.js.map +1 -1
  96. package/SparkLine.js +39 -39
  97. package/SparkLine.js.map +1 -1
  98. package/Table.config.js +82 -496
  99. package/Table.config.js.map +1 -1
  100. package/Table.js +416 -825
  101. package/Table.js.map +1 -1
  102. package/common/Charting.js +37 -57
  103. package/common/Charting.js.map +1 -1
  104. package/common/DocExampleWithVizSandbox.js +21 -21
  105. package/common/DocExampleWithVizSandbox.js.map +1 -1
  106. package/common/EventsDoc.js +18 -18
  107. package/common/EventsDoc.js.map +1 -1
  108. package/common/GaugeMajorTicks.js +4 -4
  109. package/common/GaugeMajorTicks.js.map +1 -1
  110. package/common/GaugeValueMarker.js +2 -2
  111. package/common/GaugeValueMarker.js.map +1 -1
  112. package/common/OptionsDoc.js +4 -4
  113. package/common/OptionsDoc.js.map +1 -1
  114. package/common/OverviewDoc.js +39 -40
  115. package/common/OverviewDoc.js.map +1 -1
  116. package/common/SplunkVisualization.js +2 -2
  117. package/common/SplunkVisualization.js.map +1 -1
  118. package/common/SplunkVisualizationApi.js +2 -2
  119. package/common/SplunkVisualizationApi.js.map +1 -1
  120. package/common/ThemesDoc.js +19 -19
  121. package/common/ThemesDoc.js.map +1 -1
  122. package/common/chartingUtils.js +2 -2
  123. package/common/chartingUtils.js.map +1 -1
  124. package/common/gaugeUtils.js +10 -10
  125. package/common/gaugeUtils.js.map +1 -1
  126. package/common/shapeUtils.js +10 -10
  127. package/common/shapeUtils.js.map +1 -1
  128. package/common/utils/configUtils.js +25 -155
  129. package/common/utils/configUtils.js.map +1 -1
  130. package/common/utils/dataUtils.js +87 -105
  131. package/common/utils/dataUtils.js.map +1 -1
  132. package/common/utils/featureFlagUtils.js +4 -4
  133. package/common/utils/featureFlagUtils.js.map +1 -1
  134. package/common/utils/hocUtils.js +2 -2
  135. package/common/utils/hocUtils.js.map +1 -1
  136. package/common/utils/mapUtils.js +51 -54
  137. package/common/utils/mapUtils.js.map +1 -1
  138. package/common/utils/singleValueUtils.js +30 -18
  139. package/common/utils/singleValueUtils.js.map +1 -1
  140. package/common/utils/testHelper.js +7 -36
  141. package/common/utils/testHelper.js.map +1 -1
  142. package/common/utils/trellisUtils.js +7 -6
  143. package/common/utils/trellisUtils.js.map +1 -1
  144. package/common/utils/urlUtils.js +2 -2
  145. package/common/utils/urlUtils.js.map +1 -1
  146. package/common/withDashboardViz.js +93 -101
  147. package/common/withDashboardViz.js.map +1 -1
  148. package/package.json +48 -50
  149. package/common/utils/layoutUtils.js +0 -115
  150. package/common/utils/layoutUtils.js.map +0 -1
@@ -87,7 +87,7 @@ module.exports =
87
87
  /******/
88
88
  /******/
89
89
  /******/ // Load entry module and return exports
90
- /******/ return __webpack_require__(__webpack_require__.s = 104);
90
+ /******/ return __webpack_require__(__webpack_require__.s = 101);
91
91
  /******/ })
92
92
  /************************************************************************/
93
93
  /******/ ({
@@ -95,18 +95,25 @@ module.exports =
95
95
  /***/ 0:
96
96
  /***/ (function(module, exports) {
97
97
 
98
- module.exports = require("react");
98
+ module.exports = require("prop-types");
99
99
 
100
100
  /***/ }),
101
101
 
102
102
  /***/ 1:
103
103
  /***/ (function(module, exports) {
104
104
 
105
- module.exports = require("prop-types");
105
+ module.exports = require("react");
106
+
107
+ /***/ }),
108
+
109
+ /***/ 10:
110
+ /***/ (function(module, exports) {
111
+
112
+ module.exports = require("@splunk/visualizations-shared/numberUtils");
106
113
 
107
114
  /***/ }),
108
115
 
109
- /***/ 104:
116
+ /***/ 101:
110
117
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
111
118
 
112
119
  "use strict";
@@ -117,15 +124,15 @@ __webpack_require__.r(__webpack_exports__);
117
124
  __webpack_require__.d(__webpack_exports__, "SingleValueTrendValue", function() { return /* binding */ SingleValueTrendValue; });
118
125
 
119
126
  // EXTERNAL MODULE: external "@babel/runtime/helpers/extends"
120
- var extends_ = __webpack_require__(70);
127
+ var extends_ = __webpack_require__(68);
121
128
  var extends_default = /*#__PURE__*/__webpack_require__.n(extends_);
122
129
 
123
130
  // EXTERNAL MODULE: external "react"
124
- var external_react_ = __webpack_require__(0);
131
+ var external_react_ = __webpack_require__(1);
125
132
  var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
126
133
 
127
134
  // EXTERNAL MODULE: external "prop-types"
128
- var external_prop_types_ = __webpack_require__(1);
135
+ var external_prop_types_ = __webpack_require__(0);
129
136
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
130
137
 
131
138
  // EXTERNAL MODULE: external "styled-components"
@@ -133,18 +140,18 @@ var external_styled_components_ = __webpack_require__(4);
133
140
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
134
141
 
135
142
  // EXTERNAL MODULE: ./src/common/utils/singleValueUtils.js
136
- var singleValueUtils = __webpack_require__(20);
143
+ var singleValueUtils = __webpack_require__(19);
137
144
 
138
145
  // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/ArrowUp"
139
- var ArrowUp_ = __webpack_require__(108);
146
+ var ArrowUp_ = __webpack_require__(105);
140
147
  var ArrowUp_default = /*#__PURE__*/__webpack_require__.n(ArrowUp_);
141
148
 
142
149
  // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/ArrowDown"
143
- var ArrowDown_ = __webpack_require__(109);
150
+ var ArrowDown_ = __webpack_require__(106);
144
151
  var ArrowDown_default = /*#__PURE__*/__webpack_require__.n(ArrowDown_);
145
152
 
146
153
  // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
147
- var i18n_ = __webpack_require__(2);
154
+ var i18n_ = __webpack_require__(3);
148
155
 
149
156
  // CONCATENATED MODULE: ./src/SingleValueBasic/TrendValue.jsx
150
157
 
@@ -156,7 +163,7 @@ var i18n_ = __webpack_require__(2);
156
163
 
157
164
  var Column = external_styled_components_default.a.div.withConfig({
158
165
  displayName: "TrendValue__Column",
159
- componentId: "yd2lvy-0"
166
+ componentId: "sc-yd2lvy-0"
160
167
  })(["display:flex;flex-direction:row;justify-content:", ";height:", "px;", ";"], function (props) {
161
168
  return props.justify || 'flex-end';
162
169
  }, function (props) {
@@ -166,7 +173,7 @@ var Column = external_styled_components_default.a.div.withConfig({
166
173
  });
167
174
  var Text = external_styled_components_default.a.div.withConfig({
168
175
  displayName: "TrendValue__Text",
169
- componentId: "yd2lvy-1"
176
+ componentId: "sc-yd2lvy-1"
170
177
  })(["white-space:nowrap;font-size:", "px;color:", ";font-family:", ";height:", "px;line-height:", "px;display:flex;align-self:baseline;", ";"], function (props) {
171
178
  return props.size || 12;
172
179
  }, function (props) {
@@ -219,7 +226,7 @@ TrendValue_SingleValueContent.propTypes = {
219
226
  };
220
227
  /* harmony default export */ var TrendValue = (TrendValue_SingleValueContent);
221
228
  // EXTERNAL MODULE: external "cssesc"
222
- var external_cssesc_ = __webpack_require__(110);
229
+ var external_cssesc_ = __webpack_require__(107);
223
230
  var external_cssesc_default = /*#__PURE__*/__webpack_require__.n(external_cssesc_);
224
231
 
225
232
  // CONCATENATED MODULE: ./src/SingleValueBasic/MajorValue.jsx
@@ -230,7 +237,7 @@ var external_cssesc_default = /*#__PURE__*/__webpack_require__.n(external_cssesc
230
237
 
231
238
  var Row = external_styled_components_default.a.div.withConfig({
232
239
  displayName: "MajorValue__Row",
233
- componentId: "shlzpv-0"
240
+ componentId: "sc-shlzpv-0"
234
241
  })(["display:flex;flex-direction:row;align-items:flex-end;justify-content:left;height:", "px;line-height:", "px;"], function (props) {
235
242
  return props.size;
236
243
  }, function (props) {
@@ -238,7 +245,7 @@ var Row = external_styled_components_default.a.div.withConfig({
238
245
  });
239
246
  var MajorValue_Text = external_styled_components_default.a.div.withConfig({
240
247
  displayName: "MajorValue__Text",
241
- componentId: "shlzpv-1"
248
+ componentId: "sc-shlzpv-1"
242
249
  })(["white-space:nowrap;height:100%;font-size:", "px;color:", ";font-family:", ";font-weight:bold;&:hover{text-decoration:", ";cursor:", ";}", ""], function (props) {
243
250
  return props.size || 12;
244
251
  }, function (props) {
@@ -329,11 +336,11 @@ MajorValue_SingleValueContent.propTypes = {
329
336
 
330
337
  var SingleValueBasic_Column = external_styled_components_default.a.div.withConfig({
331
338
  displayName: "SingleValueBasic__Column",
332
- componentId: "k0nwrx-0"
339
+ componentId: "sc-k0nwrx-0"
333
340
  })(["display:flex;flex-direction:column;align-self:center;justify-content:center;"]);
334
341
  var SingleValueBasic_Row = external_styled_components_default.a.div.withConfig({
335
342
  displayName: "SingleValueBasic__Row",
336
- componentId: "k0nwrx-1"
343
+ componentId: "sc-k0nwrx-1"
337
344
  })(["display:flex;flex-direction:row;align-items:", ";justify-content:", ";"], function (props) {
338
345
  return props.alignItems || 'center';
339
346
  }, function (props) {
@@ -341,7 +348,7 @@ var SingleValueBasic_Row = external_styled_components_default.a.div.withConfig({
341
348
  });
342
349
  var SingleValueBasic_Text = external_styled_components_default.a.div.withConfig({
343
350
  displayName: "SingleValueBasic__Text",
344
- componentId: "k0nwrx-2"
351
+ componentId: "sc-k0nwrx-2"
345
352
  })(["font-weight:normal;white-space:nowrap;font-size:", "px;color:", ";font-family:", ";height:", "px;line-height:1.2;margin:", ";"], function (props) {
346
353
  return props.size || 12;
347
354
  }, function (props) {
@@ -425,42 +432,35 @@ var SingleValueTrendValue = TrendValue;
425
432
 
426
433
  /***/ }),
427
434
 
428
- /***/ 108:
435
+ /***/ 105:
429
436
  /***/ (function(module, exports) {
430
437
 
431
438
  module.exports = require("@splunk/react-icons/enterprise/ArrowUp");
432
439
 
433
440
  /***/ }),
434
441
 
435
- /***/ 109:
442
+ /***/ 106:
436
443
  /***/ (function(module, exports) {
437
444
 
438
445
  module.exports = require("@splunk/react-icons/enterprise/ArrowDown");
439
446
 
440
447
  /***/ }),
441
448
 
442
- /***/ 11:
443
- /***/ (function(module, exports) {
444
-
445
- module.exports = require("@splunk/visualizations-shared/numberUtils");
446
-
447
- /***/ }),
448
-
449
- /***/ 110:
449
+ /***/ 107:
450
450
  /***/ (function(module, exports) {
451
451
 
452
452
  module.exports = require("cssesc");
453
453
 
454
454
  /***/ }),
455
455
 
456
- /***/ 2:
456
+ /***/ 12:
457
457
  /***/ (function(module, exports) {
458
458
 
459
- module.exports = require("@splunk/ui-utils/i18n");
459
+ module.exports = require("@babel/runtime/helpers/defineProperty");
460
460
 
461
461
  /***/ }),
462
462
 
463
- /***/ 20:
463
+ /***/ 19:
464
464
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
465
465
 
466
466
  "use strict";
@@ -496,17 +496,17 @@ __webpack_require__.r(__webpack_exports__);
496
496
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "lighten", function() { return lighten; });
497
497
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "darken", function() { return darken; });
498
498
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "handleValueClickCallback", function() { return handleValueClickCallback; });
499
- /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9);
499
+ /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(12);
500
500
  /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);
501
- /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
501
+ /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
502
502
  /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
503
- /* harmony import */ var _splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(11);
503
+ /* harmony import */ var _splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(10);
504
504
  /* harmony import */ var _splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_2__);
505
- /* harmony import */ var _splunk_visualizations_shared_domUtils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(76);
505
+ /* harmony import */ var _splunk_visualizations_shared_domUtils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(73);
506
506
  /* harmony import */ var _splunk_visualizations_shared_domUtils__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_domUtils__WEBPACK_IMPORTED_MODULE_3__);
507
- /* harmony import */ var _splunk_visualizations_shared_propUtils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(36);
507
+ /* harmony import */ var _splunk_visualizations_shared_propUtils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(35);
508
508
  /* harmony import */ var _splunk_visualizations_shared_propUtils__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_propUtils__WEBPACK_IMPORTED_MODULE_4__);
509
- /* harmony import */ var _splunk_visualizations_shared_colorConstants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(71);
509
+ /* harmony import */ var _splunk_visualizations_shared_colorConstants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(69);
510
510
  /* harmony import */ var _splunk_visualizations_shared_colorConstants__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_colorConstants__WEBPACK_IMPORTED_MODULE_5__);
511
511
 
512
512
 
@@ -756,7 +756,7 @@ var computeColors = function computeColors(props, defaultColors) {
756
756
  * @param {Number} props.value // The major/trend value
757
757
  * @param {Number} props.numberPrecision
758
758
  * @param {Bool} props.shouldUseThousandSeparators
759
- * @param {Bool} props.shouldAbbreviateTrendValue
759
+ * @param {Bool} props.shouldAbbreviateValue
760
760
  * @returns {Number} major or trend text
761
761
  */
762
762
 
@@ -764,11 +764,11 @@ var computeText = function computeText(_ref4) {
764
764
  var value = _ref4.value,
765
765
  numberPrecision = _ref4.numberPrecision,
766
766
  shouldUseThousandSeparators = _ref4.shouldUseThousandSeparators,
767
- shouldAbbreviateTrendValue = _ref4.shouldAbbreviateTrendValue;
767
+ shouldAbbreviateValue = _ref4.shouldAbbreviateValue;
768
768
  var text = Object(_splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_2__["isNumerial"])(value) ? Object(_splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_2__["formatNumber"])(value, numberPrecision, {
769
769
  useThousandSeparators: shouldUseThousandSeparators,
770
770
  // todo: need update formatNumber
771
- useTrendUnits: shouldAbbreviateTrendValue
771
+ useTrendUnits: shouldAbbreviateValue
772
772
  }) : value; // When text is undefined, return empty string
773
773
 
774
774
  text = text || '';
@@ -780,19 +780,21 @@ var computeText = function computeText(_ref4) {
780
780
  * @param {Number} props.majorValue
781
781
  * @param {Number} props.numberPrecision
782
782
  * @param {Bool} props.shouldUseThousandSeparators
783
+ * @param {Bool} props.shouldAbbreviateMajorValue
783
784
  * @returns {String} majorText
784
785
  */
785
786
 
786
787
  var getMajorText = function getMajorText(_ref5) {
787
788
  var majorValue = _ref5.majorValue,
788
789
  numberPrecision = _ref5.numberPrecision,
789
- shouldUseThousandSeparators = _ref5.shouldUseThousandSeparators;
790
+ shouldUseThousandSeparators = _ref5.shouldUseThousandSeparators,
791
+ shouldAbbreviateMajorValue = _ref5.shouldAbbreviateMajorValue;
790
792
  return computeText({
791
793
  value: majorValue === null ? 'N/A' : majorValue,
792
794
  // if majorValue is null, use `N/A`.
793
795
  numberPrecision: numberPrecision,
794
796
  shouldUseThousandSeparators: shouldUseThousandSeparators,
795
- shouldAbbreviateTrendValue: false
797
+ shouldAbbreviateValue: shouldAbbreviateMajorValue
796
798
  });
797
799
  };
798
800
  /*
@@ -820,7 +822,7 @@ var getTrendText = function getTrendText(_ref6) {
820
822
  value: value,
821
823
  numberPrecision: numberPrecision,
822
824
  shouldUseThousandSeparators: shouldUseThousandSeparators,
823
- shouldAbbreviateTrendValue: shouldAbbreviateTrendValue
825
+ shouldAbbreviateValue: shouldAbbreviateTrendValue
824
826
  });
825
827
  };
826
828
 
@@ -964,6 +966,7 @@ var getUnderLabel = function getUnderLabel(_ref10) {
964
966
  * @param {Number} props.numberPrecision
965
967
  * @param {Bool} props.shouldUseThousandSeparators
966
968
  * @param {Bool} props.shouldAbbreviateTrendValue
969
+ * @param {Bool} props.shouldAbbreviateMajorValue
967
970
  * @returns {Number, Number, Number, Number} Major text, trend text, major text size, trend text size
968
971
  */
969
972
 
@@ -978,14 +981,16 @@ var getMajorAndTrend = function getMajorAndTrend(_ref11) {
978
981
  unit = _ref11.unit,
979
982
  numberPrecision = _ref11.numberPrecision,
980
983
  shouldUseThousandSeparators = _ref11.shouldUseThousandSeparators,
981
- shouldAbbreviateTrendValue = _ref11.shouldAbbreviateTrendValue;
984
+ shouldAbbreviateTrendValue = _ref11.shouldAbbreviateTrendValue,
985
+ shouldAbbreviateMajorValue = _ref11.shouldAbbreviateMajorValue;
982
986
  var majorTextSpaceRatio = Object(_splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_2__["isNumerial"])(trendValue) && shouldShowTrend(trendDisplay) ? 0.6 : 1;
983
987
  var textContentWidth = width * 0.9;
984
988
  var textContentHeight = height * 0.9;
985
989
  var majorText = getMajorText({
986
990
  majorValue: majorValue,
987
991
  numberPrecision: numberPrecision,
988
- shouldUseThousandSeparators: shouldUseThousandSeparators
992
+ shouldUseThousandSeparators: shouldUseThousandSeparators,
993
+ shouldAbbreviateMajorValue: shouldAbbreviateMajorValue
989
994
  });
990
995
  var majorTextFontSize = majorFontSize || getMajorFontSize({
991
996
  width: textContentWidth,
@@ -1111,6 +1116,7 @@ var updateVizInSmallSpace = function updateVizInSmallSpace(_ref12) {
1111
1116
  * @param {Number} props.numberPrecision
1112
1117
  * @param {Bool} props.shouldUseThousandSeparators
1113
1118
  * @param {Bool} props.shouldAbbreviateTrendValue
1119
+ * @param {Bool} props.shouldAbbreviateMajorValue
1114
1120
  * @param {Object} props.toRemoveList
1115
1121
  * @returns {Object} results
1116
1122
  * @returns {String} results.majorText
@@ -1135,6 +1141,7 @@ var computeSingleValueContent = function computeSingleValueContent(_ref13) {
1135
1141
  numberPrecision = _ref13.numberPrecision,
1136
1142
  shouldUseThousandSeparators = _ref13.shouldUseThousandSeparators,
1137
1143
  shouldAbbreviateTrendValue = _ref13.shouldAbbreviateTrendValue,
1144
+ shouldAbbreviateMajorValue = _ref13.shouldAbbreviateMajorValue,
1138
1145
  toRemoveList = _ref13.toRemoveList;
1139
1146
 
1140
1147
  var _getMajorAndTrend = getMajorAndTrend({
@@ -1148,7 +1155,8 @@ var computeSingleValueContent = function computeSingleValueContent(_ref13) {
1148
1155
  unit: unit,
1149
1156
  numberPrecision: numberPrecision,
1150
1157
  shouldUseThousandSeparators: shouldUseThousandSeparators,
1151
- shouldAbbreviateTrendValue: shouldAbbreviateTrendValue
1158
+ shouldAbbreviateTrendValue: shouldAbbreviateTrendValue,
1159
+ shouldAbbreviateMajorValue: shouldAbbreviateMajorValue
1152
1160
  }),
1153
1161
  majorText = _getMajorAndTrend.majorText,
1154
1162
  trendText = _getMajorAndTrend.trendText,
@@ -1237,6 +1245,7 @@ var minimallyTruncateStringToWidth = function minimallyTruncateStringToWidth(_re
1237
1245
  * @param {Number} props.numberPrecision
1238
1246
  * @param {Bool} props.shouldUseThousandSeparators
1239
1247
  * @param {Bool} props.shouldAbbreviateTrendValue
1248
+ * @param {Bool} props.shouldAbbreviateMajorValue,
1240
1249
  * @param {Object} props.toRemoveList
1241
1250
  * @param {Bool} props.smallViz
1242
1251
  * @returns {Object} results
@@ -1262,6 +1271,7 @@ var computeSingleValueRadialContent = function computeSingleValueRadialContent(_
1262
1271
  numberPrecision = _ref15.numberPrecision,
1263
1272
  shouldUseThousandSeparators = _ref15.shouldUseThousandSeparators,
1264
1273
  shouldAbbreviateTrendValue = _ref15.shouldAbbreviateTrendValue,
1274
+ shouldAbbreviateMajorValue = _ref15.shouldAbbreviateMajorValue,
1265
1275
  smallViz = _ref15.smallViz;
1266
1276
 
1267
1277
  var _getMajorAndTrend2 = getMajorAndTrend({
@@ -1275,7 +1285,8 @@ var computeSingleValueRadialContent = function computeSingleValueRadialContent(_
1275
1285
  unit: unit,
1276
1286
  numberPrecision: numberPrecision,
1277
1287
  shouldUseThousandSeparators: shouldUseThousandSeparators,
1278
- shouldAbbreviateTrendValue: shouldAbbreviateTrendValue
1288
+ shouldAbbreviateTrendValue: shouldAbbreviateTrendValue,
1289
+ shouldAbbreviateMajorValue: shouldAbbreviateMajorValue
1279
1290
  }),
1280
1291
  majorText = _getMajorAndTrend2.majorText,
1281
1292
  trendText = _getMajorAndTrend2.trendText,
@@ -1306,7 +1317,8 @@ var computeSingleValueRadialContent = function computeSingleValueRadialContent(_
1306
1317
  trendDisplay: trendDisplay,
1307
1318
  numberPrecision: numberPrecision,
1308
1319
  shouldUseThousandSeparators: shouldUseThousandSeparators,
1309
- shouldAbbreviateTrendValue: shouldAbbreviateTrendValue
1320
+ shouldAbbreviateTrendValue: shouldAbbreviateTrendValue,
1321
+ shouldAbbreviateMajorValue: shouldAbbreviateMajorValue
1310
1322
  });
1311
1323
 
1312
1324
  majorText = _getMajorAndTrend3.majorText;
@@ -1489,14 +1501,21 @@ var handleValueClickCallback = function handleValueClickCallback(ev, majorValue,
1489
1501
 
1490
1502
  /***/ }),
1491
1503
 
1492
- /***/ 3:
1504
+ /***/ 2:
1493
1505
  /***/ (function(module, exports) {
1494
1506
 
1495
1507
  module.exports = require("lodash");
1496
1508
 
1497
1509
  /***/ }),
1498
1510
 
1499
- /***/ 36:
1511
+ /***/ 3:
1512
+ /***/ (function(module, exports) {
1513
+
1514
+ module.exports = require("@splunk/ui-utils/i18n");
1515
+
1516
+ /***/ }),
1517
+
1518
+ /***/ 35:
1500
1519
  /***/ (function(module, exports) {
1501
1520
 
1502
1521
  module.exports = require("@splunk/visualizations-shared/propUtils");
@@ -1510,32 +1529,25 @@ module.exports = require("styled-components");
1510
1529
 
1511
1530
  /***/ }),
1512
1531
 
1513
- /***/ 70:
1532
+ /***/ 68:
1514
1533
  /***/ (function(module, exports) {
1515
1534
 
1516
1535
  module.exports = require("@babel/runtime/helpers/extends");
1517
1536
 
1518
1537
  /***/ }),
1519
1538
 
1520
- /***/ 71:
1539
+ /***/ 69:
1521
1540
  /***/ (function(module, exports) {
1522
1541
 
1523
1542
  module.exports = require("@splunk/visualizations-shared/colorConstants");
1524
1543
 
1525
1544
  /***/ }),
1526
1545
 
1527
- /***/ 76:
1546
+ /***/ 73:
1528
1547
  /***/ (function(module, exports) {
1529
1548
 
1530
1549
  module.exports = require("@splunk/visualizations-shared/domUtils");
1531
1550
 
1532
- /***/ }),
1533
-
1534
- /***/ 9:
1535
- /***/ (function(module, exports) {
1536
-
1537
- module.exports = require("@babel/runtime/helpers/defineProperty");
1538
-
1539
1551
  /***/ })
1540
1552
 
1541
1553
  /******/ });