@splunk/visualizations 25.9.0 → 25.10.0

package/Table.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 474);
+/******/ 	return __webpack_require__(__webpack_require__.s = 472);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -214,7 +214,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
     }
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "25.9.0 - 933e6a539",
+      "data-splunk-visualization-version": "25.10.0 - 8d01deb08",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -321,10 +321,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.config = exports.PureTable = exports.themes = exports.computeVizProps = void 0;
 var lodash_1 = __webpack_require__(3);
 var colorUtils_1 = __webpack_require__(12);
-var config_1 = __webpack_require__(475);
+var config_1 = __webpack_require__(473);
 exports.config = config_1.default;
 var withDashboardViz_1 = __webpack_require__(36);
-var PureTable_1 = __webpack_require__(476);
+var PureTable_1 = __webpack_require__(474);
 exports.PureTable = PureTable_1.default;
 var computeVizProps = function computeVizProps(_a) {
   var props = __rest(_a, []);
@@ -1524,7 +1524,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.9.0 - 933e6a539"
+  'data-splunk-visualization-version': "25.10.0 - 8d01deb08"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
@@ -1605,7 +1605,7 @@ exports.default = withPlaceholder;
 
 /***/ }),
 
-/***/ 474:
+/***/ 472:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1646,7 +1646,7 @@ Object.defineProperty(exports, "default", {
 
 /***/ }),
 
-/***/ 475:
+/***/ 473:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2358,7 +2358,7 @@ exports.default = configUtils_1.enhanceConfig(config);
 
 /***/ }),
 
-/***/ 476:
+/***/ 474:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2393,15 +2393,15 @@ var colorUtils_1 = __webpack_require__(12);
 var style_1 = __webpack_require__(14);
 var pick_1 = __webpack_require__(23);
 var variables_1 = __webpack_require__(10);
-var hooks_1 = __webpack_require__(477);
+var hooks_1 = __webpack_require__(475);
 var consts_1 = __webpack_require__(134);
-var cells_1 = __webpack_require__(478);
+var cells_1 = __webpack_require__(476);
 var getPagination_1 = __webpack_require__(34);
 var getSorting_1 = __webpack_require__(33);
 var FixedSizeContainer_1 = __webpack_require__(13);
 // debounce was imported this way due to typing
 // eslint-disable-next-line import/order
-var debounce = __webpack_require__(483);
+var debounce = __webpack_require__(481);
 exports.MINIMUM_COLUMN_SIZE = 30;
 exports.INITIAL_UNSET_COLUMN_WIDTH = 90;
 var NonVisibleTableHead = styled_components_1.default(Table_1.default.Head).withConfig({
@@ -2422,11 +2422,14 @@ var TableHeadCell = styled_components_1.default(Table_1.default.HeadCell).withCo
 var VizTableContainer = styled_components_1.default.div.withConfig({
   displayName: "PureTable__VizTableContainer",
   componentId: "tovzjg-3"
-})(["box-sizing:border-box;padding:", ";background-color:", ";display:flex;flex-flow:column nowrap;overflow:hidden;"], pick_1.default({
+})(["box-sizing:border-box;padding:", ";background-color:", ";display:flex;flex-flow:column nowrap;overflow:hidden;td,* > td:hover{color:", ";}"], pick_1.default({
   enterprise: variables_1.default.spacingHalf,
   prisma: variables_1.default.spacingSmall
 }), function (props) {
   return colorUtils_1.isColor(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor;
+}, function (_ref2) {
+  var isCellClickable = _ref2.isCellClickable;
+  return isCellClickable ? variables_1.default.linkColor : variables_1.default.textColor;
 });
 VizTableContainer.displayName = 'VizTableContainer';
 var PAGINATOR_CONTAINER_HEIGHT = 38;
@@ -2440,11 +2443,11 @@ var SUITableContainer = styled_components_1.default.div.withConfig({
   return props.fontSize;
 }, function (props) {
   return props.lineHeight;
-}, function (_ref2) {
-  var width = _ref2.width,
-    height = _ref2.height,
-    isPaging = _ref2.isPaging,
-    theme = _ref2.theme;
+}, function (_ref3) {
+  var width = _ref3.width,
+    height = _ref3.height,
+    isPaging = _ref3.isPaging,
+    theme = _ref3.theme;
   var padding = pick_1.default({
     enterprise: variables_1.default.spacingHalf({
       theme: theme
@@ -2460,17 +2463,17 @@ var SUITableContainer = styled_components_1.default.div.withConfig({
     width: width - paddingOffset,
     height: isPaging ? height - PAGINATOR_CONTAINER_HEIGHT - PAGINATOR_SPACING - paddingOffset : height - paddingOffset
   });
-}, function (_ref3) {
-  var isPaging = _ref3.isPaging;
-  return isPaging && "\n        margin-bottom: ".concat(PAGINATOR_SPACING, "px;\n    ");
 }, function (_ref4) {
-  var headerStyle = _ref4.headerStyle;
-  return headerStyle && headerStyle.backgroundColor && styled_components_1.css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            & [data-test='head-cell'] {\n                background-color: ", ";\n            }\n        "])), headerStyle.backgroundColor);
+  var isPaging = _ref4.isPaging;
+  return isPaging && "\n        margin-bottom: ".concat(PAGINATOR_SPACING, "px;\n    ");
 }, function (_ref5) {
   var headerStyle = _ref5.headerStyle;
-  return headerStyle && headerStyle.color && styled_components_1.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            & [data-test='head-cell'] > div > span {\n                color: ", ";\n            }\n        "])), headerStyle.color);
+  return headerStyle && headerStyle.backgroundColor && styled_components_1.css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            & [data-test='head-cell'] {\n                background-color: ", ";\n            }\n        "])), headerStyle.backgroundColor);
 }, function (_ref6) {
-  var isFullyFixed = _ref6.isFullyFixed;
+  var headerStyle = _ref6.headerStyle;
+  return headerStyle && headerStyle.color && styled_components_1.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            & [data-test='head-cell'] > div > span {\n                color: ", ";\n            }\n        "])), headerStyle.color);
+}, function (_ref7) {
+  var isFullyFixed = _ref7.isFullyFixed;
   return isFullyFixed && styled_components_1.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n                width: fit-content;\n                min-width: unset;\n            "])));
 });
 SUITableContainer.displayName = 'SUITableContainer';
@@ -2490,7 +2493,8 @@ var withEmptyTableMessage = function withEmptyTableMessage(Viz) {
       showInternalFields = props.showInternalFields,
       tableFormat = props.tableFormat,
       columnFormat = props.columnFormat,
-      paginatorParams = props.paginatorParams;
+      paginatorParams = props.paginatorParams,
+      count = props.count;
     var _hooks_1$useTable = hooks_1.useTable({
         headers: headers,
         table: table,
@@ -2505,7 +2509,8 @@ var withEmptyTableMessage = function withEmptyTableMessage(Viz) {
           data: lodash_1.cloneDeep(tableFormat.data)
         }),
         columnFormat: columnFormat,
-        paginationOffset: paginatorParams === null || paginatorParams === void 0 ? void 0 : paginatorParams.current
+        paginationOffset: paginatorParams === null || paginatorParams === void 0 ? void 0 : paginatorParams.current,
+        count: count
       }),
       tableHeader = _hooks_1$useTable.tableHeader,
       tableBody = _hooks_1$useTable.tableBody;
@@ -2708,13 +2713,14 @@ var PureTable = function PureTable(props) {
   }).length;
   var numberOfFixedHeaders = tableHeader.cells.filter(function (c) {
     return c.showCell;
-  }).filter(function (_ref7) {
-    var value = _ref7.value;
+  }).filter(function (_ref8) {
+    var value = _ref8.value;
     var _a, _b;
     return ((_a = columns[value]) === null || _a === void 0 ? void 0 : _a.width) && ((_b = columns[value]) === null || _b === void 0 ? void 0 : _b.width) !== 'auto';
   }).length;
   var isFullyFixed = numberOfHeaders === numberOfFixedHeaders;
   return React.createElement(VizTableContainer, {
+    isCellClickable: Boolean(onCellClick),
     backgroundColor: backgroundColor,
     ref: containerRef
   }, React.createElement(SUITableContainer, {
@@ -2854,7 +2860,7 @@ exports.default = withEmptyTableMessage(FixedSizeContainer_1.default(PureTable))
 
 /***/ }),
 
-/***/ 477:
+/***/ 475:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3077,12 +3083,14 @@ var useTable = function useTable() {
     _tableArgs$columnForm = tableArgs.columnFormat,
     columnFormat = _tableArgs$columnForm === void 0 ? {} : _tableArgs$columnForm,
     _tableArgs$pagination = tableArgs.paginationOffset,
-    paginationOffset = _tableArgs$pagination === void 0 ? 0 : _tableArgs$pagination;
+    paginationOffset = _tableArgs$pagination === void 0 ? 0 : _tableArgs$pagination,
+    _tableArgs$count = tableArgs.count,
+    count = _tableArgs$count === void 0 ? 0 : _tableArgs$count;
   var longestColumnLength = Math.max.apply(Math, _toConsumableArray(table.map(function (column) {
     return column.length;
   })));
   if (showRowNumbers) {
-    var correctedPaginationOffset = Math.max(0, (paginationOffset - 1) * longestColumnLength);
+    var correctedPaginationOffset = Math.max(0, (paginationOffset - 1) * count);
     headers = ['#'].concat(_toConsumableArray(headers));
     table = [Array.from({
       length: longestColumnLength
@@ -3199,7 +3207,7 @@ exports.useTable = useTable;
 
 /***/ }),
 
-/***/ 478:
+/***/ 476:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3225,14 +3233,14 @@ var __exportStar = this && this.__exportStar || function (m, exports) {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+__exportStar(__webpack_require__(477), exports);
+__exportStar(__webpack_require__(478), exports);
 __exportStar(__webpack_require__(479), exports);
 __exportStar(__webpack_require__(480), exports);
-__exportStar(__webpack_require__(481), exports);
-__exportStar(__webpack_require__(482), exports);
 
 /***/ }),
 
-/***/ 479:
+/***/ 477:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3253,14 +3261,7 @@ exports.SwitchTableCell = SwitchTableCell;
 
 /***/ }),
 
-/***/ 48:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/visualization-icons/placeholders");
-
-/***/ }),
-
-/***/ 480:
+/***/ 478:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3295,7 +3296,7 @@ exports.TextCell.displayName = 'TextCell';
 
 /***/ }),
 
-/***/ 481:
+/***/ 479:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3338,7 +3339,14 @@ exports.ArrayCell.displayName = 'ArrayCell';
 
 /***/ }),
 
-/***/ 482:
+/***/ 48:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/visualization-icons/placeholders");
+
+/***/ }),
+
+/***/ 480:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3429,7 +3437,7 @@ exports.SparklineCell.displayName = 'SparklineCell';
 
 /***/ }),
 
-/***/ 483:
+/***/ 481:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/debounce");