@splunk/visualizations 25.9.1 → 25.10.0

package/Table.js

@@ -214,7 +214,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
     }
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "25.9.1 - 5ba41e723",
+      "data-splunk-visualization-version": "25.10.0 - 8d01deb08",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -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.1 - 5ba41e723"
+  'data-splunk-visualization-version': "25.10.0 - 8d01deb08"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
@@ -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';
@@ -2710,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, {