@splunk/visualizations 25.4.0 → 25.5.0

package/Table.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 456);
+/******/ 	return __webpack_require__(__webpack_require__.s = 459);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -221,7 +221,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "25.4.0 - 6a8a433b8",
+      "data-splunk-visualization-version": "25.5.0 - 12c0447a7",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -283,7 +283,7 @@ module.exports = require("@splunk/visualizations-shared/style");
 
 /***/ }),
 
-/***/ 150:
+/***/ 151:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -313,13 +313,13 @@ var lodash_1 = __webpack_require__(3);
 
 var colorUtils_1 = __webpack_require__(12);
 
-var config_1 = __webpack_require__(457);
+var config_1 = __webpack_require__(460);
 
 exports.config = config_1.default;
 
 var withDashboardViz_1 = __webpack_require__(32);
 
-var PureTable_1 = __webpack_require__(458);
+var PureTable_1 = __webpack_require__(461);
 
 exports.PureTable = PureTable_1.default;
 
@@ -1587,7 +1587,7 @@ var Cover = styled_components_1.default.div.withConfig({
   componentId: "sc-1gsbnxb-0"
 })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
 var Blocker = styled_components_1.default.div.attrs({
-  'data-splunk-visualization-version': "25.4.0 - 6a8a433b8"
+  'data-splunk-visualization-version': "25.5.0 - 12c0447a7"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
@@ -1698,7 +1698,7 @@ module.exports = require("@splunk/visualizations-shared/colorConstants");
 
 /***/ }),
 
-/***/ 456:
+/***/ 459:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1730,9 +1730,9 @@ exports.default = void 0; // NOTE: wildcard syntax only works for named exports
 // for some reason, omitting the default export worked before TS v4
 // see: https://stackoverflow.com/a/34445175
 
-__exportStar(__webpack_require__(150), exports);
+__exportStar(__webpack_require__(151), exports);
 
-var Table_1 = __webpack_require__(150);
+var Table_1 = __webpack_require__(151);
 
 Object.defineProperty(exports, "default", {
   enumerable: true,
@@ -1743,7 +1743,7 @@ Object.defineProperty(exports, "default", {
 
 /***/ }),
 
-/***/ 457:
+/***/ 460:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1872,7 +1872,7 @@ var defaultContext = {
   tableAltRowBackgroundColorsByBackgroundColor: ['> backgroundColor', '> backgroundColor | setColorChannel(tableRowBackgroundColorEvenConfig)']
 };
 var unitPositionConfig = {
-  label: i18n_1._('Units Position'),
+  label: i18n_1._('Units position'),
   editor: 'editor.select',
   option: 'unitPosition',
   editorProps: {
@@ -1886,12 +1886,12 @@ var unitPositionConfig = {
   }
 };
 var unitLabelConfig = {
-  label: i18n_1._('Unit Label'),
+  label: i18n_1._('Unit label'),
   option: 'unit',
   editor: 'editor.text'
 };
 var timeFormattingConfig = {
-  label: i18n_1._('Date & Time Formatting'),
+  label: i18n_1._('Date & Time formatting'),
   option: 'format',
   editor: 'editor.text',
   editorProps: {
@@ -2266,9 +2266,9 @@ var backgroundColorPaletteSet = new Set([].concat(_toConsumableArray(colorConsta
 }))));
 var EDITOR_LABEL_WIDTH = 100;
 var editorConfig = [{
-  label: i18n_1._('Global Formatting'),
+  label: i18n_1._('Data display'),
   layout: [[{
-    label: i18n_1._('Rows Displayed'),
+    label: i18n_1._('Rows displayed'),
     option: 'count',
     editor: 'editor.number',
     editorProps: {
@@ -2277,7 +2277,7 @@ var editorConfig = [{
       labelWidth: EDITOR_LABEL_WIDTH
     }
   }], [{
-    label: i18n_1._('Row Numbers'),
+    label: i18n_1._('Row numbers'),
     option: 'showRowNumbers',
     editor: 'editor.toggle',
     editorProps: {
@@ -2285,7 +2285,7 @@ var editorConfig = [{
       labelWidth: EDITOR_LABEL_WIDTH
     }
   }], [{
-    label: i18n_1._('Internal Fields'),
+    label: i18n_1._('Internal fields'),
     option: 'showInternalFields',
     editor: 'editor.toggle',
     editorProps: {
@@ -2293,16 +2293,7 @@ var editorConfig = [{
       labelWidth: EDITOR_LABEL_WIDTH
     }
   }], [{
-    key: 'backgroundColor',
-    editor: 'editor.tableBackgroundColor',
-    editorProps: {
-      themes: themes,
-      labelPosition: 'left',
-      labelWidth: EDITOR_LABEL_WIDTH,
-      palette: _toConsumableArray(backgroundColorPaletteSet)
-    }
-  }], [{
-    label: i18n_1._('Header Row'),
+    label: i18n_1._('Header row'),
     option: 'headerVisibility',
     editor: 'editor.select',
     editorProps: {
@@ -2318,6 +2309,18 @@ var editorConfig = [{
       }],
       labelWidth: EDITOR_LABEL_WIDTH
     }
+  }]]
+}, {
+  label: i18n_1._('Color and style'),
+  layout: [[{
+    key: 'backgroundColor',
+    editor: 'editor.tableBackgroundColor',
+    editorProps: {
+      themes: themes,
+      labelPosition: 'left',
+      labelWidth: EDITOR_LABEL_WIDTH,
+      palette: _toConsumableArray(backgroundColorPaletteSet)
+    }
   }], [{
     option: 'font',
     label: i18n_1._('Font'),
@@ -2335,7 +2338,7 @@ var editorConfig = [{
     }
   }], [{
     option: 'fontSize',
-    label: i18n_1._('Font Size'),
+    label: i18n_1._('Font size'),
     editor: 'editor.select',
     editorProps: {
       values: [{
@@ -2354,10 +2357,7 @@ var editorConfig = [{
       labelPosition: 'top',
       labelWidth: EDITOR_LABEL_WIDTH
     }
-  }]]
-}, {
-  label: i18n_1._('Column Formatting'),
-  layout: [[{
+  }], [{
     label: i18n_1._('Column-specific formatting'),
     editor: 'editor.tableColumnFormatter',
     editorProps: {
@@ -2406,7 +2406,7 @@ var editorConfig = [{
             values: configUtils_1.generatePrecisionValues(20)
           }
         }, {
-          label: i18n_1._('Thousand Separators'),
+          label: i18n_1._('Thousand separators'),
           option: 'thousandSeparated',
           editor: 'editor.radioBar',
           editorProps: {
@@ -2475,7 +2475,7 @@ exports.default = configUtils_1.enhanceConfig(config);
 
 /***/ }),
 
-/***/ 458:
+/***/ 461:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2517,11 +2517,11 @@ var styled_components_1 = __webpack_require__(4);
 
 var i18n_1 = __webpack_require__(2);
 
-var Table_1 = __webpack_require__(95);
+var Table_1 = __webpack_require__(98);
 
-var Paginator_1 = __webpack_require__(459);
+var Paginator_1 = __webpack_require__(462);
 
-var Message_1 = __webpack_require__(460);
+var Message_1 = __webpack_require__(463);
 
 var colorUtils_1 = __webpack_require__(12);
 
@@ -2531,11 +2531,11 @@ var pick_1 = __webpack_require__(21);
 
 var variables_1 = __webpack_require__(9);
 
-var hooks_1 = __webpack_require__(461);
+var hooks_1 = __webpack_require__(464);
 
 var consts_1 = __webpack_require__(120);
 
-var cells_1 = __webpack_require__(462);
+var cells_1 = __webpack_require__(465);
 
 var getPagination_1 = __webpack_require__(29);
 
@@ -2543,11 +2543,11 @@ var getSorting_1 = __webpack_require__(28);
 
 var FixedSizeContainer_1 = __webpack_require__(13);
 
-var utils_1 = __webpack_require__(467); // debounce was imported this way due to typing
+var utils_1 = __webpack_require__(470); // debounce was imported this way due to typing
 // eslint-disable-next-line import/order
 
 
-var debounce = __webpack_require__(468);
+var debounce = __webpack_require__(471);
 
 exports.MINIMUM_COLUMN_SIZE = 30;
 var NonVisibleTableHead = styled_components_1.default(Table_1.default.Head).withConfig({
@@ -2885,6 +2885,14 @@ var PureTable = function PureTable(props) {
     }
   };
 
+  var handleKeyDown = function handleKeyDown(e) {
+    if (e.keyCode !== 13) {
+      return;
+    }
+
+    drilldownHandler(e);
+  };
+
   var recalculateTempColumnWidths = function recalculateTempColumnWidths() {
     setTempColumns({});
     setRemainingWidth(0);
@@ -2923,6 +2931,7 @@ var PureTable = function PureTable(props) {
       cursor: onCellClick ? 'pointer' : 'unset'
     },
     onClick: onCellClick ? drilldownHandler : lodash_1.noop,
+    onKeyDown: onCellClick ? handleKeyDown : lodash_1.noop,
     onRequestResizeColumn: handleResizeColumn
   }, React.createElement(TableHead, null, tableHeader.cells.filter(function (c) {
     return c.showCell;
@@ -3068,21 +3077,21 @@ exports.default = withEmptyTableMessage(FixedSizeContainer_1.default(PureTable))
 
 /***/ }),
 
-/***/ 459:
+/***/ 462:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Paginator");
 
 /***/ }),
 
-/***/ 460:
+/***/ 463:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Message");
 
 /***/ }),
 
-/***/ 461:
+/***/ 464:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3508,7 +3517,7 @@ exports.useTable = useTable;
 
 /***/ }),
 
-/***/ 462:
+/***/ 465:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3537,17 +3546,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-__exportStar(__webpack_require__(463), exports);
+__exportStar(__webpack_require__(466), exports);
 
-__exportStar(__webpack_require__(464), exports);
+__exportStar(__webpack_require__(467), exports);
 
-__exportStar(__webpack_require__(465), exports);
+__exportStar(__webpack_require__(468), exports);
 
-__exportStar(__webpack_require__(466), exports);
+__exportStar(__webpack_require__(469), exports);
 
 /***/ }),
 
-/***/ 463:
+/***/ 466:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3570,7 +3579,7 @@ exports.SwitchTableCell = SwitchTableCell;
 
 /***/ }),
 
-/***/ 464:
+/***/ 467:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3583,7 +3592,7 @@ exports.TextCell = void 0;
 
 var React = __webpack_require__(1);
 
-var Table_1 = __webpack_require__(95);
+var Table_1 = __webpack_require__(98);
 
 var TextCell = function TextCell(_ref) {
   var cell = _ref.cell,
@@ -3606,7 +3615,7 @@ exports.TextCell.displayName = 'TextCell';
 
 /***/ }),
 
-/***/ 465:
+/***/ 468:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3619,7 +3628,7 @@ exports.ArrayCell = void 0;
 
 var React = __webpack_require__(1);
 
-var Table_1 = __webpack_require__(95);
+var Table_1 = __webpack_require__(98);
 
 var ArrayCell = function ArrayCell(_ref) {
   var cell = _ref.cell,
@@ -3648,7 +3657,7 @@ exports.ArrayCell.displayName = 'ArrayCell';
 
 /***/ }),
 
-/***/ 466:
+/***/ 469:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3663,9 +3672,9 @@ exports.SparklineCell = exports.validSparklineTypes = void 0;
 
 var React = __webpack_require__(1);
 
-var Table_1 = __webpack_require__(95);
+var Table_1 = __webpack_require__(98);
 
-var Line_1 = __webpack_require__(96);
+var Line_1 = __webpack_require__(99);
 
 var paddingLeftRight = 5;
 var paddingTopBottom = 3;
@@ -3741,7 +3750,14 @@ exports.SparklineCell.displayName = 'SparklineCell';
 
 /***/ }),
 
-/***/ 467:
+/***/ 47:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/visualization-icons");
+
+/***/ }),
+
+/***/ 470:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3785,20 +3801,13 @@ exports.getColumnWidth = getColumnWidth;
 
 /***/ }),
 
-/***/ 468:
+/***/ 471:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/debounce");
 
 /***/ }),
 
-/***/ 47:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/visualization-icons");
-
-/***/ }),
-
 /***/ 51:
 /***/ (function(module, exports) {
 
@@ -3879,14 +3888,14 @@ module.exports = require("@splunk/themes/variables");
 
 /***/ }),
 
-/***/ 95:
+/***/ 98:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Table");
 
 /***/ }),
 
-/***/ 96:
+/***/ 99:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-sparkline/Line");