@splunk/visualizations 26.4.1 → 27.1.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 (153) hide show
  1. package/Area.config.js +1399 -1590
  2. package/Area.config.js.map +7 -1
  3. package/Area.js +3750 -4822
  4. package/Area.js.map +7 -1
  5. package/Bar.config.js +1423 -1566
  6. package/Bar.config.js.map +7 -1
  7. package/Bar.js +3856 -4884
  8. package/Bar.js.map +7 -1
  9. package/Bubble.config.js +1009 -1200
  10. package/Bubble.config.js.map +7 -1
  11. package/Bubble.js +2768 -4491
  12. package/Bubble.js.map +7 -1
  13. package/ChoroplethSvg.config.js +282 -582
  14. package/ChoroplethSvg.config.js.map +7 -1
  15. package/ChoroplethSvg.js +2032 -3808
  16. package/ChoroplethSvg.js.map +7 -1
  17. package/Column.config.js +1390 -1534
  18. package/Column.config.js.map +7 -1
  19. package/Column.js +3849 -4906
  20. package/Column.js.map +7 -1
  21. package/Ellipse.config.js +443 -774
  22. package/Ellipse.config.js.map +7 -1
  23. package/Ellipse.js +1667 -3327
  24. package/Ellipse.js.map +7 -1
  25. package/Events.config.js +207 -492
  26. package/Events.config.js.map +7 -1
  27. package/Events.js +2643 -4647
  28. package/Events.js.map +7 -1
  29. package/FillerGauge.config.js +420 -775
  30. package/FillerGauge.config.js.map +7 -1
  31. package/FillerGauge.js +2164 -4575
  32. package/FillerGauge.js.map +7 -1
  33. package/Image.config.js +144 -411
  34. package/Image.config.js.map +7 -1
  35. package/Image.js +1423 -3046
  36. package/Image.js.map +7 -1
  37. package/Line.config.js +1421 -1616
  38. package/Line.config.js.map +7 -1
  39. package/Line.js +3790 -4901
  40. package/Line.js.map +7 -1
  41. package/LinkGraph.config.js +390 -632
  42. package/LinkGraph.config.js.map +7 -1
  43. package/LinkGraph.js +5272 -6185
  44. package/LinkGraph.js.map +7 -1
  45. package/MIGRATION.md +6 -0
  46. package/Map.config.js +501 -801
  47. package/Map.config.js.map +7 -1
  48. package/Map.js +3382 -5659
  49. package/Map.js.map +7 -1
  50. package/Markdown.config.js +232 -528
  51. package/Markdown.config.js.map +7 -1
  52. package/Markdown.js +1671 -3212
  53. package/Markdown.js.map +7 -1
  54. package/MarkerGauge.config.js +308 -613
  55. package/MarkerGauge.config.js.map +7 -1
  56. package/MarkerGauge.js +2215 -4531
  57. package/MarkerGauge.js.map +7 -1
  58. package/ParallelCoordinates.config.js +282 -581
  59. package/ParallelCoordinates.config.js.map +7 -1
  60. package/ParallelCoordinates.js +2057 -4718
  61. package/ParallelCoordinates.js.map +7 -1
  62. package/Pie.config.js +278 -547
  63. package/Pie.config.js.map +7 -1
  64. package/Pie.js +2107 -3984
  65. package/Pie.js.map +7 -1
  66. package/Punchcard.config.js +291 -578
  67. package/Punchcard.config.js.map +7 -1
  68. package/Punchcard.js +2734 -5037
  69. package/Punchcard.js.map +7 -1
  70. package/Rectangle.config.js +455 -770
  71. package/Rectangle.config.js.map +7 -1
  72. package/Rectangle.js +1664 -3258
  73. package/Rectangle.js.map +7 -1
  74. package/Sankey.config.js +291 -626
  75. package/Sankey.config.js.map +7 -1
  76. package/Sankey.js +2766 -4908
  77. package/Sankey.js.map +7 -1
  78. package/Scatter.config.js +988 -1180
  79. package/Scatter.config.js.map +7 -1
  80. package/Scatter.js +2801 -4506
  81. package/Scatter.js.map +7 -1
  82. package/SingleValue.config.js +794 -1250
  83. package/SingleValue.config.js.map +7 -1
  84. package/SingleValue.js +4185 -7327
  85. package/SingleValue.js.map +7 -1
  86. package/SingleValueBasic.js +382 -1527
  87. package/SingleValueBasic.js.map +7 -1
  88. package/SingleValueIcon.config.js +757 -1207
  89. package/SingleValueIcon.config.js.map +7 -1
  90. package/SingleValueIcon.js +3427 -6293
  91. package/SingleValueIcon.js.map +7 -1
  92. package/SingleValueRadial.config.js +686 -1121
  93. package/SingleValueRadial.config.js.map +7 -1
  94. package/SingleValueRadial.js +3923 -6994
  95. package/SingleValueRadial.js.map +7 -1
  96. package/SparkLine.js +439 -746
  97. package/SparkLine.js.map +7 -1
  98. package/TRELLIS.md +16 -15
  99. package/Table.config.js +565 -879
  100. package/Table.config.js.map +7 -1
  101. package/Table.js +3260 -5334
  102. package/Table.js.map +7 -1
  103. package/common/Charting.js +617 -1498
  104. package/common/Charting.js.map +7 -1
  105. package/common/ChartingApi.js +46 -170
  106. package/common/ChartingApi.js.map +7 -1
  107. package/common/DocExampleWithVizSandbox.js +270 -473
  108. package/common/DocExampleWithVizSandbox.js.map +7 -1
  109. package/common/EventsDoc.js +172 -464
  110. package/common/EventsDoc.js.map +7 -1
  111. package/common/GaugeMajorTicks.js +249 -347
  112. package/common/GaugeMajorTicks.js.map +7 -1
  113. package/common/GaugeValueMarker.js +201 -311
  114. package/common/GaugeValueMarker.js.map +7 -1
  115. package/common/OptionsDoc.js +351 -911
  116. package/common/OptionsDoc.js.map +7 -1
  117. package/common/OverviewDoc.js +435 -769
  118. package/common/OverviewDoc.js.map +7 -1
  119. package/common/SplunkVisualization.js +116 -259
  120. package/common/SplunkVisualization.js.map +7 -1
  121. package/common/SplunkVisualizationApi.js +40 -156
  122. package/common/SplunkVisualizationApi.js.map +7 -1
  123. package/common/ThemesDoc.js +271 -420
  124. package/common/ThemesDoc.js.map +7 -1
  125. package/common/chartingUtils.js +140 -312
  126. package/common/chartingUtils.js.map +7 -1
  127. package/common/docUtils.js +148 -266
  128. package/common/docUtils.js.map +7 -1
  129. package/common/gaugeUtils.js +280 -808
  130. package/common/gaugeUtils.js.map +7 -1
  131. package/common/shapeUtils.js +106 -211
  132. package/common/shapeUtils.js.map +7 -1
  133. package/common/utils/configUtils.js +126 -252
  134. package/common/utils/configUtils.js.map +7 -1
  135. package/common/utils/dataUtils.js +217 -812
  136. package/common/utils/dataUtils.js.map +7 -1
  137. package/common/utils/featureFlagUtils.js +53 -133
  138. package/common/utils/featureFlagUtils.js.map +7 -1
  139. package/common/utils/hocUtils.js +32 -122
  140. package/common/utils/hocUtils.js.map +7 -1
  141. package/common/utils/mapUtils.js +502 -1337
  142. package/common/utils/mapUtils.js.map +7 -1
  143. package/common/utils/singleValueUtils.js +466 -1013
  144. package/common/utils/singleValueUtils.js.map +7 -1
  145. package/common/utils/testHelper.js +92 -146
  146. package/common/utils/testHelper.js.map +7 -1
  147. package/common/utils/trellisUtils.js +277 -489
  148. package/common/utils/trellisUtils.js.map +7 -1
  149. package/common/utils/urlUtils.js +28 -112
  150. package/common/utils/urlUtils.js.map +7 -1
  151. package/common/withDashboardViz.js +1191 -2431
  152. package/common/withDashboardViz.js.map +7 -1
  153. package/package.json +53 -45
@@ -1,833 +1,468 @@
1
- /*!
2
- * Copyright © 2024 Splunk Inc.
3
- * SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
4
- * in part without a valid written license from Splunk Inc. is PROHIBITED.
5
- */
6
- module.exports =
7
- /******/ (function(modules) { // webpackBootstrap
8
- /******/ // The module cache
9
- /******/ var installedModules = {};
10
- /******/
11
- /******/ // The require function
12
- /******/ function __webpack_require__(moduleId) {
13
- /******/
14
- /******/ // Check if module is in cache
15
- /******/ if(installedModules[moduleId]) {
16
- /******/ return installedModules[moduleId].exports;
17
- /******/ }
18
- /******/ // Create a new module (and put it into the cache)
19
- /******/ var module = installedModules[moduleId] = {
20
- /******/ i: moduleId,
21
- /******/ l: false,
22
- /******/ exports: {}
23
- /******/ };
24
- /******/
25
- /******/ // Execute the module function
26
- /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
27
- /******/
28
- /******/ // Flag the module as loaded
29
- /******/ module.l = true;
30
- /******/
31
- /******/ // Return the exports of the module
32
- /******/ return module.exports;
33
- /******/ }
34
- /******/
35
- /******/
36
- /******/ // expose the modules object (__webpack_modules__)
37
- /******/ __webpack_require__.m = modules;
38
- /******/
39
- /******/ // expose the module cache
40
- /******/ __webpack_require__.c = installedModules;
41
- /******/
42
- /******/ // define getter function for harmony exports
43
- /******/ __webpack_require__.d = function(exports, name, getter) {
44
- /******/ if(!__webpack_require__.o(exports, name)) {
45
- /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
46
- /******/ }
47
- /******/ };
48
- /******/
49
- /******/ // define __esModule on exports
50
- /******/ __webpack_require__.r = function(exports) {
51
- /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
52
- /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
53
- /******/ }
54
- /******/ Object.defineProperty(exports, '__esModule', { value: true });
55
- /******/ };
56
- /******/
57
- /******/ // create a fake namespace object
58
- /******/ // mode & 1: value is a module id, require it
59
- /******/ // mode & 2: merge all properties of value into the ns
60
- /******/ // mode & 4: return value when already ns object
61
- /******/ // mode & 8|1: behave like require
62
- /******/ __webpack_require__.t = function(value, mode) {
63
- /******/ if(mode & 1) value = __webpack_require__(value);
64
- /******/ if(mode & 8) return value;
65
- /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
66
- /******/ var ns = Object.create(null);
67
- /******/ __webpack_require__.r(ns);
68
- /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
69
- /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
70
- /******/ return ns;
71
- /******/ };
72
- /******/
73
- /******/ // getDefaultExport function for compatibility with non-harmony modules
74
- /******/ __webpack_require__.n = function(module) {
75
- /******/ var getter = module && module.__esModule ?
76
- /******/ function getDefault() { return module['default']; } :
77
- /******/ function getModuleExports() { return module; };
78
- /******/ __webpack_require__.d(getter, 'a', getter);
79
- /******/ return getter;
80
- /******/ };
81
- /******/
82
- /******/ // Object.prototype.hasOwnProperty.call
83
- /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
84
- /******/
85
- /******/ // __webpack_public_path__
86
- /******/ __webpack_require__.p = "";
87
- /******/
88
- /******/
89
- /******/ // Load entry module and return exports
90
- /******/ return __webpack_require__(__webpack_require__.s = 70);
91
- /******/ })
92
- /************************************************************************/
93
- /******/ ([
94
- /* 0 */
95
- /***/ (function(module, exports) {
96
-
97
- module.exports = require("@splunk/ui-utils/i18n");
98
-
99
- /***/ }),
100
- /* 1 */
101
- /***/ (function(module, exports) {
102
-
103
- module.exports = require("@babel/runtime/helpers/toConsumableArray");
104
-
105
- /***/ }),
106
- /* 2 */
107
- /***/ (function(module, exports) {
108
-
109
- module.exports = require("@splunk/visualization-schemas");
110
-
111
- /***/ }),
112
- /* 3 */
113
- /***/ (function(module, exports, __webpack_require__) {
114
-
115
- "use strict";
116
-
117
-
118
- var _toConsumableArray = __webpack_require__(1);
119
-
120
- Object.defineProperty(exports, "__esModule", {
121
- value: true
1
+ /* Copyright © 2020 Splunk Inc.
2
+ SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
3
+ in part without a valid written license from Splunk Inc. is PROHIBITED. */
4
+ var __create = Object.create;
5
+ var __defProp = Object.defineProperty;
6
+ var __defProps = Object.defineProperties;
7
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
8
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
9
+ var __getOwnPropNames = Object.getOwnPropertyNames;
10
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
11
+ var __getProtoOf = Object.getPrototypeOf;
12
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
13
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
14
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
15
+ var __spreadValues = (a, b) => {
16
+ for (var prop in b || (b = {}))
17
+ if (__hasOwnProp.call(b, prop))
18
+ __defNormalProp(a, prop, b[prop]);
19
+ if (__getOwnPropSymbols)
20
+ for (var prop of __getOwnPropSymbols(b)) {
21
+ if (__propIsEnum.call(b, prop))
22
+ __defNormalProp(a, prop, b[prop]);
23
+ }
24
+ return a;
25
+ };
26
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
27
+ var __export = (target, all) => {
28
+ for (var name in all)
29
+ __defProp(target, name, { get: all[name], enumerable: true });
30
+ };
31
+ var __copyProps = (to, from, except, desc) => {
32
+ if (from && typeof from === "object" || typeof from === "function") {
33
+ for (let key of __getOwnPropNames(from))
34
+ if (!__hasOwnProp.call(to, key) && key !== except)
35
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
36
+ }
37
+ return to;
38
+ };
39
+ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
40
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
41
+ // If the importer is in node compatibility mode or this is not an ESM
42
+ // file that has been converted to a CommonJS file using a Babel-
43
+ // compatible transform (i.e. "__esModule" has not been set), then set
44
+ // "default" to the CommonJS "module.exports" for node compatibility.
45
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
46
+ mod
47
+ ));
48
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
49
+
50
+ // src/SingleValueRadial/config.ts
51
+ var config_exports = {};
52
+ __export(config_exports, {
53
+ default: () => config_default
122
54
  });
123
- exports.insertLayout = exports.isDynamicOption = exports.uncollapseEditorConfig = exports.generatePrecisionValues = exports.getInitialPreset = exports.enhanceConfig = exports.enhanceOptionsSchemaWithDynamicOptions = void 0;
55
+ module.exports = __toCommonJS(config_exports);
124
56
 
125
- var lodash_1 = __webpack_require__(5); // included for backwards compatibility
126
-
127
-
128
- var visualization_schemas_1 = __webpack_require__(2);
129
-
130
- Object.defineProperty(exports, "enhanceOptionsSchemaWithDynamicOptions", {
131
- enumerable: true,
132
- get: function get() {
133
- return visualization_schemas_1.enhanceOptionsSchemaWithDynamicOptions;
134
- }
57
+ // esm-externals:@splunk/ui-utils/i18n
58
+ var i18n_exports = {};
59
+ __export(i18n_exports, {
60
+ default: () => i18n_default
135
61
  });
136
- /**
137
- * Helper function to enhance a Visualization Config as needed based on behaviors specified in supports block
138
- * this function also collapse all editor panels
139
- * @param vizConfig a Visualization Config
140
- * @returns an enhanced Visualization Config containing updated config entries based on behaviors it supports
141
- * and containing `open: false` for all editor panels in editorConfig
142
- */
62
+ var defaultImport = __toESM(require("@splunk/ui-utils/i18n"));
63
+ __reExport(i18n_exports, require("@splunk/ui-utils/i18n"));
64
+ var i18n_default = "default" in defaultImport ? defaultImport.default : defaultImport;
65
+
66
+ // esm-externals:@splunk/visualization-schemas
67
+ var visualization_schemas_exports = {};
68
+ __export(visualization_schemas_exports, {
69
+ default: () => visualization_schemas_default
70
+ });
71
+ var defaultImport2 = __toESM(require("@splunk/visualization-schemas"));
72
+ __reExport(visualization_schemas_exports, require("@splunk/visualization-schemas"));
73
+ var visualization_schemas_default = "default" in defaultImport2 ? defaultImport2.default : defaultImport2;
74
+
75
+ // esm-externals:@splunk/themes/pick
76
+ var pick_exports = {};
77
+ __export(pick_exports, {
78
+ default: () => pick_default
79
+ });
80
+ var defaultImport3 = __toESM(require("@splunk/themes/pick"));
81
+ __reExport(pick_exports, require("@splunk/themes/pick"));
82
+ var pick_default = "default" in defaultImport3 ? defaultImport3.default : defaultImport3;
83
+
84
+ // esm-externals:@splunk/themes/variables
85
+ var variables_exports = {};
86
+ __export(variables_exports, {
87
+ default: () => variables_default
88
+ });
89
+ var defaultImport4 = __toESM(require("@splunk/themes/variables"));
90
+ __reExport(variables_exports, require("@splunk/themes/variables"));
91
+ var variables_default = "default" in defaultImport4 ? defaultImport4.default : defaultImport4;
92
+
93
+ // esm-externals:@splunk/visualization-color-palettes/editors/PresetPalettes
94
+ var PresetPalettes_exports = {};
95
+ __export(PresetPalettes_exports, {
96
+ default: () => PresetPalettes_default
97
+ });
98
+ var defaultImport5 = __toESM(require("@splunk/visualization-color-palettes/editors/PresetPalettes"));
99
+ __reExport(PresetPalettes_exports, require("@splunk/visualization-color-palettes/editors/PresetPalettes"));
100
+ var PresetPalettes_default = "default" in defaultImport5 ? defaultImport5.default : defaultImport5;
101
+
102
+ // esm-externals:@splunk/visualization-icons
103
+ var visualization_icons_exports = {};
104
+ __export(visualization_icons_exports, {
105
+ default: () => visualization_icons_default
106
+ });
107
+ var defaultImport6 = __toESM(require("@splunk/visualization-icons"));
108
+ __reExport(visualization_icons_exports, require("@splunk/visualization-icons"));
109
+ var visualization_icons_default = "default" in defaultImport6 ? defaultImport6.default : defaultImport6;
110
+
111
+ // esm-externals:@splunk/visualization-icons/placeholders
112
+ var placeholders_exports = {};
113
+ __export(placeholders_exports, {
114
+ default: () => placeholders_default
115
+ });
116
+ var defaultImport7 = __toESM(require("@splunk/visualization-icons/placeholders"));
117
+ __reExport(placeholders_exports, require("@splunk/visualization-icons/placeholders"));
118
+ var placeholders_default = "default" in defaultImport7 ? defaultImport7.default : defaultImport7;
119
+
120
+ // esm-externals:@splunk/visualizations-shared/configUtils
121
+ var configUtils_exports = {};
122
+ __export(configUtils_exports, {
123
+ default: () => configUtils_default
124
+ });
125
+ var defaultImport8 = __toESM(require("@splunk/visualizations-shared/configUtils"));
126
+ __reExport(configUtils_exports, require("@splunk/visualizations-shared/configUtils"));
127
+ var configUtils_default = "default" in defaultImport8 ? defaultImport8.default : defaultImport8;
128
+
129
+ // src/common/editorConfig/StaticMajorAndTrendLayout.js
130
+ var StaticMajorAndTrendLayout = [
131
+ [
132
+ {
133
+ label: (0, i18n_exports._)("Unit position"),
134
+ // todo: we need a new editor combining unit and position
135
+ option: "unitPosition",
136
+ editor: "editor.select",
137
+ editorProps: {
138
+ values: [
139
+ { label: (0, i18n_exports._)("Before"), value: "before" },
140
+ { label: (0, i18n_exports._)("After"), value: "after" }
141
+ ]
142
+ },
143
+ showEditor: ({ options }) => options.showValue || options.showValue === void 0
144
+ },
145
+ {
146
+ label: (0, i18n_exports._)("Unit label"),
147
+ option: "unit",
148
+ editor: "editor.text",
149
+ showEditor: ({ options }) => options.showValue || options.showValue === void 0
150
+ }
151
+ ],
152
+ [
153
+ {
154
+ label: (0, i18n_exports._)("Precision"),
155
+ option: "numberPrecision",
156
+ editor: "editor.number",
157
+ editorProps: {
158
+ min: 0,
159
+ max: 20
160
+ },
161
+ showEditor: ({ options }) => options.showValue || options.showValue === void 0
162
+ }
163
+ ]
164
+ ];
165
+ var StaticMajorAndTrendLayout_default = StaticMajorAndTrendLayout;
166
+
167
+ // esm-externals:lodash
168
+ var lodash_exports = {};
169
+ __export(lodash_exports, {
170
+ default: () => lodash_default
171
+ });
172
+ var defaultImport9 = __toESM(require("lodash"));
173
+ __reExport(lodash_exports, require("lodash"));
174
+ var lodash_default = "default" in defaultImport9 ? defaultImport9.default : defaultImport9;
143
175
 
176
+ // src/common/utils/configUtils.ts
144
177
  function enhanceConfig(vizConfig) {
145
- var enhancedConfig = Object.assign({}, vizConfig);
146
- enhancedConfig.editorConfig = vizConfig.editorConfig.map(function (config) {
147
- return Object.assign(Object.assign({}, config), {
148
- open: config.open || false
149
- });
150
- });
178
+ const enhancedConfig = __spreadValues({}, vizConfig);
179
+ enhancedConfig.editorConfig = vizConfig.editorConfig.map(
180
+ (config2) => {
181
+ return __spreadProps(__spreadValues({}, config2), { open: config2.open || false });
182
+ }
183
+ );
151
184
  return enhancedConfig;
152
185
  }
153
-
154
- exports.enhanceConfig = enhanceConfig;
155
- /**
156
- * Helper function to uncollapse all editor panels by adding `open: true` to the editorConfig
157
- * Created for editor unit tests
158
- * @param vizConfig a Visualization Config
159
- * @returns a Visualization Config containing `open: true` for all editor panels in editorConfig
160
- */
161
-
162
- function uncollapseEditorConfig(vizConfig) {
163
- var editorPanelUncollapsedConfig = Object.assign({}, vizConfig);
164
- editorPanelUncollapsedConfig.editorConfig = vizConfig.editorConfig.map(function (config) {
165
- return Object.assign(Object.assign({}, config), {
166
- open: true
167
- });
168
- });
169
- return editorPanelUncollapsedConfig;
170
- }
171
-
172
- exports.uncollapseEditorConfig = uncollapseEditorConfig;
173
-
174
- function isDynamicOption(option) {
175
- return option && typeof option === 'string' && option.trim().startsWith('>') || false;
176
- }
177
-
178
- exports.isDynamicOption = isDynamicOption; // private helpers to improve readability of getInitialPreset
179
- // this shouldn't be tested since this util isn't something that we expect to use outside of getInitialPreset
180
-
181
- /**
182
- * this checks to make sure that all values within vizContext are compatible with the given preset's context to determine the initialPreset
183
- * if a preset has explicitly specified a key as being undefined, the vizContext must also has that key as undefined, or else this CANNOT be the initialPreset
184
- * the inverse is true; if a preset has key is NOT undefined, it must also be NOT undefined in the corresponding vizContext
185
- * the internal config contents are irrelevant (as the user could customize them in source), just as long as the presence of `undefined`s match up
186
- *
187
- * Since the presetConfigs have explicit undefined keys to override the existing config, we need to explicitly check the undefined values
188
- */
189
-
190
186
  function hasCompatibleContexts(vizContext, presetContext) {
191
- var presetContextKeys = Object.keys(presetContext);
192
- return presetContextKeys.every(function (contextKey) {
193
- return presetContext[contextKey] === undefined && vizContext[contextKey] === undefined || presetContext[contextKey] !== undefined && vizContext[contextKey] !== undefined;
194
- });
187
+ const presetContextKeys = Object.keys(presetContext);
188
+ return presetContextKeys.every(
189
+ (contextKey) => presetContext[contextKey] === void 0 && vizContext[contextKey] === void 0 || presetContext[contextKey] !== void 0 && vizContext[contextKey] !== void 0
190
+ );
195
191
  }
196
- /**
197
- * Checks to make sure that dynamic (non-dynamic) options in a given preset are also dynamic (non-dynamic) in the vizOptions
198
- */
199
-
200
-
201
192
  function hasCompatibleOptions(vizOptions, presetOptions) {
202
- var presetOptionKeys = Object.keys(presetOptions);
203
- return presetOptionKeys.every(function (optionKey) {
204
- return isDynamicOption(presetOptions[optionKey]) === isDynamicOption(vizOptions[optionKey]);
205
- });
193
+ const presetOptionKeys = Object.keys(presetOptions);
194
+ return presetOptionKeys.every(
195
+ (optionKey) => (0, configUtils_exports.isDynamicOption)(presetOptions[optionKey]) === (0, configUtils_exports.isDynamicOption)(vizOptions[optionKey])
196
+ );
206
197
  }
207
- /**
208
- * Evaluates whether there is an initialPreset that fits the current state of vizContext + vizOptions
209
- * This function ignores extraneous vizOptions or vizContext keys, as they could be outside the scope of what the preset is intended to configure
210
- *
211
- * @param {Object} vizContext - the current vizContext definition
212
- * @param {Object} vizOptions - the current vizOptions definition
213
- * @param {PresetEntry[]} presets - the list of presets, one of which can be considered an initialPreset
214
- */
215
-
216
-
217
- function getInitialPreset(vizContext, vizOptions, presets) {
218
- return presets.find(function (preset) {
219
- var presetContext = (0, lodash_1.get)(preset, ['value', 'context'], {});
220
- var presetOptions = (0, lodash_1.get)(preset, ['value', 'options'], {});
221
- var presetContextKeys = Object.keys(presetContext);
222
- var presetOptionKeys = Object.keys(presetOptions); // all presets have to explicitly specify which options to reset (i.e. need explicitly undefined keys)
223
- // if not, then the preset is invalid in config.ts
224
-
198
+ function getInitialPreset(vizContext, vizOptions, presets2) {
199
+ return presets2.find((preset) => {
200
+ const presetContext = (0, lodash_exports.get)(preset, ["value", "context"], {});
201
+ const presetOptions = (0, lodash_exports.get)(preset, ["value", "options"], {});
202
+ const presetContextKeys = Object.keys(presetContext);
203
+ const presetOptionKeys = Object.keys(presetOptions);
225
204
  if (presetContextKeys.length === 0 || presetOptionKeys.length === 0) return false;
226
205
  return hasCompatibleContexts(vizContext, presetContext) && hasCompatibleOptions(vizOptions, presetOptions);
227
206
  });
228
207
  }
229
208
 
230
- exports.getInitialPreset = getInitialPreset;
231
- /**
232
- * generates number precision values for a Select editor
233
- *
234
- * @param {Number} numPrecisionValues - number of integer precision values to generate
235
- * @returns {{ label: string; value; string }[]} array of { label, value } tuples
236
- */
237
-
238
- function generatePrecisionValues(numPrecisionValues) {
239
- return (0, lodash_1.range)(0, numPrecisionValues + 1).map(function (i) {
240
- return {
241
- label: "".concat(i, " (0").concat(i > 0 ? '.' : '').concat('0'.repeat(i), ")"),
242
- value: i
243
- };
244
- });
245
- }
246
-
247
- exports.generatePrecisionValues = generatePrecisionValues;
248
- /**
249
- * insert layout in layout array, return a new layout array instead of updating the original
250
- *
251
- * @param {EditorLayoutConfig[][]} layout - editor layout
252
- * @param {Number} index - the index to insert layout item(s)
253
- * @param {EditorLayoutConfig[][]} layoutItems - the item(s) to insert
254
- * @returns {EditorLayoutConfig[][]} new editor layout with insertion
255
- */
256
-
257
- var insertLayout = function insertLayout(layout, index) {
258
- for (var _len = arguments.length, layoutItems = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
259
- layoutItems[_key - 2] = arguments[_key];
209
+ // src/common/editorConfig/DynamicMajorColorAndGaugeEditor.js
210
+ var getDynamicMajorColorAndGaugeEditor = ({ defaultContext: defaultContext2, defaultPalettesConfig: defaultPalettesConfig2 }) => ({
211
+ label: (0, i18n_exports._)("Major value and gauge"),
212
+ option: "majorColor",
213
+ context: "majorColorEditorConfig",
214
+ editor: "editor.dynamicColor",
215
+ showEditor: ({ options }) => (0, configUtils_exports.isDynamicOption)(options.majorColor),
216
+ editorProps: {
217
+ labelPosition: "top",
218
+ flyoutTitle: (0, i18n_exports._)("Dynamic coloring: major value"),
219
+ formatters: [
220
+ {
221
+ label: (0, i18n_exports._)("Ranges"),
222
+ value: "rangeValue",
223
+ defaults: {
224
+ majorValue: defaultContext2.majorColorConfig
225
+ }
226
+ }
227
+ ],
228
+ dataSelectors: [
229
+ {
230
+ label: (0, i18n_exports._)("Major value"),
231
+ value: "majorValue"
232
+ }
233
+ ],
234
+ defaultPalettesConfig: defaultPalettesConfig2
260
235
  }
261
-
262
- return [].concat(_toConsumableArray(layout.slice(0, index)), layoutItems, _toConsumableArray(layout.slice(index)));
263
- };
264
-
265
- exports.insertLayout = insertLayout;
266
-
267
- /***/ }),
268
- /* 4 */
269
- /***/ (function(module, exports) {
270
-
271
- module.exports = require("@splunk/visualizations-shared/configUtils");
272
-
273
- /***/ }),
274
- /* 5 */
275
- /***/ (function(module, exports) {
276
-
277
- module.exports = require("lodash");
278
-
279
- /***/ }),
280
- /* 6 */
281
- /***/ (function(module, exports, __webpack_require__) {
282
-
283
- "use strict";
284
-
285
-
286
- Object.defineProperty(exports, "__esModule", {
287
- value: true
288
- });
289
- exports.VizBehavior = void 0;
290
- var VizBehavior;
291
-
292
- (function (VizBehavior) {
293
- /**
294
- * Dynamic Options Behavior.
295
- * This allows visualization options to be powered by data
296
- *
297
- * **Example**
298
- *
299
- * sparklineValues: ">primary|seriesByIndex(0)"
300
- * would configure sparklineValues with an array of data points
301
- * coming from the first series in the primary datasource
302
- *
303
- */
304
- VizBehavior["DYNAMIC_OPTIONS"] = "dynamic-options";
305
- VizBehavior["EVENTS"] = "events";
306
- VizBehavior["DOWNSAMPLING"] = "downsampling";
307
- /**
308
- * Placeholder behavior: visualization will display a placeholder rather than fail if any of the `requiredProps` is
309
- * missing.
310
- * @type {string}
311
- */
312
-
313
- VizBehavior["PLACEHOLDER"] = "placeholder";
314
- VizBehavior["PAGE_AND_SORT"] = "page-and-sort";
315
- VizBehavior["TRELLIS"] = "trellis";
316
- })(VizBehavior = exports.VizBehavior || (exports.VizBehavior = {}));
317
-
318
- /***/ }),
319
- /* 7 */
320
- /***/ (function(module, exports, __webpack_require__) {
321
-
322
- "use strict";
323
-
324
-
325
- Object.defineProperty(exports, "__esModule", {
326
- value: true
327
236
  });
328
- exports.VizCategory = void 0;
329
- var VizCategory;
330
-
331
- (function (VizCategory) {
332
- VizCategory["SINGLE_VALUE"] = "Single Value";
333
- VizCategory["TRENDS"] = "Trends";
334
- VizCategory["COMPARISONS"] = "Comparisons";
335
- VizCategory["TABLE"] = "Table";
336
- VizCategory["GAUGE"] = "Gauge";
337
- VizCategory["DISTRIBUTIONS"] = "Distributions";
338
- VizCategory["CHOROPLETH"] = "Choropleth Maps";
339
- VizCategory["SHAPES"] = "Shapes";
340
- VizCategory["MISC"] = "misc";
341
- VizCategory["FLOW"] = "Flow";
342
- VizCategory["CORRELATION"] = "Correlation";
343
- VizCategory["SPATIAL"] = "Spatial";
344
- })(VizCategory = exports.VizCategory || (exports.VizCategory = {}));
345
-
346
- /***/ }),
347
- /* 8 */
348
- /***/ (function(module, exports) {
349
-
350
- module.exports = require("@splunk/themes/pick");
351
-
352
- /***/ }),
353
- /* 9 */
354
- /***/ (function(module, exports) {
355
-
356
- module.exports = require("@splunk/themes/variables");
357
-
358
- /***/ }),
359
- /* 10 */
360
- /***/ (function(module, exports) {
361
-
362
- module.exports = require("@splunk/visualization-icons/placeholders");
363
-
364
- /***/ }),
365
- /* 11 */
366
- /***/ (function(module, exports) {
367
-
368
- module.exports = require("@splunk/visualization-icons");
369
-
370
- /***/ }),
371
- /* 12 */,
372
- /* 13 */
373
- /***/ (function(module, exports) {
374
-
375
- module.exports = require("@splunk/visualization-color-palettes/editors/PresetPalettes");
376
-
377
- /***/ }),
378
- /* 14 */,
379
- /* 15 */,
380
- /* 16 */,
381
- /* 17 */,
382
- /* 18 */,
383
- /* 19 */,
384
- /* 20 */,
385
- /* 21 */,
386
- /* 22 */
387
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
388
237
 
389
- "use strict";
390
- __webpack_require__.r(__webpack_exports__);
391
- /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
392
- /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__);
393
- /* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4);
394
- /* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__);
395
-
396
-
397
- var StaticBackgroundColorEditor = {
398
- label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Background color'),
399
- option: 'backgroundColor',
400
- editor: 'editor.color',
401
- showEditor: function showEditor(_ref) {
402
- var options = _ref.options;
403
- return !Object(_splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__["isDynamicOption"])(options.backgroundColor);
404
- }
405
- };
406
- /* harmony default export */ __webpack_exports__["default"] = (StaticBackgroundColorEditor);
407
-
408
- /***/ }),
409
- /* 23 */,
410
- /* 24 */
411
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
412
-
413
- "use strict";
414
- __webpack_require__.r(__webpack_exports__);
415
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getDynamicTrendColorEditor", function() { return getDynamicTrendColorEditor; });
416
- /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
417
- /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__);
418
- /* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4);
419
- /* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__);
420
-
421
-
422
- var getDynamicTrendColorEditor = function getDynamicTrendColorEditor(_ref) {
423
- var defaultContext = _ref.defaultContext,
424
- defaultPalettesConfig = _ref.defaultPalettesConfig;
425
- return {
426
- label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Trend value'),
427
- option: 'trendColor',
428
- context: 'trendColorEditorConfig',
429
- editor: 'editor.dynamicColor',
430
- showEditor: function showEditor(_ref2) {
431
- var options = _ref2.options;
432
- return Object(_splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__["isDynamicOption"])(options.trendColor);
433
- },
434
- editorProps: {
435
- labelPosition: 'top',
436
- flyoutTitle: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Dynamic coloring: trend value'),
437
- formatters: [{
438
- label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Ranges'),
439
- value: 'rangeValue',
238
+ // src/common/editorConfig/DynamicTrendColorEditor.js
239
+ var getDynamicTrendColorEditor = ({ defaultContext: defaultContext2, defaultPalettesConfig: defaultPalettesConfig2 }) => ({
240
+ label: (0, i18n_exports._)("Trend value"),
241
+ option: "trendColor",
242
+ context: "trendColorEditorConfig",
243
+ editor: "editor.dynamicColor",
244
+ showEditor: ({ options }) => (0, configUtils_exports.isDynamicOption)(options.trendColor),
245
+ editorProps: {
246
+ labelPosition: "top",
247
+ flyoutTitle: (0, i18n_exports._)("Dynamic coloring: trend value"),
248
+ formatters: [
249
+ {
250
+ label: (0, i18n_exports._)("Ranges"),
251
+ value: "rangeValue",
440
252
  defaults: {
441
- trendValue: defaultContext.trendColorConfig
253
+ trendValue: defaultContext2.trendColorConfig
442
254
  }
443
- }],
444
- dataSelectors: [{
445
- label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Trend value'),
446
- value: 'trendValue'
447
- }],
448
- defaultPalettesConfig: defaultPalettesConfig
449
- }
450
- };
451
- };
452
-
453
- /***/ }),
454
- /* 25 */
455
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
456
-
457
- "use strict";
458
- __webpack_require__.r(__webpack_exports__);
459
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getDynamicBackgroundColorEditor", function() { return getDynamicBackgroundColorEditor; });
460
- /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
461
- /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__);
462
- /* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4);
463
- /* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__);
464
-
255
+ }
256
+ ],
257
+ dataSelectors: [
258
+ {
259
+ label: (0, i18n_exports._)("Trend value"),
260
+ value: "trendValue"
261
+ }
262
+ ],
263
+ defaultPalettesConfig: defaultPalettesConfig2
264
+ }
265
+ });
465
266
 
466
- var getDynamicBackgroundColorEditor = function getDynamicBackgroundColorEditor(_ref) {
467
- var defaultContext = _ref.defaultContext,
468
- defaultPalettesConfig = _ref.defaultPalettesConfig;
469
- return {
470
- label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Background color'),
471
- option: 'backgroundColor',
472
- context: 'backgroundColorEditorConfig',
473
- editor: 'editor.dynamicColor',
474
- showEditor: function showEditor(_ref2) {
475
- var options = _ref2.options;
476
- return Object(_splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__["isDynamicOption"])(options.backgroundColor);
477
- },
478
- editorProps: {
479
- labelPosition: 'top',
480
- flyoutTitle: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Dynamic coloring: background'),
481
- formatters: [{
482
- label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Ranges'),
483
- value: 'rangeValue',
267
+ // src/common/editorConfig/DynamicBackgroundColorEditor.js
268
+ var getDynamicBackgroundColorEditor = ({ defaultContext: defaultContext2, defaultPalettesConfig: defaultPalettesConfig2 }) => ({
269
+ label: (0, i18n_exports._)("Background color"),
270
+ option: "backgroundColor",
271
+ context: "backgroundColorEditorConfig",
272
+ editor: "editor.dynamicColor",
273
+ showEditor: ({ options }) => (0, configUtils_exports.isDynamicOption)(options.backgroundColor),
274
+ editorProps: {
275
+ labelPosition: "top",
276
+ flyoutTitle: (0, i18n_exports._)("Dynamic coloring: background"),
277
+ formatters: [
278
+ {
279
+ label: (0, i18n_exports._)("Ranges"),
280
+ value: "rangeValue",
484
281
  defaults: {
485
- majorValue: defaultContext.majorColorConfig,
486
- trendValue: defaultContext.trendColorConfig
282
+ majorValue: defaultContext2.majorColorConfig,
283
+ trendValue: defaultContext2.trendColorConfig
487
284
  }
488
- }, {
489
- label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Matches'),
490
- value: 'matchValue',
285
+ },
286
+ {
287
+ label: (0, i18n_exports._)("Matches"),
288
+ value: "matchValue",
491
289
  defaults: {
492
- majorValue: defaultContext.majorColorMatchConfig
290
+ majorValue: defaultContext2.majorColorMatchConfig
493
291
  }
494
- }],
495
- dataSelectors: [{
496
- label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Major Value'),
497
- value: 'majorValue'
498
- }, {
499
- label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Trend'),
500
- value: 'trendValue'
501
- }],
502
- defaultPalettesConfig: defaultPalettesConfig
503
- }
504
- };
505
- };
506
-
507
- /***/ }),
508
- /* 26 */
509
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
510
-
511
- "use strict";
512
- __webpack_require__.r(__webpack_exports__);
513
- /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
514
- /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__);
515
-
516
- var StaticMajorAndTrendLayout = [[{
517
- label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Unit position'),
518
- // todo: we need a new editor combining unit and position
519
- option: 'unitPosition',
520
- editor: 'editor.select',
521
- editorProps: {
522
- values: [{
523
- label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Before'),
524
- value: 'before'
525
- }, {
526
- label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('After'),
527
- value: 'after'
528
- }]
529
- },
530
- showEditor: function showEditor(_ref) {
531
- var options = _ref.options;
532
- return options.showValue || options.showValue === undefined;
533
- }
534
- }, {
535
- label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Unit label'),
536
- option: 'unit',
537
- editor: 'editor.text',
538
- showEditor: function showEditor(_ref2) {
539
- var options = _ref2.options;
540
- return options.showValue || options.showValue === undefined;
541
- }
542
- }], [{
543
- label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Precision'),
544
- option: 'numberPrecision',
545
- editor: 'editor.number',
546
- editorProps: {
547
- min: 0,
548
- max: 20
549
- },
550
- showEditor: function showEditor(_ref3) {
551
- var options = _ref3.options;
552
- return options.showValue || options.showValue === undefined;
292
+ }
293
+ ],
294
+ dataSelectors: [
295
+ {
296
+ label: (0, i18n_exports._)("Major Value"),
297
+ value: "majorValue"
298
+ },
299
+ {
300
+ label: (0, i18n_exports._)("Trend"),
301
+ value: "trendValue"
302
+ }
303
+ ],
304
+ defaultPalettesConfig: defaultPalettesConfig2
553
305
  }
554
- }]];
555
- /* harmony default export */ __webpack_exports__["default"] = (StaticMajorAndTrendLayout);
556
-
557
- /***/ }),
558
- /* 27 */
559
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
560
-
561
- "use strict";
562
- __webpack_require__.r(__webpack_exports__);
563
- /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
564
- /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__);
565
- /* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4);
566
- /* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__);
567
-
306
+ });
568
307
 
308
+ // src/common/editorConfig/StaticMajorColorEditor.js
569
309
  var StaticMajorColorEditor = {
570
- label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Major value'),
571
- option: 'majorColor',
572
- editor: 'editor.color',
573
- showEditor: function showEditor(_ref) {
574
- var options = _ref.options;
575
- return !Object(_splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__["isDynamicOption"])(options.majorColor);
576
- }
310
+ label: (0, i18n_exports._)("Major value"),
311
+ option: "majorColor",
312
+ editor: "editor.color",
313
+ showEditor: ({ options }) => !(0, configUtils_exports.isDynamicOption)(options.majorColor)
577
314
  };
578
- /* harmony default export */ __webpack_exports__["default"] = (StaticMajorColorEditor);
579
-
580
- /***/ }),
581
- /* 28 */
582
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
583
-
584
- "use strict";
585
- __webpack_require__.r(__webpack_exports__);
586
- /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
587
- /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__);
588
- /* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4);
589
- /* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__);
590
-
315
+ var StaticMajorColorEditor_default = StaticMajorColorEditor;
591
316
 
317
+ // src/common/editorConfig/StaticTrendColorEditor.js
592
318
  var StaticTrendColorEditor = {
593
- label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Trend value'),
594
- option: 'trendColor',
595
- editor: 'editor.color',
596
- showEditor: function showEditor(_ref) {
597
- var options = _ref.options;
598
- return !Object(_splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__["isDynamicOption"])(options.trendColor);
599
- },
600
- isDisabled: function isDisabled(_ref2) {
601
- var options = _ref2.options;
602
- return options.trendDisplay === 'off';
603
- }
319
+ label: (0, i18n_exports._)("Trend value"),
320
+ option: "trendColor",
321
+ editor: "editor.color",
322
+ showEditor: ({ options }) => !(0, configUtils_exports.isDynamicOption)(options.trendColor),
323
+ isDisabled: ({ options }) => options.trendDisplay === "off"
604
324
  };
605
- /* harmony default export */ __webpack_exports__["default"] = (StaticTrendColorEditor);
606
-
607
- /***/ }),
608
- /* 29 */
609
- /***/ (function(module, exports, __webpack_require__) {
610
-
611
- "use strict";
612
-
613
-
614
- Object.defineProperty(exports, "__esModule", {
615
- value: true
616
- });
617
- exports.TrellisBackgroundColorEditor = exports.TrellisEditorConfig = void 0;
618
-
619
- var React = __webpack_require__(30);
620
-
621
- var i18n_1 = __webpack_require__(0);
622
-
623
- var FeatureFlagContext_1 = __webpack_require__(31);
325
+ var StaticTrendColorEditor_default = StaticTrendColorEditor;
624
326
 
625
- var visualization_schemas_1 = __webpack_require__(2);
626
- /* eslint-disable react-hooks/rules-of-hooks */
627
-
628
-
629
- exports.TrellisEditorConfig = [[{
630
- label: (0, i18n_1._)('Trellis layout'),
631
- option: 'splitByLayout',
632
- editor: 'editor.toggle',
633
- showEditor: function showEditor() {
634
- var featureFlagContext = React.useContext(FeatureFlagContext_1.default);
635
- var isTrellisFeatureFlagOn = Boolean(featureFlagContext && featureFlagContext.visualizations_enableTrellis);
636
- return isTrellisFeatureFlagOn;
637
- }
638
- }], [{
639
- label: (0, i18n_1._)('Split by'),
640
- option: 'trellisSplitBy',
641
- editor: 'editor.trellisSplitBy',
642
- editorProps: {
643
- dataSourceKey: 'primary'
644
- },
645
- showEditor: function showEditor(_ref) {
646
- var options = _ref.options;
647
- var featureFlagContext = React.useContext(FeatureFlagContext_1.default);
648
- var isTrellisFeatureFlagOn = Boolean(featureFlagContext && featureFlagContext.visualizations_enableTrellis);
649
- return isTrellisFeatureFlagOn && options.splitByLayout === visualization_schemas_1.LAYOUT_TYPE.Trellis;
650
- }
651
- }], [{
652
- label: (0, i18n_1._)('Number of columns'),
653
- option: 'trellisColumns',
654
- editor: 'editor.number',
655
- editorProps: {
656
- min: 1
657
- },
658
- placeholder: (0, i18n_1._)('Auto'),
659
- showEditor: function showEditor(_ref2) {
660
- var options = _ref2.options;
661
- var featureFlagContext = React.useContext(FeatureFlagContext_1.default);
662
- var isTrellisFeatureFlagOn = Boolean(featureFlagContext && featureFlagContext.visualizations_enableTrellis);
663
- return isTrellisFeatureFlagOn && options.splitByLayout === visualization_schemas_1.LAYOUT_TYPE.Trellis;
664
- }
665
- }], [{
666
- label: (0, i18n_1._)('Min column width'),
667
- option: 'trellisMinColumnWidth',
668
- editor: 'editor.number',
669
- editorProps: {
670
- min: 1
671
- },
672
- showEditor: function showEditor(_ref3) {
673
- var options = _ref3.options;
674
- var featureFlagContext = React.useContext(FeatureFlagContext_1.default);
675
- var isTrellisFeatureFlagOn = Boolean(featureFlagContext && featureFlagContext.visualizations_enableTrellis);
676
- return isTrellisFeatureFlagOn && options.splitByLayout === visualization_schemas_1.LAYOUT_TYPE.Trellis;
677
- }
678
- }, {
679
- label: (0, i18n_1._)('Row height'),
680
- option: 'trellisRowHeight',
681
- editor: 'editor.number',
682
- editorProps: {
683
- min: 1
684
- },
685
- showEditor: function showEditor(_ref4) {
686
- var options = _ref4.options;
687
- var featureFlagContext = React.useContext(FeatureFlagContext_1.default);
688
- var isTrellisFeatureFlagOn = Boolean(featureFlagContext && featureFlagContext.visualizations_enableTrellis);
689
- return isTrellisFeatureFlagOn && options.splitByLayout === visualization_schemas_1.LAYOUT_TYPE.Trellis;
690
- }
691
- }], [{
692
- label: (0, i18n_1._)('Max number of components per page'),
693
- option: 'trellisPageCount',
694
- editor: 'editor.number',
695
- editorProps: {
696
- min: 1
697
- },
698
- showEditor: function showEditor(_ref5) {
699
- var options = _ref5.options;
700
- var featureFlagContext = React.useContext(FeatureFlagContext_1.default);
701
- var isTrellisFeatureFlagOn = Boolean(featureFlagContext && featureFlagContext.visualizations_enableTrellis);
702
- return isTrellisFeatureFlagOn && options.splitByLayout === visualization_schemas_1.LAYOUT_TYPE.Trellis;
703
- }
704
- }]];
705
- exports.TrellisBackgroundColorEditor = {
706
- label: (0, i18n_1._)('Trellis background'),
707
- option: 'trellisBackgroundColor',
708
- editor: 'editor.color',
709
- showEditor: function showEditor(_ref6) {
710
- var options = _ref6.options;
711
- var featureFlagContext = React.useContext(FeatureFlagContext_1.default);
712
- var isTrellisFeatureFlagOn = Boolean(featureFlagContext && featureFlagContext.visualizations_enableTrellis);
713
- return isTrellisFeatureFlagOn && options.splitByLayout === visualization_schemas_1.LAYOUT_TYPE.Trellis;
714
- }
327
+ // src/common/editorConfig/StaticBackgroundColorEditor.js
328
+ var StaticBackgroundColorEditor = {
329
+ label: (0, i18n_exports._)("Background color"),
330
+ option: "backgroundColor",
331
+ editor: "editor.color",
332
+ showEditor: ({ options }) => !(0, configUtils_exports.isDynamicOption)(options.backgroundColor)
715
333
  };
334
+ var StaticBackgroundColorEditor_default = StaticBackgroundColorEditor;
335
+
336
+ // src/common/editorConfig/RadialBackgroundColor.ts
337
+ var radialBackground = ({ label, themes: themes2, labelPosition }) => [
338
+ {
339
+ label: (0, i18n_exports._)(label || "Radial background"),
340
+ option: "radialBackgroundColor",
341
+ editor: "editor.color",
342
+ editorProps: {
343
+ labelPosition: labelPosition || "top",
344
+ themes: themes2
345
+ }
346
+ }
347
+ ];
348
+ var RadialBackgroundColor_default = radialBackground;
716
349
 
717
- /***/ }),
718
- /* 30 */
719
- /***/ (function(module, exports) {
720
-
721
- module.exports = require("react");
722
-
723
- /***/ }),
724
- /* 31 */
725
- /***/ (function(module, exports) {
726
-
727
- module.exports = require("@splunk/visualization-context/FeatureFlagContext");
728
-
729
- /***/ }),
730
- /* 32 */,
731
- /* 33 */,
732
- /* 34 */,
733
- /* 35 */,
734
- /* 36 */,
735
- /* 37 */,
736
- /* 38 */,
737
- /* 39 */,
738
- /* 40 */,
739
- /* 41 */,
740
- /* 42 */,
741
- /* 43 */,
742
- /* 44 */,
743
- /* 45 */,
744
- /* 46 */,
745
- /* 47 */,
746
- /* 48 */,
747
- /* 49 */,
748
- /* 50 */,
749
- /* 51 */,
750
- /* 52 */,
751
- /* 53 */,
752
- /* 54 */,
753
- /* 55 */,
754
- /* 56 */,
755
- /* 57 */,
756
- /* 58 */,
757
- /* 59 */,
758
- /* 60 */,
759
- /* 61 */,
760
- /* 62 */,
761
- /* 63 */,
762
- /* 64 */,
763
- /* 65 */,
764
- /* 66 */,
765
- /* 67 */,
766
- /* 68 */,
767
- /* 69 */,
768
- /* 70 */
769
- /***/ (function(module, exports, __webpack_require__) {
770
-
771
- "use strict";
772
-
773
-
774
- var _toConsumableArray = __webpack_require__(1);
775
-
776
- Object.defineProperty(exports, "__esModule", {
777
- value: true
778
- });
779
-
780
- var i18n_1 = __webpack_require__(0);
781
-
782
- var visualization_schemas_1 = __webpack_require__(2);
783
-
784
- var pick_1 = __webpack_require__(8);
785
-
786
- var variables_1 = __webpack_require__(9);
787
-
788
- var PresetPalettes_1 = __webpack_require__(13);
789
-
790
- var visualization_icons_1 = __webpack_require__(11);
791
-
792
- var placeholders_1 = __webpack_require__(10);
793
-
794
- var configUtils_1 = __webpack_require__(4);
795
-
796
- var StaticMajorAndTrendLayout_1 = __webpack_require__(26);
797
-
798
- var VizBehavior_1 = __webpack_require__(6);
799
-
800
- var configUtils_2 = __webpack_require__(3);
801
-
802
- var VizCategory_1 = __webpack_require__(7);
803
-
804
- var DynamicMajorColorAndGaugeEditor_1 = __webpack_require__(71);
805
-
806
- var DynamicTrendColorEditor_1 = __webpack_require__(24);
807
-
808
- var DynamicBackgroundColorEditor_1 = __webpack_require__(25);
809
-
810
- var StaticMajorColorEditor_1 = __webpack_require__(27);
811
-
812
- var StaticTrendColorEditor_1 = __webpack_require__(28);
813
-
814
- var StaticBackgroundColorEditor_1 = __webpack_require__(22);
815
-
816
- var RadialBackgroundColor_1 = __webpack_require__(72);
817
-
818
- var TrellisEditors_1 = __webpack_require__(29);
350
+ // src/common/editorConfig/TrellisEditors.ts
351
+ var isTrellisFeatureFlagOn = ({ featureFlags }) => {
352
+ return Boolean(featureFlags == null ? void 0 : featureFlags.visualizations_enableTrellis);
353
+ };
354
+ var isTrellisEnabled = ({ options, featureFlags }) => {
355
+ const { splitByLayout = visualization_schemas_exports.LAYOUT_TYPE.Off } = options;
356
+ return isTrellisFeatureFlagOn({ featureFlags }) && splitByLayout === visualization_schemas_exports.LAYOUT_TYPE.Trellis;
357
+ };
358
+ var TrellisEditorConfig = [
359
+ [
360
+ {
361
+ label: (0, i18n_exports._)("Trellis layout"),
362
+ option: "splitByLayout",
363
+ editor: "editor.toggle",
364
+ showEditor: isTrellisFeatureFlagOn
365
+ }
366
+ ],
367
+ [
368
+ {
369
+ label: (0, i18n_exports._)("Split by"),
370
+ option: "trellisSplitBy",
371
+ editor: "editor.trellisSplitBy",
372
+ editorProps: {
373
+ dataSourceKey: "primary"
374
+ },
375
+ showEditor: isTrellisEnabled
376
+ }
377
+ ],
378
+ [
379
+ {
380
+ label: (0, i18n_exports._)("Number of columns"),
381
+ option: "trellisColumns",
382
+ editor: "editor.number",
383
+ editorProps: {
384
+ min: 1
385
+ },
386
+ placeholder: (0, i18n_exports._)("Auto"),
387
+ showEditor: isTrellisEnabled
388
+ }
389
+ ],
390
+ [
391
+ {
392
+ label: (0, i18n_exports._)("Min column width"),
393
+ option: "trellisMinColumnWidth",
394
+ editor: "editor.number",
395
+ editorProps: {
396
+ min: 1
397
+ },
398
+ showEditor: isTrellisEnabled
399
+ },
400
+ {
401
+ label: (0, i18n_exports._)("Row height"),
402
+ option: "trellisRowHeight",
403
+ editor: "editor.number",
404
+ editorProps: {
405
+ min: 1
406
+ },
407
+ showEditor: isTrellisEnabled
408
+ }
409
+ ],
410
+ [
411
+ {
412
+ label: (0, i18n_exports._)("Max number of components per page"),
413
+ option: "trellisPageCount",
414
+ editor: "editor.number",
415
+ editorProps: {
416
+ min: 1
417
+ },
418
+ showEditor: isTrellisEnabled
419
+ }
420
+ ]
421
+ ];
422
+ var TimechartTrellisEditorConfig = [
423
+ [
424
+ {
425
+ label: (0, i18n_exports._)("Trellis layout"),
426
+ option: "splitByLayout",
427
+ editor: "editor.toggle",
428
+ showEditor: isTrellisFeatureFlagOn,
429
+ // add help text for timecharts
430
+ editorProps: {
431
+ help: (0, i18n_exports._)(
432
+ "Y2-axis and overlay field configurations are not supported when trellis is enabled."
433
+ ),
434
+ helpFormat: "under"
435
+ }
436
+ }
437
+ ],
438
+ ...TrellisEditorConfig.slice(1),
439
+ [
440
+ {
441
+ label: (0, i18n_exports._)("Shared y-axis scale"),
442
+ option: "trellisSharedScale",
443
+ editor: "editor.checkbox",
444
+ showEditor: isTrellisEnabled
445
+ }
446
+ ]
447
+ ];
448
+ var TrellisBackgroundColorEditor = {
449
+ label: (0, i18n_exports._)("Trellis background"),
450
+ option: "trellisBackgroundColor",
451
+ editor: "editor.color",
452
+ showEditor: isTrellisEnabled
453
+ };
819
454
 
455
+ // src/SingleValueRadial/config.ts
820
456
  var dataContract = {
821
- requiredDataSources: [{
822
- name: 'primary',
823
- description: 'DataSource that powers the visualization'
824
- }],
457
+ requiredDataSources: [
458
+ {
459
+ name: "primary",
460
+ description: "DataSource that powers the visualization"
461
+ }
462
+ ],
825
463
  optionalDataSources: [],
826
464
  initialRequestParams: {
827
- primary: {
828
- offset: 0,
829
- count: 10000
830
- }
465
+ primary: { offset: 0, count: 1e4 }
831
466
  }
832
467
  };
833
468
  var size = {
@@ -835,358 +470,288 @@ var size = {
835
470
  initialHeight: 250
836
471
  };
837
472
  var defaultContext = {
838
- majorColorConfig: [{
839
- to: 20,
840
- value: '#D41F1F'
841
- }, {
842
- from: 20,
843
- to: 40,
844
- value: '#D94E17'
845
- }, {
846
- from: 40,
847
- to: 60,
848
- value: '#CBA700'
849
- }, {
850
- from: 60,
851
- to: 80,
852
- value: '#669922'
853
- }, {
854
- from: 80,
855
- value: '#118832'
856
- }],
857
- majorColorMatchConfig: [{
858
- match: '',
859
- value: '#5C33FF'
860
- }],
861
- trendColorConfig: [{
862
- to: 0,
863
- value: '#9E2520'
864
- }, {
865
- from: 0,
866
- value: '#1C6B2D'
867
- }]
473
+ majorColorConfig: [
474
+ { to: 20, value: "#D41F1F" },
475
+ { from: 20, to: 40, value: "#D94E17" },
476
+ { from: 40, to: 60, value: "#CBA700" },
477
+ { from: 60, to: 80, value: "#669922" },
478
+ { from: 80, value: "#118832" }
479
+ ],
480
+ majorColorMatchConfig: [{ match: "", value: "#5C33FF" }],
481
+ trendColorConfig: [
482
+ {
483
+ to: 0,
484
+ value: "#9E2520"
485
+ },
486
+ {
487
+ from: 0,
488
+ value: "#1C6B2D"
489
+ }
490
+ ],
491
+ trendValueCopy: "> trendValue",
492
+ divisor: "> majorValue | subtract(trendValueCopy) | divideBy(100)",
493
+ trendValuePercent: "> trendValue | divideBy(divisor)"
868
494
  };
869
495
  var basePresetContext = {
870
- majorColorEditorConfig: undefined,
871
- trendColorEditorConfig: undefined,
872
- backgroundColorEditorConfig: undefined
496
+ majorColorEditorConfig: void 0,
497
+ trendColorEditorConfig: void 0,
498
+ backgroundColorEditorConfig: void 0
873
499
  };
874
500
  var basePresetOptions = {
875
- majorColor: undefined,
876
- trendColor: undefined,
877
- backgroundColor: undefined
501
+ majorColor: void 0,
502
+ trendColor: void 0,
503
+ backgroundColor: void 0
878
504
  };
879
- var presets = [{
880
- // dummy context variables to allow for resetting of unused context states
881
- label: (0, i18n_1._)('None'),
882
- name: 'singleValueRadial.none',
883
- value: {
884
- context: Object.assign({}, basePresetContext),
885
- options: Object.assign({}, basePresetOptions)
886
- }
887
- }, {
888
- label: (0, i18n_1._)('Major value and gauge'),
889
- name: 'singleValueRadial.majorValue',
890
- value: {
891
- context: Object.assign(Object.assign({}, basePresetContext), {
892
- majorColorEditorConfig: defaultContext.majorColorConfig
893
- }),
894
- options: Object.assign(Object.assign({}, basePresetOptions), {
895
- majorColor: '> majorValue | rangeValue(majorColorEditorConfig)'
896
- })
897
- }
898
- }, {
899
- label: (0, i18n_1._)('Major value, trend value, and gauge'),
900
- name: 'singleValueRadial.majorValueAndTrend',
901
- value: {
902
- context: Object.assign(Object.assign({}, basePresetContext), {
903
- majorColorEditorConfig: defaultContext.majorColorConfig,
904
- trendColorEditorConfig: defaultContext.trendColorConfig
905
- }),
906
- options: Object.assign(Object.assign({}, basePresetOptions), {
907
- majorColor: '> majorValue | rangeValue(majorColorEditorConfig)',
908
- trendColor: '> trendValue | rangeValue(trendColorEditorConfig)'
909
- })
910
- }
911
- }, {
912
- label: (0, i18n_1._)('Trend value'),
913
- name: 'singleValueRadial.trend',
914
- value: {
915
- context: Object.assign(Object.assign({}, basePresetContext), {
916
- trendColorEditorConfig: defaultContext.trendColorConfig
917
- }),
918
- options: Object.assign(Object.assign({}, basePresetOptions), {
919
- trendColor: '> trendValue | rangeValue(trendColorEditorConfig)'
920
- })
921
- }
922
- }, {
923
- label: (0, i18n_1._)('Background'),
924
- name: 'singleValueRadial.background',
925
- value: {
926
- context: Object.assign(Object.assign({}, basePresetContext), {
927
- backgroundColorEditorConfig: defaultContext.majorColorConfig
928
- }),
929
- options: Object.assign(Object.assign({}, basePresetOptions), {
930
- backgroundColor: '> majorValue | rangeValue(backgroundColorEditorConfig)'
931
- })
932
- }
933
- }];
934
- var themes = {
935
- defaultFontColor: function defaultFontColor(props) {
936
- return (0, pick_1.default)({
937
- enterprise: {
938
- dark: variables_1.default.white(props),
939
- light: variables_1.default.black(props)
940
- },
941
- prisma: variables_1.default.contentColorActive(props)
942
- })(props);
943
- },
944
- defaultBackgroundColor: function defaultBackgroundColor(props) {
945
- return (0, pick_1.default)({
946
- enterprise: {
947
- dark: variables_1.default.black(props),
948
- light: variables_1.default.white(props)
949
- },
950
- prisma: variables_1.default.backgroundColorSidebar(props)
951
- })(props);
952
- },
953
- defaultRadialBackgroundColor: function defaultRadialBackgroundColor(props) {
954
- return (0, pick_1.default)({
955
- enterprise: {
956
- dark: 'rgba(255, 255, 255, 0.15)',
957
- light: 'rgba(0, 0, 0, 0.1)'
958
- },
959
- prisma: variables_1.default.interactiveColorBackgroundDisabled(props)
960
- })(props);
961
- }
962
- };
963
- var editorConfig = [{
964
- label: (0, i18n_1._)('Data configurations'),
965
- layout: [[{
966
- label: (0, i18n_1._)('Value'),
967
- editor: 'editor.columnSelector',
968
- option: 'majorValue',
969
- context: 'valuesContext',
970
- editorProps: {
971
- dataSourceKey: 'primary',
972
- prepareValue: function prepareValue(definition) {
973
- var baseSPL = definition.options.majorValue;
974
- return {
975
- context: {},
976
- options: {
977
- majorValue: "".concat(baseSPL, " | lastPoint()"),
978
- trendValue: "".concat(baseSPL, " | delta(-2)")
979
- }
980
- };
981
- }
982
- },
983
- isDisabled: function isDisabled(_ref) {
984
- var options = _ref.options;
985
- return options.splitByLayout === visualization_schemas_1.LAYOUT_TYPE.Trellis;
986
- }
987
- }]]
988
- }, {
989
- label: (0, i18n_1._)('Data display'),
990
- layout: [].concat(_toConsumableArray(StaticMajorAndTrendLayout_1.default), [[{
991
- label: (0, i18n_1._)('Trend display'),
992
- option: 'trendDisplay',
993
- editor: 'editor.select',
994
- editorProps: {
995
- values: [{
996
- label: (0, i18n_1._)('Percent'),
997
- value: 'percent'
998
- }, {
999
- label: (0, i18n_1._)('Absolute'),
1000
- value: 'absolute'
1001
- }, {
1002
- label: (0, i18n_1._)('Off'),
1003
- value: 'off'
1004
- }]
1005
- },
1006
- showEditor: function showEditor(_ref2) {
1007
- var options = _ref2.options;
1008
- return options.showValue || options.showValue === undefined;
1009
- }
1010
- }], [{
1011
- label: (0, i18n_1._)('Min'),
1012
- option: 'minValue',
1013
- editor: 'editor.number'
1014
- }, {
1015
- label: (0, i18n_1._)('Max'),
1016
- option: 'maxValue',
1017
- editor: 'editor.number'
1018
- }]], _toConsumableArray(TrellisEditors_1.TrellisEditorConfig))
1019
- }, {
1020
- label: (0, i18n_1._)('Color and style'),
1021
- layout: [[{
1022
- label: (0, i18n_1._)('Dynamic elements'),
1023
- key: 'presetSelector',
1024
- editor: 'editor.presetSelector',
1025
- editorProps: {
1026
- presets: presets,
1027
- value: function value(_ref3) {
1028
- var context = _ref3.context,
1029
- options = _ref3.options;
1030
- var initialPreset = (0, configUtils_2.getInitialPreset)(context, options, presets);
1031
- return initialPreset && initialPreset.label || null;
1032
- }
1033
- }
1034
- }], [Object.assign(Object.assign({}, StaticMajorColorEditor_1.default), {
1035
- editorProps: {
1036
- themes: themes
505
+ var presets = [
506
+ {
507
+ // dummy context variables to allow for resetting of unused context states
508
+ label: (0, i18n_exports._)("None"),
509
+ name: "singleValueRadial.none",
510
+ value: {
511
+ context: __spreadValues({}, basePresetContext),
512
+ options: __spreadValues({}, basePresetOptions)
1037
513
  }
1038
- })], [(0, DynamicMajorColorAndGaugeEditor_1.getDynamicMajorColorAndGaugeEditor)({
1039
- defaultContext: defaultContext,
1040
- defaultPalettesConfig: PresetPalettes_1.defaultPalettesConfig
1041
- })], [Object.assign(Object.assign({}, StaticTrendColorEditor_1.default), {
1042
- editorProps: {
1043
- themes: themes
514
+ },
515
+ {
516
+ label: (0, i18n_exports._)("Major value and gauge"),
517
+ name: "singleValueRadial.majorValue",
518
+ value: {
519
+ context: __spreadProps(__spreadValues({}, basePresetContext), {
520
+ majorColorEditorConfig: defaultContext.majorColorConfig
521
+ }),
522
+ options: __spreadProps(__spreadValues({}, basePresetOptions), {
523
+ majorColor: "> majorValue | rangeValue(majorColorEditorConfig)"
524
+ })
1044
525
  }
1045
- })], [(0, DynamicTrendColorEditor_1.getDynamicTrendColorEditor)({
1046
- defaultContext: defaultContext,
1047
- defaultPalettesConfig: PresetPalettes_1.defaultPalettesConfig
1048
- })], [{
1049
- label: (0, i18n_1._)('Major value abbreviation'),
1050
- option: 'shouldAbbreviateMajorValue',
1051
- editor: 'editor.checkbox'
1052
- }], [{
1053
- label: (0, i18n_1._)('Trend value abbreviation'),
1054
- option: 'shouldAbbreviateTrendValue',
1055
- editor: 'editor.checkbox'
1056
- }], (0, RadialBackgroundColor_1.default)({
1057
- themes: themes
1058
- }), [Object.assign(Object.assign({}, StaticBackgroundColorEditor_1.default), {
1059
- editorProps: {
1060
- themes: themes
526
+ },
527
+ {
528
+ label: (0, i18n_exports._)("Major value, trend value, and gauge"),
529
+ name: "singleValueRadial.majorValueAndTrend",
530
+ value: {
531
+ context: __spreadProps(__spreadValues({}, basePresetContext), {
532
+ majorColorEditorConfig: defaultContext.majorColorConfig,
533
+ trendColorEditorConfig: defaultContext.trendColorConfig
534
+ }),
535
+ options: __spreadProps(__spreadValues({}, basePresetOptions), {
536
+ majorColor: "> majorValue | rangeValue(majorColorEditorConfig)",
537
+ trendColor: "> trendValue | rangeValue(trendColorEditorConfig)"
538
+ })
1061
539
  }
1062
- })], [Object.assign(Object.assign({}, TrellisEditors_1.TrellisBackgroundColorEditor), {
1063
- editorProps: {
1064
- themes: themes
540
+ },
541
+ {
542
+ label: (0, i18n_exports._)("Trend value"),
543
+ name: "singleValueRadial.trend",
544
+ value: {
545
+ context: __spreadProps(__spreadValues({}, basePresetContext), {
546
+ trendColorEditorConfig: defaultContext.trendColorConfig
547
+ }),
548
+ options: __spreadProps(__spreadValues({}, basePresetOptions), {
549
+ trendColor: "> trendValue | rangeValue(trendColorEditorConfig)"
550
+ })
1065
551
  }
1066
- })], [(0, DynamicBackgroundColorEditor_1.getDynamicBackgroundColorEditor)({
1067
- defaultContext: defaultContext,
1068
- defaultPalettesConfig: PresetPalettes_1.defaultPalettesConfig
1069
- })], [{
1070
- label: (0, i18n_1._)('Show gauge ranges'),
1071
- option: 'isGaugeOn',
1072
- editor: 'editor.toggle',
1073
- showEditor: function showEditor(_ref4) {
1074
- var options = _ref4.options;
1075
- return (0, configUtils_1.isDynamicOption)(options.majorColor);
552
+ },
553
+ {
554
+ label: (0, i18n_exports._)("Background"),
555
+ name: "singleValueRadial.background",
556
+ value: {
557
+ context: __spreadProps(__spreadValues({}, basePresetContext), {
558
+ backgroundColorEditorConfig: defaultContext.majorColorConfig
559
+ }),
560
+ options: __spreadProps(__spreadValues({}, basePresetOptions), {
561
+ backgroundColor: "> majorValue | rangeValue(backgroundColorEditorConfig)"
562
+ })
1076
563
  }
1077
- }]]
1078
- }];
1079
- /**
1080
- * visualization configuration
1081
- */
1082
-
564
+ }
565
+ ];
566
+ var themes = {
567
+ defaultFontColor: (props) => pick_default({
568
+ enterprise: {
569
+ dark: variables_default.white(props),
570
+ light: variables_default.black(props)
571
+ },
572
+ prisma: variables_default.contentColorActive(props)
573
+ })(props),
574
+ defaultBackgroundColor: (props) => pick_default({
575
+ enterprise: {
576
+ dark: variables_default.black(props),
577
+ light: variables_default.white(props)
578
+ },
579
+ prisma: variables_default.backgroundColorSidebar(props)
580
+ })(props),
581
+ defaultRadialBackgroundColor: (props) => pick_default({
582
+ enterprise: {
583
+ dark: "rgba(255, 255, 255, 0.15)",
584
+ light: "rgba(0, 0, 0, 0.1)"
585
+ },
586
+ prisma: variables_default.interactiveColorBackgroundDisabled(props)
587
+ })(props)
588
+ };
589
+ var editorConfig = [
590
+ {
591
+ label: (0, i18n_exports._)("Data configurations"),
592
+ layout: [
593
+ [
594
+ {
595
+ label: (0, i18n_exports._)("Value"),
596
+ editor: "editor.columnSelector",
597
+ option: "majorValue",
598
+ context: "valuesContext",
599
+ editorProps: {
600
+ dataSourceKey: "primary",
601
+ prepareValue: (definition) => {
602
+ const {
603
+ options: { majorValue: baseSPL }
604
+ } = definition;
605
+ return {
606
+ context: {},
607
+ options: {
608
+ majorValue: `${baseSPL} | lastPoint()`,
609
+ trendValue: `${baseSPL} | delta(-2)`
610
+ }
611
+ };
612
+ }
613
+ },
614
+ isDisabled: ({ options }) => options.splitByLayout === visualization_schemas_exports.LAYOUT_TYPE.Trellis
615
+ }
616
+ ]
617
+ ]
618
+ },
619
+ {
620
+ label: (0, i18n_exports._)("Data display"),
621
+ layout: [
622
+ ...StaticMajorAndTrendLayout_default,
623
+ [
624
+ {
625
+ label: (0, i18n_exports._)("Trend display"),
626
+ option: "trendDisplay",
627
+ editor: "editor.select",
628
+ editorProps: {
629
+ values: [
630
+ { label: (0, i18n_exports._)("Percent"), value: "percent" },
631
+ { label: (0, i18n_exports._)("Absolute"), value: "absolute" },
632
+ { label: (0, i18n_exports._)("Off"), value: "off" }
633
+ ]
634
+ },
635
+ showEditor: ({ options }) => options.showValue || options.showValue === void 0
636
+ }
637
+ ],
638
+ [
639
+ {
640
+ label: (0, i18n_exports._)("Min"),
641
+ option: "minValue",
642
+ editor: "editor.number"
643
+ },
644
+ {
645
+ label: (0, i18n_exports._)("Max"),
646
+ option: "maxValue",
647
+ editor: "editor.number"
648
+ }
649
+ ],
650
+ ...TrellisEditorConfig
651
+ ]
652
+ },
653
+ {
654
+ label: (0, i18n_exports._)("Color and style"),
655
+ layout: [
656
+ [
657
+ {
658
+ label: (0, i18n_exports._)("Dynamic elements"),
659
+ key: "presetSelector",
660
+ editor: "editor.presetSelector",
661
+ editorProps: {
662
+ presets,
663
+ value: ({ context, options }) => {
664
+ const initialPreset = getInitialPreset(context, options, presets);
665
+ return initialPreset && initialPreset.label || null;
666
+ }
667
+ }
668
+ }
669
+ ],
670
+ [
671
+ __spreadProps(__spreadValues({}, StaticMajorColorEditor_default), {
672
+ editorProps: {
673
+ themes
674
+ }
675
+ })
676
+ ],
677
+ [getDynamicMajorColorAndGaugeEditor({ defaultContext, defaultPalettesConfig: PresetPalettes_exports.defaultPalettesConfig })],
678
+ [
679
+ __spreadProps(__spreadValues({}, StaticTrendColorEditor_default), {
680
+ editorProps: {
681
+ themes
682
+ }
683
+ })
684
+ ],
685
+ [getDynamicTrendColorEditor({ defaultContext, defaultPalettesConfig: PresetPalettes_exports.defaultPalettesConfig })],
686
+ [
687
+ {
688
+ label: (0, i18n_exports._)("Major value abbreviation"),
689
+ option: "shouldAbbreviateMajorValue",
690
+ editor: "editor.checkbox"
691
+ }
692
+ ],
693
+ [
694
+ {
695
+ label: (0, i18n_exports._)("Trend value abbreviation"),
696
+ option: "shouldAbbreviateTrendValue",
697
+ editor: "editor.checkbox"
698
+ }
699
+ ],
700
+ RadialBackgroundColor_default({ themes }),
701
+ [
702
+ __spreadProps(__spreadValues({}, StaticBackgroundColorEditor_default), {
703
+ editorProps: {
704
+ themes
705
+ }
706
+ })
707
+ ],
708
+ [
709
+ __spreadProps(__spreadValues({}, TrellisBackgroundColorEditor), {
710
+ editorProps: {
711
+ themes
712
+ }
713
+ })
714
+ ],
715
+ [getDynamicBackgroundColorEditor({ defaultContext, defaultPalettesConfig: PresetPalettes_exports.defaultPalettesConfig })],
716
+ [
717
+ {
718
+ label: (0, i18n_exports._)("Show gauge ranges"),
719
+ option: "isGaugeOn",
720
+ editor: "editor.toggle",
721
+ showEditor: ({ options }) => (0, configUtils_exports.isDynamicOption)(options.majorColor)
722
+ }
723
+ ]
724
+ ]
725
+ }
726
+ ];
1083
727
  var config = {
1084
728
  /**
1085
729
  * unique viz key
1086
730
  */
1087
- key: 'splunk.singlevalueradial',
1088
-
731
+ key: "splunk.singlevalueradial",
1089
732
  /**
1090
733
  * viz name
1091
734
  */
1092
- name: (0, i18n_1._)('Single value radial'),
1093
- category: VizCategory_1.VizCategory.SINGLE_VALUE,
1094
-
735
+ name: (0, i18n_exports._)("Single value radial"),
736
+ category: "Single Value" /* SINGLE_VALUE */,
1095
737
  /**
1096
738
  * viz icon
1097
739
  */
1098
- icon: visualization_icons_1.SingleValueRadial,
1099
- placeholderIcon: placeholders_1.SingleValueRadial,
1100
- dataContract: dataContract,
1101
- size: size,
1102
- defaultContext: defaultContext,
1103
- optionsSchema: visualization_schemas_1.singleValueRadialOptionsSchema,
1104
- editorConfig: editorConfig,
740
+ icon: visualization_icons_exports.SingleValueRadial,
741
+ placeholderIcon: placeholders_exports.SingleValueRadial,
742
+ dataContract,
743
+ size,
744
+ defaultContext,
745
+ optionsSchema: visualization_schemas_exports.singleValueRadialOptionsSchema,
746
+ editorConfig,
1105
747
  events: {
1106
- 'value.click': {
1107
- description: 'trigger when user clicks major value',
1108
- payloadKeys: ['majorValue', 'trendValue']
748
+ "value.click": {
749
+ description: "trigger when user clicks major value",
750
+ payloadKeys: ["majorValue", "trendValue"]
1109
751
  }
1110
752
  },
1111
- supports: [VizBehavior_1.VizBehavior.DYNAMIC_OPTIONS, VizBehavior_1.VizBehavior.EVENTS, VizBehavior_1.VizBehavior.PLACEHOLDER, VizBehavior_1.VizBehavior.TRELLIS],
1112
- themes: themes
753
+ supports: ["dynamic-options" /* DYNAMIC_OPTIONS */, "events" /* EVENTS */, "placeholder" /* PLACEHOLDER */, "trellis" /* TRELLIS */],
754
+ themes
1113
755
  };
1114
- exports.default = (0, configUtils_2.enhanceConfig)(config);
1115
-
1116
- /***/ }),
1117
- /* 71 */
1118
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
1119
-
1120
- "use strict";
1121
- __webpack_require__.r(__webpack_exports__);
1122
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getDynamicMajorColorAndGaugeEditor", function() { return getDynamicMajorColorAndGaugeEditor; });
1123
- /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
1124
- /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__);
1125
- /* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4);
1126
- /* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__);
1127
-
1128
-
1129
- var getDynamicMajorColorAndGaugeEditor = function getDynamicMajorColorAndGaugeEditor(_ref) {
1130
- var defaultContext = _ref.defaultContext,
1131
- defaultPalettesConfig = _ref.defaultPalettesConfig;
1132
- return {
1133
- label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Major value and gauge'),
1134
- option: 'majorColor',
1135
- context: 'majorColorEditorConfig',
1136
- editor: 'editor.dynamicColor',
1137
- showEditor: function showEditor(_ref2) {
1138
- var options = _ref2.options;
1139
- return Object(_splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__["isDynamicOption"])(options.majorColor);
1140
- },
1141
- editorProps: {
1142
- labelPosition: 'top',
1143
- flyoutTitle: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Dynamic coloring: major value'),
1144
- formatters: [{
1145
- label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Ranges'),
1146
- value: 'rangeValue',
1147
- defaults: {
1148
- majorValue: defaultContext.majorColorConfig
1149
- }
1150
- }],
1151
- dataSelectors: [{
1152
- label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Major value'),
1153
- value: 'majorValue'
1154
- }],
1155
- defaultPalettesConfig: defaultPalettesConfig
1156
- }
1157
- };
1158
- };
1159
-
1160
- /***/ }),
1161
- /* 72 */
1162
- /***/ (function(module, exports, __webpack_require__) {
1163
-
1164
- "use strict";
1165
-
1166
-
1167
- Object.defineProperty(exports, "__esModule", {
1168
- value: true
1169
- });
1170
-
1171
- var i18n_1 = __webpack_require__(0);
1172
-
1173
- var radialBackground = function radialBackground(_ref) {
1174
- var label = _ref.label,
1175
- themes = _ref.themes,
1176
- labelPosition = _ref.labelPosition;
1177
- return [{
1178
- label: (0, i18n_1._)(label || 'Radial background'),
1179
- option: 'radialBackgroundColor',
1180
- editor: 'editor.color',
1181
- editorProps: {
1182
- labelPosition: labelPosition || 'top',
1183
- themes: themes
1184
- }
1185
- }];
1186
- };
1187
-
1188
- exports.default = radialBackground;
1189
-
1190
- /***/ })
1191
- /******/ ]);
1192
- //# sourceMappingURL=SingleValueRadial.config.js.map
756
+ var config_default = enhanceConfig(config);
757
+ //# sourceMappingURL=SingleValueRadial.config.js.map