@splunk/visualizations 24.5.3 → 25.0.0

package/Table.config.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 69);
+/******/ 	return __webpack_require__(__webpack_require__.s = 73);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -105,6 +105,8 @@ module.exports = require("@splunk/ui-utils/i18n");
 "use strict";
 
 
+var _toConsumableArray = __webpack_require__(2);
+
 var _defineProperty = __webpack_require__(6);
 
 var __rest = this && this.__rest || function (s, e) {
@@ -123,13 +125,13 @@ var __rest = this && this.__rest || function (s, e) {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.generatePrecisionValues = exports.getInitialPreset = exports.isDynamicOption = exports.enhanceOptionsSchemaWithDynamicOptions = exports.enhanceConfig = void 0;
+exports.insertLayout = exports.generatePrecisionValues = exports.getInitialPreset = exports.isDynamicOption = exports.enhanceOptionsSchemaWithDynamicOptions = exports.enhanceConfig = void 0;
 
-var lodash_1 = __webpack_require__(4);
+var lodash_1 = __webpack_require__(5);
 
-var schemaUtils_1 = __webpack_require__(3);
+var schemaUtils_1 = __webpack_require__(4);
 
-var VizBehavior_1 = __webpack_require__(2);
+var VizBehavior_1 = __webpack_require__(3);
 
 var dynamicOptionsDSLType = {
   type: 'string',
@@ -288,31 +290,56 @@ function generatePrecisionValues(numPrecisionValues) {
 }
 
 exports.generatePrecisionValues = generatePrecisionValues;
+/**
+ * insert layout in layout array, return a new layout array instead of updating the original
+ *
+ * @param {EditorLayoutConfig[][]} layout - editor layout
+ * @param {Number} index - the index to insert layout item(s)
+ * @param {EditorLayoutConfig[][]} layoutItems - the item(s) to insert
+ * @returns {EditorLayoutConfig[][]} new editor layout with insertion
+ */
+
+var insertLayout = function insertLayout(layout, index) {
+  for (var _len = arguments.length, layoutItems = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+    layoutItems[_key - 2] = arguments[_key];
+  }
+
+  return [].concat(_toConsumableArray(layout.slice(0, index)), layoutItems, _toConsumableArray(layout.slice(index)));
+};
+
+exports.insertLayout = insertLayout;
 
 /***/ }),
 
 /***/ 10:
 /***/ (function(module, exports) {
 
+module.exports = require("@splunk/visualization-icons/placeholders");
+
+/***/ }),
+
+/***/ 11:
+/***/ (function(module, exports) {
+
 module.exports = require("@splunk/visualization-icons");
 
 /***/ }),
 
-/***/ 16:
+/***/ 2:
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/toConsumableArray");
 
 /***/ }),
 
-/***/ 19:
+/***/ 24:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/colorConstants");
 
 /***/ }),
 
-/***/ 2:
+/***/ 3:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -350,21 +377,28 @@ var VizBehavior;
 
 /***/ }),
 
-/***/ 3:
+/***/ 4:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/schemaUtils");
 
 /***/ }),
 
-/***/ 4:
+/***/ 5:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 5:
+/***/ 6:
+/***/ (function(module, exports) {
+
+module.exports = require("@babel/runtime/helpers/defineProperty");
+
+/***/ }),
+
+/***/ 7:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -393,20 +427,13 @@ var VizCategory;
 
 /***/ }),
 
-/***/ 6:
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/defineProperty");
-
-/***/ }),
-
-/***/ 69:
+/***/ 73:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _toConsumableArray = __webpack_require__(16);
+var _toConsumableArray = __webpack_require__(2);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -414,15 +441,15 @@ Object.defineProperty(exports, "__esModule", {
 
 var i18n_1 = __webpack_require__(0);
 
-var lodash_1 = __webpack_require__(4);
+var lodash_1 = __webpack_require__(5);
 
-var schemaUtils_1 = __webpack_require__(3);
+var schemaUtils_1 = __webpack_require__(4);
 
-var colorConstants_1 = __webpack_require__(19);
+var colorConstants_1 = __webpack_require__(24);
 
-var visualization_icons_1 = __webpack_require__(10);
+var visualization_icons_1 = __webpack_require__(11);
 
-var placeholders_1 = __webpack_require__(7);
+var placeholders_1 = __webpack_require__(10);
 
 var variables_1 = __webpack_require__(9);
 
@@ -430,11 +457,11 @@ var pick_1 = __webpack_require__(8);
 
 var configUtils_1 = __webpack_require__(1);
 
-var VizBehavior_1 = __webpack_require__(2);
+var VizBehavior_1 = __webpack_require__(3);
 
-var consts_1 = __webpack_require__(70);
+var consts_1 = __webpack_require__(74);
 
-var VizCategory_1 = __webpack_require__(5);
+var VizCategory_1 = __webpack_require__(7);
 
 var dataContract = {
   requiredDataSources: [{
@@ -575,12 +602,12 @@ var matchColorConfig = [{
 var optionsSchema = {
   backgroundColor: {
     default: '> themes.defaultBackgroundColor',
-    description: 'Specify the color for the background. You may use a dataSource to apply the color. The default for enterprise light is "#ffffff". The default for enterprise dark is "#000000". The default for prisma dark is "#0b0c0e".',
+    description: 'Specify the color for the background. You might use a data source to apply the color. The default for enterprise light is "#FFFFFF". The default for enterprise dark is "#000000". The default for prisma dark is "#0B0C0E".',
     pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN,
     type: 'string'
   },
   columnFormat: {
-    description: 'Allows users to set column formatting for individual columns.',
+    description: 'Allows column formatting for individual columns.',
     type: 'object',
     patternProperties: {
       '.*': {
@@ -588,7 +615,7 @@ var optionsSchema = {
         type: 'object',
         properties: {
           align: {
-            description: 'Alignment for each cell in the column. Valid alignments include "left", "center", and "right".',
+            description: 'Specify the alignment for each cell in a column. Valid alignments include "left", "center", and "right".',
             type: 'array',
             items: {
               type: 'string',
@@ -596,7 +623,7 @@ var optionsSchema = {
             }
           },
           cellTypes: {
-            description: 'Cell renderer for each cell in the column. Valid cell renders include "TextCell", "ArrayCell", "SparklineCell".',
+            description: 'Specify how to render data in cells. Valid cell renders include "TextCell", "ArrayCell", "SparklineCell".',
             type: 'array',
             items: {
               type: 'string',
@@ -604,7 +631,7 @@ var optionsSchema = {
             }
           },
           data: {
-            description: 'Array of datapoint to be displayed in the column rows.',
+            description: 'Specify data points to be displayed in the cells of a column.',
             type: 'array',
             items: {
               oneOf: [{
@@ -620,7 +647,7 @@ var optionsSchema = {
             }
           },
           rowBackgroundColors: {
-            description: 'Array of colors for background color of each row of the column of the table.',
+            description: 'Specify a list of colors, in hexadecimal code, for the background color of each column of the table. For example, ["#2C333B", "32373D"].',
             type: 'array',
             items: {
               type: 'string',
@@ -628,7 +655,7 @@ var optionsSchema = {
             }
           },
           rowColors: {
-            description: 'Array of colors for text color of each row of the column of the table.',
+            description: 'Specify a list of colors, in hexadecimal code, for the text color of the cells of a column. For example, ["#2C333B", "32373D"].',
             type: 'array',
             items: {
               type: 'string',
@@ -636,7 +663,7 @@ var optionsSchema = {
             }
           },
           sparklineAreaColors: {
-            description: 'Array of colors for sparkline area color of each row of the column of the table.',
+            description: 'Specify a list of colors, in hexadecimal code, for the sparkline area of each column. For example, ["#2C333B", "32373D"].',
             type: 'array',
             items: {
               type: 'string',
@@ -644,7 +671,7 @@ var optionsSchema = {
             }
           },
           sparklineColors: {
-            description: 'Array of colors for sparkline line color of each row of the column of the table.',
+            description: 'Specify a list of colors, in hexadecimal code, for the sparkline stroke of each column. For example, ["#2C333B", "32373D"].',
             type: 'array',
             items: {
               type: 'string',
@@ -652,7 +679,7 @@ var optionsSchema = {
             }
           },
           sparklineTypes: {
-            description: 'Area or Line Sparkline. Valid sparkline types include "line", "area".',
+            description: 'Choose either area or line formatting for the Sparkline. Valid sparkline types include "line" and "area".',
             type: 'array',
             items: {
               type: 'string',
@@ -666,7 +693,7 @@ var optionsSchema = {
             enum: consts_1.validTextOverflows.concat()
           },
           width: {
-            description: 'Controls how wide in pixels (where 1px = 1/96th of 1in) the column should be displayed.',
+            description: 'Controls how wide in pixels (where 1 px = 1/96th of 1 in) the column should be displayed.',
             type: 'number',
             minimum: 30
           }
@@ -679,9 +706,21 @@ var optionsSchema = {
     type: 'number',
     default: 10
   },
+  font: {
+    default: 'proportional',
+    description: 'Specify the font style to use for table content.',
+    type: 'string',
+    pattern: schemaUtils_1.getPattern(['proportional', 'monospace'])
+  },
+  fontSize: {
+    default: 'default',
+    description: 'Specify the font size to use for table content. Font sizes range from extra small (10px) to large (16px) with the default being 14px.',
+    type: 'string',
+    pattern: schemaUtils_1.getPattern(consts_1.validFontSizes)
+  },
   headers: {
     default: '> table | getField()',
-    description: 'Array of headers to display on the table.',
+    description: "Specify an array of headers to display on the table. Though these can be statically listed, it's best to use the dynamic default, as it will return the fields of your search.",
     type: 'array',
     items: {
       type: 'string'
@@ -689,14 +728,14 @@ var optionsSchema = {
   },
   headerVisibility: {
     default: 'inline',
-    description: 'Header visibility can be none, fixed (docked) or inline.',
+    description: 'Specify how to display the table header row.',
     pattern: schemaUtils_1.getPattern(consts_1.validHeaderVisibilities),
     enum: consts_1.validHeaderVisibilities.concat(),
     type: 'string'
   },
   paginateDataSourceKey: {
     default: 'primary',
-    description: 'Use the specified datasource key for pagination and sorting.',
+    description: 'Specify the data source key for pagination and sorting.',
     type: 'string'
   },
   showInternalFields: {
@@ -735,7 +774,7 @@ var optionsSchema = {
     properties: {
       align: {
         default: '> table | type() | matchValue(tableAlignByType)',
-        description: 'Alignment for each cell in the table. Valid alignments include "left", "center", and "right".',
+        description: 'Specify alignment for each cell in the table. Valid alignments include "left", "center", and "right".',
         type: 'array',
         items: {
           type: 'array',
@@ -747,7 +786,7 @@ var optionsSchema = {
       },
       cellTypes: {
         default: '> table | type() | matchValue(tableCellTypeByType)',
-        description: 'Render the data in one of the supported cell type. Valid cell renders include "TextCell", "ArrayCell", "SparklineCell".',
+        description: 'Specify how to render data in cells. Valid cell renders include "TextCell", "ArrayCell", "SparklineCell".',
         type: 'array',
         items: {
           type: 'array',
@@ -778,18 +817,18 @@ var optionsSchema = {
       },
       headerBackgroundColor: {
         default: '> themes.defaultHeaderBackgroundColor',
-        description: 'Background color of table header.',
+        description: 'Specify the table header background color using a hexadecimal code. For example, "#FFFFFF".',
         pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN,
         type: 'string'
       },
       headerColor: {
-        description: 'Text color of the table header.',
+        description: 'Specify the table header text color using a hexadecimal code. For example, "#FFFFFF".',
         pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN,
         type: 'string'
       },
       rowBackgroundColors: {
         default: '> table | seriesByIndex(0) | pick(tableAltRowBackgroundColorsByTheme)',
-        description: 'Array of colors for background color of each row of the table.',
+        description: 'Specify a list of colors, in hexadecimal code, for the background color of each row of the table. For example, ["#2C333B", "32373D"].',
         type: 'array',
         items: {
           type: 'array',
@@ -800,7 +839,7 @@ var optionsSchema = {
         }
       },
       rowColors: {
-        description: 'Array of colors for text color of each row of the table.',
+        description: 'Specify a list of colors, in hexadecimal code, for the text color of each row of the table. For example, ["#2C333B", "32373D"].',
         type: 'array',
         items: {
           type: 'array',
@@ -811,7 +850,7 @@ var optionsSchema = {
         }
       },
       sparklineAreaColors: {
-        description: 'Array of colors for sparkline area of each row of the table.',
+        description: 'Specify a list of colors, in hexadecimal code, for the sparkline area of each row of the table. For example, ["#2C333B", "32373D"].',
         type: 'array',
         items: {
           type: 'array',
@@ -822,7 +861,7 @@ var optionsSchema = {
         }
       },
       sparklineColors: {
-        description: 'Array of colors for sparkline line of each row of the table.',
+        description: 'Specify a list of colors, in hexadecimal code, for the sparkline stroke of each row of the table. For example, ["#2C333B", "32373D"].',
         type: 'array',
         items: {
           type: 'array',
@@ -833,7 +872,7 @@ var optionsSchema = {
         }
       },
       sparklineTypes: {
-        description: 'Area or Line Sparkline. Valid sparkline types include "line", "area".',
+        description: 'Choose either area or line formatting for the Sparkline.',
         type: 'array',
         items: {
           type: 'array',
@@ -958,6 +997,42 @@ var editorConfig = [{
       labelWidth: EDITOR_LABEL_WIDTH,
       palette: _toConsumableArray(backgroundColorPaletteSet)
     }
+  }], [{
+    option: 'font',
+    label: i18n_1._('Font'),
+    editor: 'editor.select',
+    editorProps: {
+      values: [{
+        label: i18n_1._('Proportional (Default)'),
+        value: 'proportional'
+      }, {
+        label: i18n_1._('Monospace'),
+        value: 'monospace'
+      }],
+      labelPosition: 'top',
+      labelWidth: EDITOR_LABEL_WIDTH
+    }
+  }], [{
+    option: 'fontSize',
+    label: i18n_1._('Font Size'),
+    editor: 'editor.select',
+    editorProps: {
+      values: [{
+        label: i18n_1._('Extra Small (font 10px, row 24px)'),
+        value: 'extraSmall'
+      }, {
+        label: i18n_1._('Small (font 12px, row 24px)'),
+        value: 'small'
+      }, {
+        label: i18n_1._('Default (font 14px, row 32px)'),
+        value: 'default'
+      }, {
+        label: i18n_1._('Large (font 16px, row 36px)'),
+        value: 'large'
+      }],
+      labelPosition: 'top',
+      labelWidth: EDITOR_LABEL_WIDTH
+    }
   }]]
 }, {
   label: i18n_1._('Column Formatting'),
@@ -1079,14 +1154,7 @@ exports.default = configUtils_1.enhanceConfig(config);
 
 /***/ }),
 
-/***/ 7:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/visualization-icons/placeholders");
-
-/***/ }),
-
-/***/ 70:
+/***/ 74:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1095,12 +1163,13 @@ module.exports = require("@splunk/visualization-icons/placeholders");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.validTextOverflows = exports.validAlignments = exports.validHeaderVisibilities = exports.validSparklineTypes = exports.validCellRenderers = void 0;
+exports.validFontSizes = exports.validTextOverflows = exports.validAlignments = exports.validHeaderVisibilities = exports.validSparklineTypes = exports.validCellRenderers = void 0;
 exports.validCellRenderers = ['TextCell', 'ArrayCell', 'SparklineCell'];
 exports.validSparklineTypes = ['line', 'area'];
 exports.validHeaderVisibilities = ['none', 'fixed', 'inline'];
 exports.validAlignments = ['left', 'center', 'right'];
 exports.validTextOverflows = ['anywhere', 'break-word', 'ellipsis'];
+exports.validFontSizes = ['extraSmall', 'small', 'default', 'large'];
 
 /***/ }),