@splunk/react-ui 4.12.1 → 4.14.0

package/Table.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 110);
+/******/ 	return __webpack_require__(__webpack_require__.s = 115);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -271,12 +271,6 @@ module.exports = require("@splunk/ui-utils/keyboard");
 
 /***/ }),
 /* 10 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/id");
-
-/***/ }),
-/* 11 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -301,6 +295,12 @@ function updateReactRef(ref, current) {
 
 
 
+/***/ }),
+/* 11 */
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/ui-utils/id");
+
 /***/ }),
 /* 12 */,
 /* 13 */,
@@ -322,14 +322,88 @@ module.exports = require("@splunk/react-ui/EventListener");
 module.exports = require("@splunk/react-ui/Button");
 
 /***/ }),
-/* 17 */
+/* 17 */,
+/* 18 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Popover");
 
 /***/ }),
-/* 18 */,
-/* 19 */,
+/* 19 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getWindow; });
+/* unused harmony export ssrWindow */
+/* harmony import */ var _ssrDocument__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(27);
+/* eslint-disable @typescript-eslint/no-empty-function */
+
+var ssrWindow = {
+  document: _ssrDocument__WEBPACK_IMPORTED_MODULE_0__[/* ssrDocument */ "b"],
+  navigator: {
+    userAgent: ''
+  },
+  location: {
+    hash: '',
+    host: '',
+    hostname: '',
+    href: '',
+    origin: '',
+    pathname: '',
+    protocol: '',
+    search: ''
+  },
+  history: {
+    replaceState: function replaceState() {},
+    pushState: function pushState() {},
+    go: function go() {},
+    back: function back() {}
+  },
+  CustomEvent: function CustomEvent() {
+    return this;
+  },
+  addEventListener: function addEventListener() {},
+  removeEventListener: function removeEventListener() {},
+  getComputedStyle: function getComputedStyle() {
+    return {
+      getPropertyValue: function getPropertyValue() {
+        return '';
+      }
+    };
+  },
+  Image: function Image() {},
+  Date: function Date() {},
+  screen: {},
+  setTimeout: function setTimeout() {},
+  clearTimeout: function clearTimeout() {},
+  matchMedia: function matchMedia() {
+    return {};
+  },
+  requestAnimationFrame: function requestAnimationFrame(callback) {
+    if (typeof setTimeout === 'undefined') {
+      callback();
+      return null;
+    }
+
+    return setTimeout(callback, 0);
+  },
+  cancelAnimationFrame: function cancelAnimationFrame(id) {
+    if (typeof setTimeout === 'undefined') {
+      return;
+    }
+
+    clearTimeout(id);
+  }
+};
+
+function getWindow() {
+  var win = typeof window !== 'undefined' ? window : ssrWindow;
+  return win;
+}
+
+
+
+/***/ }),
 /* 20 */
 /***/ (function(module, exports) {
 
@@ -345,11 +419,82 @@ module.exports = require("@splunk/react-ui/Dropdown");
 /* 27 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getDocument; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return ssrDocument; });
+/* eslint-disable @typescript-eslint/no-empty-function */
+var ssrDocument = {
+  body: {
+    appendChild: function appendChild() {
+      return [];
+    }
+  },
+  addEventListener: function addEventListener() {},
+  removeEventListener: function removeEventListener() {},
+  activeElement: {
+    blur: function blur() {},
+    nodeName: ''
+  },
+  querySelector: function querySelector() {
+    return null;
+  },
+  querySelectorAll: function querySelectorAll() {
+    return [];
+  },
+  getElementById: function getElementById() {
+    return null;
+  },
+  createEvent: function createEvent() {
+    return {
+      initEvent: function initEvent() {}
+    };
+  },
+  createElement: function createElement() {
+    return {
+      children: [],
+      childNodes: [],
+      style: {},
+      setAttribute: function setAttribute() {},
+      getElementsByTagName: function getElementsByTagName() {
+        return [];
+      }
+    };
+  },
+  createElementNS: function createElementNS() {
+    return {};
+  },
+  importNode: function importNode() {
+    return null;
+  },
+  location: {
+    hash: '',
+    host: '',
+    hostname: '',
+    href: '',
+    origin: '',
+    pathname: '',
+    protocol: '',
+    search: ''
+  }
+};
+
+function getDocument() {
+  var doc = typeof document !== 'undefined' ? document : ssrDocument;
+  return doc;
+}
+
+
+
+/***/ }),
+/* 28 */,
+/* 29 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronRight; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(33);
+/* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(35);
 /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
 /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -391,34 +536,34 @@ function ChevronRight(props) {
 }
 
 /***/ }),
-/* 28 */,
-/* 29 */,
 /* 30 */,
 /* 31 */,
 /* 32 */,
-/* 33 */
+/* 33 */,
+/* 34 */,
+/* 35 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ChevronRight");
 
 /***/ }),
-/* 34 */,
-/* 35 */,
 /* 36 */,
-/* 37 */
+/* 37 */,
+/* 38 */,
+/* 39 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ScrollContainerContext");
 
 /***/ }),
-/* 38 */
+/* 40 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CaretDown; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(39);
+/* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(41);
 /* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
 /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -448,14 +593,12 @@ function CaretDown(props) {
 }
 
 /***/ }),
-/* 39 */
+/* 41 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Caret");
 
 /***/ }),
-/* 40 */,
-/* 41 */,
 /* 42 */,
 /* 43 */,
 /* 44 */,
@@ -463,17 +606,25 @@ module.exports = require("@splunk/react-icons/Caret");
 /* 46 */,
 /* 47 */,
 /* 48 */,
-/* 49 */
+/* 49 */,
+/* 50 */,
+/* 51 */
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-icons/ChevronDown");
+
+/***/ }),
+/* 52 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Tooltip");
 
 /***/ }),
-/* 50 */,
-/* 51 */,
-/* 52 */,
 /* 53 */,
-/* 54 */
+/* 54 */,
+/* 55 */,
+/* 56 */,
+/* 57 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -496,21 +647,21 @@ function assertDefined(val, msg) {
 
 
 /***/ }),
-/* 55 */,
-/* 56 */,
-/* 57 */,
 /* 58 */,
 /* 59 */,
 /* 60 */,
 /* 61 */,
-/* 62 */
+/* 62 */,
+/* 63 */,
+/* 64 */,
+/* 65 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MoreVertical; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(63);
+/* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(66);
 /* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
 /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -540,20 +691,20 @@ function MoreVertical(props) {
 }
 
 /***/ }),
-/* 63 */
+/* 66 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/MoreVertical");
 
 /***/ }),
-/* 64 */
+/* 67 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronDown; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(65);
+/* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(51);
 /* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
 /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -595,24 +746,16 @@ function ChevronDown(props) {
 }
 
 /***/ }),
-/* 65 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/ChevronDown");
-
-/***/ }),
-/* 66 */,
-/* 67 */,
 /* 68 */,
 /* 69 */,
-/* 70 */
+/* 70 */,
+/* 71 */,
+/* 72 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Switch");
 
 /***/ }),
-/* 71 */,
-/* 72 */,
 /* 73 */,
 /* 74 */,
 /* 75 */,
@@ -643,39 +786,44 @@ module.exports = require("@splunk/react-ui/Switch");
 /* 100 */,
 /* 101 */,
 /* 102 */,
-/* 103 */
+/* 103 */,
+/* 104 */,
+/* 105 */,
+/* 106 */,
+/* 107 */
 /***/ (function(module, exports) {
 
 module.exports = require("react-resize-detector");
 
 /***/ }),
-/* 104 */
+/* 108 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/SortedDown");
 
 /***/ }),
-/* 105 */
+/* 109 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/SortedUp");
 
 /***/ }),
-/* 106 */
+/* 110 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Sort");
 
 /***/ }),
-/* 107 */
+/* 111 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Info");
 
 /***/ }),
-/* 108 */,
-/* 109 */,
-/* 110 */
+/* 112 */,
+/* 113 */,
+/* 114 */,
+/* 115 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -704,7 +852,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "react-resize-detector"
-var external_react_resize_detector_ = __webpack_require__(103);
+var external_react_resize_detector_ = __webpack_require__(107);
 var external_react_resize_detector_default = /*#__PURE__*/__webpack_require__.n(external_react_resize_detector_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
@@ -715,7 +863,7 @@ var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
 var keyboard_ = __webpack_require__(9);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScrollContainerContext"
-var ScrollContainerContext_ = __webpack_require__(37);
+var ScrollContainerContext_ = __webpack_require__(39);
 
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
@@ -733,7 +881,10 @@ var Styled = external_styled_components_default.a.tbody.withConfig({
 })(["", " z-index:0;"], themes_["mixins"].reset('table-row-group'));
 
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(11);
+var updateReactRef = __webpack_require__(10);
+
+// EXTERNAL MODULE: ./src/utils/ssrWindow.ts
+var ssrWindow = __webpack_require__(19);
 
 // CONCATENATED MODULE: ./src/Table/Body.tsx
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
@@ -771,6 +922,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
+
 var propTypes = {
   /** @private. Generally passed by Table rather than added directly. */
   actions: external_prop_types_default.a.bool,
@@ -819,6 +971,7 @@ var Body_Body = /*#__PURE__*/function (_Component) {
     _defineProperty(_assertThisInitialized(_this), "handleDragStart", function (dragIndex, dragDataId) {
       var _this$el, _this$el$parentElemen, _this$el$parentElemen2, _this$el2;
 
+      var window = Object(ssrWindow["a" /* getWindow */])();
       _this.rect = (_this$el = _this.el) === null || _this$el === void 0 ? void 0 : (_this$el$parentElemen = _this$el.parentElement) === null || _this$el$parentElemen === void 0 ? void 0 : (_this$el$parentElemen2 = _this$el$parentElemen.parentElement) === null || _this$el$parentElemen2 === void 0 ? void 0 : _this$el$parentElemen2.getBoundingClientRect();
       _this.rowHeight = (_this$el2 = _this.el) === null || _this$el2 === void 0 ? void 0 : _this$el2.children[0].getBoundingClientRect().height;
 
@@ -1009,6 +1162,7 @@ var Body_Body = /*#__PURE__*/function (_Component) {
   }, {
     key: "cleanupDrag",
     value: function cleanupDrag() {
+      var window = Object(ssrWindow["a" /* getWindow */])();
       window.removeEventListener('dragenter', this.handleDragEnter);
       window.removeEventListener('dragover', this.handleDragOver);
       window.removeEventListener('drop', this.handleDrop);
@@ -1408,7 +1562,7 @@ Cell_defineProperty(Cell_Cell, "defaultProps", Cell_defaultProps);
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/SortedDown"
-var SortedDown_ = __webpack_require__(104);
+var SortedDown_ = __webpack_require__(108);
 var SortedDown_default = /*#__PURE__*/__webpack_require__.n(SortedDown_);
 
 // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -1455,7 +1609,7 @@ function SortedDown(props) {
   }, props));
 }
 // EXTERNAL MODULE: external "@splunk/react-icons/SortedUp"
-var SortedUp_ = __webpack_require__(105);
+var SortedUp_ = __webpack_require__(109);
 var SortedUp_default = /*#__PURE__*/__webpack_require__.n(SortedUp_);
 
 // CONCATENATED MODULE: ./src/icons/SortedUp.tsx
@@ -1496,7 +1650,7 @@ function SortedUp(props) {
   }, props));
 }
 // EXTERNAL MODULE: external "@splunk/react-icons/Sort"
-var Sort_ = __webpack_require__(106);
+var Sort_ = __webpack_require__(110);
 var Sort_default = /*#__PURE__*/__webpack_require__.n(Sort_);
 
 // CONCATENATED MODULE: ./src/icons/Sort.tsx
@@ -1537,7 +1691,7 @@ function CaretDown(props) {
   }, props));
 }
 // EXTERNAL MODULE: ./src/icons/CaretDown.tsx
-var icons_CaretDown = __webpack_require__(38);
+var icons_CaretDown = __webpack_require__(40);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
 var ScreenReaderContent_ = __webpack_require__(14);
@@ -1865,6 +2019,9 @@ function DragHandle(_ref) {
 
 DragHandle.propTypes = DragHandle_propTypes;
 /* harmony default export */ var Table_DragHandle = (DragHandle);
+// EXTERNAL MODULE: ./src/utils/ssrDocument.ts
+var ssrDocument = __webpack_require__(27);
+
 // CONCATENATED MODULE: ./src/Table/HeadInner.tsx
 function HeadInner_extends() { HeadInner_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return HeadInner_extends.apply(this, arguments); }
 
@@ -1904,6 +2061,8 @@ function HeadInner_objectWithoutPropertiesLoose(source, excluded) { if (source =
 
 
 
+
+
 var HeadInner_propTypes = {
   align: external_prop_types_default.a.oneOf(['left', 'center', 'right']),
   columnId: external_prop_types_default.a.any,
@@ -2086,6 +2245,7 @@ function HeadInner(_ref) {
   var handleDragStart = function handleDragStart(e) {
     var _el$textContent;
 
+    var document = Object(ssrDocument["a" /* getDocument */])();
     var el = ref.current;
 
     if (e.dataTransfer.setDragImage && (el === null || el === void 0 ? void 0 : el.parentElement)) {
@@ -2123,6 +2283,7 @@ function HeadInner(_ref) {
   };
 
   var draggable = !!onDragStart;
+  var window = Object(ssrWindow["a" /* getWindow */])();
   return /*#__PURE__*/external_react_default.a.createElement(HeadInnerStyles_Styled, HeadInner_extends({
     draggable: draggable || undefined,
     onDragStart: draggable ? handleDragStart : undefined,
@@ -2275,6 +2436,8 @@ var HeadCell_propTypes = {
 
   /** @private. */
   variant: external_prop_types_default.a.oneOf(['toggleAll', 'info', 'actions']),
+
+  /** @private. */
   zIndex: external_prop_types_default.a.number
 };
 var HeadCell_defaultProps = {
@@ -2472,11 +2635,11 @@ HeadCell_defineProperty(HeadCell_HeadCell, "contextType", Table_TableContext);
 
 /* harmony default export */ var Table_HeadCell = (HeadCell_HeadCell);
 // EXTERNAL MODULE: external "@splunk/react-icons/Info"
-var Info_ = __webpack_require__(107);
+var Info_ = __webpack_require__(111);
 var Info_default = /*#__PURE__*/__webpack_require__.n(Info_);
 
 // EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
-var ChevronRight = __webpack_require__(27);
+var ChevronRight = __webpack_require__(29);
 
 // CONCATENATED MODULE: ./src/Table/HeadExpandRowsIcon.tsx
 
@@ -2508,14 +2671,14 @@ var Dropdown_ = __webpack_require__(20);
 var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Tooltip"
-var Tooltip_ = __webpack_require__(49);
+var Tooltip_ = __webpack_require__(52);
 var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_);
 
 // EXTERNAL MODULE: ./src/icons/ChevronDown.tsx
-var ChevronDown = __webpack_require__(64);
+var ChevronDown = __webpack_require__(67);
 
 // EXTERNAL MODULE: ./src/icons/MoreVertical.tsx
-var MoreVertical = __webpack_require__(62);
+var MoreVertical = __webpack_require__(65);
 
 // CONCATENATED MODULE: ./src/Table/RowDragCell.tsx
 function RowDragCell_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { RowDragCell_typeof = function _typeof(obj) { return typeof obj; }; } else { RowDragCell_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return RowDragCell_typeof(obj); }
@@ -2548,6 +2711,7 @@ function RowDragCell_defineProperty(obj, key, value) { if (key in obj) { Object.
 
 
 
+
 var RowDragCell_propTypes = {
   activeElementId: external_prop_types_default.a.string,
   dataId: external_prop_types_default.a.oneOfType([external_prop_types_default.a.string, external_prop_types_default.a.number]),
@@ -2586,6 +2750,7 @@ var RowDragCell_RowDragCell = /*#__PURE__*/function (_Component) {
     RowDragCell_defineProperty(RowDragCell_assertThisInitialized(_this), "handleDragStart", function (e) {
       var _this$el, _this$el$textContent, _this$el2, _this$props$onDragSta, _this$props;
 
+      var document = Object(ssrDocument["a" /* getDocument */])();
       e.stopPropagation();
 
       if (e.dataTransfer.setDragImage && ((_this$el = _this.el) === null || _this$el === void 0 ? void 0 : _this$el.parentElement)) {
@@ -2797,7 +2962,7 @@ var StyledCellExpansionDisabled = external_styled_components_default()(Table_Cel
 }));
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Switch"
-var Switch_ = __webpack_require__(70);
+var Switch_ = __webpack_require__(72);
 var Switch_default = /*#__PURE__*/__webpack_require__.n(Switch_);
 
 // CONCATENATED MODULE: ./src/Table/ToggleStyles.ts
@@ -3303,6 +3468,7 @@ function Head_defineProperty(obj, key, value) { if (key in obj) { Object.defineP
 
 
 
+
 var Head_propTypes = {
   /** @private. */
   actions: external_prop_types_default.a.arrayOf(external_prop_types_default.a.node),
@@ -3391,6 +3557,8 @@ var Head_Head = /*#__PURE__*/function (_Component) {
     Head_defineProperty(Head_assertThisInitialized(_this), "handleDragStart", function (dragIndex, dragColumnId) {
       var _this$props$onDragSta, _this$props2;
 
+      var window = Object(ssrWindow["a" /* getWindow */])();
+
       _this.setState({
         dragColumnId: dragColumnId
       });
@@ -3448,6 +3616,7 @@ var Head_Head = /*#__PURE__*/function (_Component) {
     value: function getCellWidths() {
       var _this$el$firstElement, _this$el, _this$el$firstElement2;
 
+      var window = Object(ssrWindow["a" /* getWindow */])();
       var headRowCells = Array.from((_this$el$firstElement = (_this$el = this.el) === null || _this$el === void 0 ? void 0 : (_this$el$firstElement2 = _this$el.firstElementChild) === null || _this$el$firstElement2 === void 0 ? void 0 : _this$el$firstElement2.children) !== null && _this$el$firstElement !== void 0 ? _this$el$firstElement : []);
       var result = headRowCells.map(function (el) {
         var computedStyle = window.getComputedStyle(el);
@@ -3504,6 +3673,7 @@ var Head_Head = /*#__PURE__*/function (_Component) {
   }, {
     key: "cleanupDrag",
     value: function cleanupDrag() {
+      var window = Object(ssrWindow["a" /* getWindow */])();
       window.removeEventListener('dragend', this.handleDragEnd);
       this.cells = undefined;
     }
@@ -3627,10 +3797,10 @@ Head_defineProperty(Head_Head, "defaultProps", Head_defaultProps);
 
 /* harmony default export */ var Table_Head = (Head_Head);
 // EXTERNAL MODULE: external "@splunk/ui-utils/id"
-var id_ = __webpack_require__(10);
+var id_ = __webpack_require__(11);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
-var Popover_ = __webpack_require__(17);
+var Popover_ = __webpack_require__(18);
 var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
 
 // CONCATENATED MODULE: ./src/Table/HeadDropdownCell.tsx
@@ -3681,6 +3851,9 @@ function HeadDropdownCell_defineProperty(obj, key, value) { if (key in obj) { Ob
 
 
 
+
+/** @public */
+
 var possibleCloseReasons = ['clickAway', 'contentClick', 'escapeKey', 'offScreen', 'tabKey', 'toggleClick'];
 var HeadDropdownCell_propTypes = {
   align: external_prop_types_default.a.oneOf(['left', 'center', 'right']),
@@ -3733,7 +3906,10 @@ var HeadDropdownCell_propTypes = {
   width: external_prop_types_default.a.number,
 
   /** @private. */
-  variant: external_prop_types_default.a.oneOf(['toggleAll', 'info', 'actions'])
+  variant: external_prop_types_default.a.oneOf(['toggleAll', 'info', 'actions']),
+
+  /** @private. */
+  zIndex: external_prop_types_default.a.number
 };
 var HeadDropdownCell_defaultProps = {
   align: 'left',
@@ -3746,7 +3922,8 @@ var HeadDropdownCell_defaultProps = {
   retainFocus: false,
   takeFocus: true,
   truncate: true,
-  visible: true
+  visible: true,
+  zIndex: 1
 };
 
 var HeadDropdownCell_HeadDropdownCell = /*#__PURE__*/function (_Component) {
@@ -3991,11 +4168,13 @@ var HeadDropdownCell_HeadDropdownCell = /*#__PURE__*/function (_Component) {
           truncate = _this$props6.truncate,
           variant = _this$props6.variant,
           visible = _this$props6.visible,
-          width = _this$props6.width;
+          width = _this$props6.width,
+          zIndex = _this$props6.zIndex;
       var _this$state = this.state,
           el = _this$state.el,
           clientX = _this$state.clientX;
       var cellId = id || this.cellId;
+      var headType = this.context.headType;
       return /*#__PURE__*/external_react_default.a.createElement(HeadCellStyles_Styled, HeadDropdownCell_extends({
         style: Object(external_lodash_["merge"])(style, {
           width: width
@@ -4012,7 +4191,9 @@ var HeadDropdownCell_HeadDropdownCell = /*#__PURE__*/function (_Component) {
         onKeyDown: this.handleKeyDown,
         "aria-haspopup": true,
         "aria-owns": this.popoverId,
-        "aria-expanded": this.isOpen()
+        "aria-expanded": this.isOpen(),
+        $isFixed: headType === 'fixed',
+        $zIndex: zIndex
       }), /*#__PURE__*/external_react_default.a.createElement(Table_HeadInner, {
         label: label,
         align: align,
@@ -4073,6 +4254,8 @@ HeadDropdownCell_defineProperty(HeadDropdownCell_HeadDropdownCell, "propTypes",
 
 HeadDropdownCell_defineProperty(HeadDropdownCell_HeadDropdownCell, "defaultProps", HeadDropdownCell_defaultProps);
 
+HeadDropdownCell_defineProperty(HeadDropdownCell_HeadDropdownCell, "contextType", Table_TableContext);
+
 /* harmony default export */ var Table_HeadDropdownCell = (HeadDropdownCell_HeadDropdownCell);
 // CONCATENATED MODULE: ./src/Table/HeadTableStyles.ts
 
@@ -4259,7 +4442,7 @@ HeadTable_defineProperty(HeadTable_HeadTable, "defaultProps", HeadTable_defaultP
 
 /* harmony default export */ var Table_HeadTable = (HeadTable_HeadTable);
 // EXTERNAL MODULE: ./src/utils/types.ts
-var types = __webpack_require__(54);
+var types = __webpack_require__(57);
 
 // CONCATENATED MODULE: ./src/Table/Table.tsx
 function Table_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { Table_typeof = function _typeof(obj) { return typeof obj; }; } else { Table_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return Table_typeof(obj); }
@@ -4320,6 +4503,8 @@ function Table_defineProperty(obj, key, value) { if (key in obj) { Object.define
 
 
 
+
+
 /** @public */
 
 var Table_propTypes = {
@@ -4371,6 +4556,8 @@ var Table_Table = /*#__PURE__*/function (_Component) {
     value: function getHeadFocusState(head) {
       var _head$getEl, _head$getEl2;
 
+      var document = Object(ssrDocument["a" /* getDocument */])();
+
       if (head === undefined || head === null) {
         return undefined;
       }
@@ -4400,6 +4587,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
   }, {
     key: "getOffset",
     value: function getOffset(el) {
+      var window = Object(ssrWindow["a" /* getWindow */])();
       var rect = el.getBoundingClientRect();
       return {
         top: rect.top + window.pageYOffset,
@@ -4469,6 +4657,8 @@ var Table_Table = /*#__PURE__*/function (_Component) {
     Table_defineProperty(Table_assertThisInitialized(_this), "tableContainer", null);
 
     Table_defineProperty(Table_assertThisInitialized(_this), "updateDockedHeadState", function () {
+      var window = Object(ssrWindow["a" /* getWindow */])();
+
       if (_this.isInline()) {
         return;
       }
@@ -4531,6 +4721,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
 
     Table_defineProperty(Table_assertThisInitialized(_this), "handleDragStart", function (_ref2) {
       var dragIndex = _ref2.dragIndex;
+      var window = Object(ssrWindow["a" /* getWindow */])();
 
       _this.setState({
         dragIndex: dragIndex
@@ -4619,6 +4810,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
 
       var index = _ref3.index,
           columnId = _ref3.columnId;
+      var document = Object(ssrDocument["a" /* getDocument */])();
 
       if (index === undefined) {
         return;
@@ -4758,6 +4950,8 @@ var Table_Table = /*#__PURE__*/function (_Component) {
   }, {
     key: "showDockedHeader",
     value: function showDockedHeader() {
+      var window = Object(ssrWindow["a" /* getWindow */])();
+
       if (!this.headerIsDocked() || !this.table || !this.head || !this.tableContainer) {
         return false;
       }
@@ -4769,6 +4963,8 @@ var Table_Table = /*#__PURE__*/function (_Component) {
   }, {
     key: "showDockedScrollBar",
     value: function showDockedScrollBar() {
+      var window = Object(ssrWindow["a" /* getWindow */])();
+
       if (!this.props.dockScrollBar || !this.table || !this.tableContainer) {
         return false;
       }
@@ -4786,6 +4982,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
   }, {
     key: "cleanupDrag",
     value: function cleanupDrag() {
+      var window = Object(ssrWindow["a" /* getWindow */])();
       window.removeEventListener('dragenter', this.handleDragEnter);
       window.removeEventListener('dragover', this.handleDragOver);
       window.removeEventListener('drop', this.handleDrop);
@@ -4839,6 +5036,8 @@ var Table_Table = /*#__PURE__*/function (_Component) {
     value: function renderDockedScrollbar() {
       var _this2 = this;
 
+      var window = Object(ssrWindow["a" /* getWindow */])();
+
       if (!this.showDockedScrollBar()) {
         return false;
       }
@@ -4925,7 +5124,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
         );
       });
       tHead = /*#__PURE__*/Object(external_react_["cloneElement"])(tHead, {}, headCells);
-      var defaultScrollContainer = this.context || window;
+      var defaultScrollContainer = this.context || Object(ssrWindow["a" /* getWindow */])();
       var scrollContainer = this.isFixed() ? this.tableContainer : defaultScrollContainer;
 
       if (resizableFillLayout) {
@@ -4938,7 +5137,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
         style: outerStyle,
         "data-test-row-selection": onRequestToggleAllRows ? rowSelection : undefined
       }, Object(external_lodash_["omit"])(this.props, [].concat(Table_toConsumableArray(Object.keys(Table.propTypes)), ['style']))), /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
-        target: window,
+        target: Object(ssrWindow["a" /* getWindow */])(),
         eventType: "scroll",
         listener: this.handleScroll,
         options: {