@splunk/react-ui 4.16.1 → 4.16.3

package/Multiselect.js

@@ -236,8 +236,8 @@ function Icon(_ref) {
 
 
   if (prismaSize === 'small') {
-    var SVGEnterprise = Prisma16 || Prisma24;
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVGEnterprise, _extends({
+    var SVG = Prisma16 || Prisma24;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVG, _extends({
       width: "16",
       height: "16"
     }, prismaProps));
@@ -245,9 +245,9 @@ function Icon(_ref) {
 
 
   if (density === 'compact') {
-    var _SVGEnterprise = Prisma20 || Prisma24;
+    var _SVG = Prisma20 || Prisma24;
 
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVGEnterprise, _extends({
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG, _extends({
       width: "20",
       height: "20"
     }, prismaProps));
@@ -718,8 +718,8 @@ _defineProperty(Option, "defaultProps", defaultProps);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Search; });
 /* 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_enterprise_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(56);
-/* harmony import */ var _splunk_react_icons_enterprise_Search__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_enterprise_Search__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(56);
+/* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Search__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);
 function _extends() { _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 _extends.apply(this, arguments); }
@@ -753,7 +753,7 @@ function Prisma16(_ref2) {
 
 function Search(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
-    Enterprise: _splunk_react_icons_enterprise_Search__WEBPACK_IMPORTED_MODULE_1___default.a,
+    Enterprise: _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default.a,
     Prisma16: Prisma16,
     Prisma24: Prisma24
   }, props));
@@ -804,8 +804,8 @@ module.exports = require("lodash/find");
 /* 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_enterprise_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(53);
-/* harmony import */ var _splunk_react_icons_enterprise_Caret__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_enterprise_Caret__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(53);
+/* 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);
 function _extends() { _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 _extends.apply(this, arguments); }
@@ -828,7 +828,7 @@ function Prisma24(_ref) {
 
 function CaretDown(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
-    Enterprise: _splunk_react_icons_enterprise_Caret__WEBPACK_IMPORTED_MODULE_1___default.a,
+    Enterprise: _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1___default.a,
     Prisma24: Prisma24
   }, props));
 }
@@ -837,7 +837,7 @@ function CaretDown(props) {
 /* 53 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/enterprise/Caret");
+module.exports = require("@splunk/react-icons/Caret");
 
 /***/ }),
 /* 54 */,
@@ -850,7 +850,7 @@ module.exports = require("lodash/defer");
 /* 56 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/enterprise/Search");
+module.exports = require("@splunk/react-icons/Search");
 
 /***/ }),
 /* 57 */,
@@ -3582,7 +3582,7 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
           width: inputWidth
         },
         placeholder: currentValues.length ? '' : placeholder,
-        required: true,
+        required: required,
         "aria-activedescendant": this.state.open && this.availableOptionCount > 0 ? this.activeItemId : undefined,
         "aria-controls": this.state.open ? this.popoverId : undefined
       }, ariaProps))), !disabled && /*#__PURE__*/external_react_default.a.createElement(Popover_default.a, {

package/Number.js

@@ -165,9 +165,9 @@ var keyboard_ = __webpack_require__(9);
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
 var i18n_ = __webpack_require__(4);
 
-// EXTERNAL MODULE: external "@splunk/react-icons/SVGEnterprise"
-var SVGEnterprise_ = __webpack_require__(32);
-var SVGEnterprise_default = /*#__PURE__*/__webpack_require__.n(SVGEnterprise_);
+// EXTERNAL MODULE: external "@splunk/react-icons/SVG"
+var SVG_ = __webpack_require__(32);
+var SVG_default = /*#__PURE__*/__webpack_require__.n(SVG_);
 
 // CONCATENATED MODULE: ./src/Number/IncrementIcon.tsx
 function _extends() { _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 _extends.apply(this, arguments); }
@@ -177,7 +177,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 /* eslint-disable max-len */
 
 function SortedUp(props) {
-  return /*#__PURE__*/external_react_default.a.createElement(SVGEnterprise_default.a, _extends({
+  return /*#__PURE__*/external_react_default.a.createElement(SVG_default.a, _extends({
     viewBox: "0 0 933 600"
   }, props), /*#__PURE__*/external_react_default.a.createElement("path", {
     fill: "currentColor",
@@ -835,7 +835,7 @@ module.exports = require("@splunk/react-ui/Text");
 /***/ 32:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/SVGEnterprise");
+module.exports = require("@splunk/react-icons/SVG");
 
 /***/ }),
 

package/Paginator.js

@@ -111,7 +111,7 @@ module.exports = require("lodash/keys");
 /***/ 143:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/enterprise/More");
+module.exports = require("@splunk/react-icons/More");
 
 /***/ }),
 
@@ -146,7 +146,7 @@ var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
 // EXTERNAL MODULE: external "@splunk/themes"
 var themes_ = __webpack_require__(0);
 
-// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/More"
+// EXTERNAL MODULE: external "@splunk/react-icons/More"
 var More_ = __webpack_require__(143);
 var More_default = /*#__PURE__*/__webpack_require__.n(More_);
 
@@ -563,8 +563,8 @@ module.exports = require("styled-components");
 /* 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_enterprise_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(44);
-/* harmony import */ var _splunk_react_icons_enterprise_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_enterprise_ChevronRight__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(44);
+/* 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);
 function _extends() { _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 _extends.apply(this, arguments); }
@@ -598,7 +598,7 @@ function Prisma16(_ref2) {
 
 function ChevronRight(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
-    Enterprise: _splunk_react_icons_enterprise_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default.a,
+    Enterprise: _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default.a,
     Prisma16: Prisma16,
     Prisma24: Prisma24
   }, props));
@@ -616,7 +616,7 @@ module.exports = require("@splunk/ui-utils/i18n");
 /***/ 44:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/enterprise/ChevronRight");
+module.exports = require("@splunk/react-icons/ChevronRight");
 
 /***/ }),
 
@@ -756,8 +756,8 @@ function Icon(_ref) {
 
 
   if (prismaSize === 'small') {
-    var SVGEnterprise = Prisma16 || Prisma24;
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVGEnterprise, _extends({
+    var SVG = Prisma16 || Prisma24;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVG, _extends({
       width: "16",
       height: "16"
     }, prismaProps));
@@ -765,9 +765,9 @@ function Icon(_ref) {
 
 
   if (density === 'compact') {
-    var _SVGEnterprise = Prisma20 || Prisma24;
+    var _SVG = Prisma20 || Prisma24;
 
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVGEnterprise, _extends({
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG, _extends({
       width: "20",
       height: "20"
     }, prismaProps));
@@ -798,8 +798,8 @@ module.exports = require("@splunk/react-ui/Box");
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronLeft; });
 /* 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_enterprise_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(84);
-/* harmony import */ var _splunk_react_icons_enterprise_ChevronLeft__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_enterprise_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(84);
+/* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronLeft__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);
 function _extends() { _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 _extends.apply(this, arguments); }
@@ -833,7 +833,7 @@ function Prisma16(_ref2) {
 
 function ChevronLeft(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
-    Enterprise: _splunk_react_icons_enterprise_ChevronLeft__WEBPACK_IMPORTED_MODULE_1___default.a,
+    Enterprise: _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1___default.a,
     Prisma16: Prisma16,
     Prisma24: Prisma24
   }, props));
@@ -844,7 +844,7 @@ function ChevronLeft(props) {
 /***/ 84:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/enterprise/ChevronLeft");
+module.exports = require("@splunk/react-icons/ChevronLeft");
 
 /***/ })
 

package/Popover.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 187);
+/******/ 	return __webpack_require__(__webpack_require__.s = 179);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -170,14 +170,7 @@ module.exports = require("@splunk/react-ui/EventListener");
 
 /***/ }),
 
-/***/ 18:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/includes");
-
-/***/ }),
-
-/***/ 187:
+/***/ 179:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -616,7 +609,153 @@ var StyledLowerRightCorner = external_styled_components_default.a.div.withConfig
   displayName: "PopoverStyles__StyledLowerRightCorner",
   componentId: "sc-1nahsvw-4"
 })(["position:fixed;right:0;bottom:0;"]);
+var StyledHitArea = external_styled_components_default.a.svg.withConfig({
+  displayName: "PopoverStyles__StyledHitArea",
+  componentId: "sc-1nahsvw-5"
+})(["position:fixed;pointer-events:none;path{pointer-events:auto;stroke-width:0;stroke:transparent;fill:transparent;}"]);
+
+// CONCATENATED MODULE: ./src/Popover/PopoverHitArea.tsx
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+var propTypes = {
+  anchorRect: external_prop_types_default.a.object,
+  popoverEl: external_prop_types_default.a.object,
+  popoverPlacement: external_prop_types_default.a.oneOf(['above', 'below', 'left', 'right', 'misaligned'])
+};
+
+var getHitAreaSettings = function getHitAreaSettings(_ref) {
+  var anchorRect = _ref.anchorRect,
+      popoverEl = _ref.popoverEl,
+      popoverPlacement = _ref.popoverPlacement;
+
+  if (anchorRect != null && popoverEl != null && popoverPlacement != null) {
+    var menuRect = popoverEl.getBoundingClientRect();
+
+    if (popoverPlacement === 'above' || popoverPlacement === 'below') {
+      var anchorLeftEdge = anchorRect.left - menuRect.left;
+      var verticalStart = anchorRect.height;
+      var verticalEnd = 0;
+
+      if (popoverPlacement === 'above') {
+        verticalStart = 0;
+        verticalEnd = anchorRect.height;
+      }
+
+      var menuStart = "0 ".concat(verticalStart);
+      var menuEnd = "".concat(menuRect.width, " ").concat(verticalStart);
+      var anchorStartNear = "".concat(anchorLeftEdge, " ").concat(verticalStart);
+      var anchorStartFar = "".concat(anchorLeftEdge, " ").concat(verticalEnd);
+      var anchorEndNear = "".concat(anchorLeftEdge + anchorRect.width, " ").concat(verticalStart);
+      var anchorEndFar = "".concat(anchorLeftEdge + anchorRect.width, " ").concat(verticalEnd);
+      var hitAreaPath = "\n                        M ".concat(menuStart, "\n                        S ").concat(anchorStartNear, " , ").concat(anchorStartFar, "\n                        L ").concat(anchorStartNear, "\n                        L ").concat(anchorEndNear, "\n                        L ").concat(anchorEndFar, "\n                        S ").concat(anchorEndNear, " , ").concat(menuEnd, "\n                    ");
+      return {
+        hitAreaPath: hitAreaPath,
+        hitAreaStyle: {
+          left: menuRect.left,
+          top: anchorRect.top,
+          width: menuRect.width,
+          height: anchorRect.height
+        }
+      };
+    }
+
+    if (popoverPlacement === 'left' || popoverPlacement === 'right') {
+      var anchorTopEdge = anchorRect.top - menuRect.top;
+      var horizontalStart = 0;
+      var horizontalEnd = anchorRect.width;
+
+      if (popoverPlacement === 'right') {
+        horizontalStart = anchorRect.width;
+        horizontalEnd = 0;
+      }
 
+      var _menuStart = "".concat(horizontalStart, " 0");
+
+      var _menuEnd = "".concat(horizontalStart, " ").concat(menuRect.height);
+
+      var _anchorStartNear = "".concat(horizontalStart, " ").concat(anchorTopEdge);
+
+      var _anchorStartFar = "".concat(horizontalEnd, " ").concat(anchorTopEdge);
+
+      var _anchorEndNear = "".concat(horizontalStart, " ").concat(anchorTopEdge + anchorRect.height);
+
+      var _anchorEndFar = "".concat(horizontalEnd, " ").concat(anchorTopEdge + anchorRect.height);
+
+      var _hitAreaPath = "\n                        M ".concat(_menuStart, "\n                        S ").concat(_anchorStartNear, " , ").concat(_anchorStartFar, "\n                        L ").concat(_anchorStartNear, "\n                        L ").concat(_anchorEndNear, "\n                        L ").concat(_anchorEndFar, "\n                        S ").concat(_anchorEndNear, " , ").concat(_menuEnd, "\n                    ");
+
+      return {
+        hitAreaPath: _hitAreaPath,
+        hitAreaStyle: {
+          left: anchorRect.left,
+          top: menuRect.top,
+          width: anchorRect.width,
+          height: menuRect.height
+        }
+      };
+    }
+  }
+
+  return {
+    hitAreaPath: null,
+    hitAreaStyle: {}
+  };
+};
+
+var PopoverHitArea = /*#__PURE__*/external_react_default.a.forwardRef(function (_ref2, ref) {
+  var anchorRect = _ref2.anchorRect,
+      popoverEl = _ref2.popoverEl,
+      popoverPlacement = _ref2.popoverPlacement;
+
+  var _useState = Object(external_react_["useState"])(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      hitAreaPathState = _useState2[0],
+      setHitAreaPathState = _useState2[1];
+
+  var _useState3 = Object(external_react_["useState"])({}),
+      _useState4 = _slicedToArray(_useState3, 2),
+      hitAreaStyleState = _useState4[0],
+      setHitAreaStyleState = _useState4[1];
+
+  Object(external_react_["useEffect"])(function () {
+    var _getHitAreaSettings = getHitAreaSettings({
+      anchorRect: anchorRect,
+      popoverEl: popoverEl,
+      popoverPlacement: popoverPlacement
+    }),
+        hitAreaPath = _getHitAreaSettings.hitAreaPath,
+        hitAreaStyle = _getHitAreaSettings.hitAreaStyle;
+
+    setHitAreaPathState(hitAreaPath);
+    setHitAreaStyleState(hitAreaStyle);
+  }, [anchorRect, popoverEl, popoverPlacement]);
+
+  if (hitAreaPathState != null) {
+    return /*#__PURE__*/external_react_default.a.createElement(StyledHitArea, {
+      "data-test": "popover-hit-area",
+      style: hitAreaStyleState
+    }, /*#__PURE__*/external_react_default.a.createElement("path", {
+      d: hitAreaPathState,
+      ref: ref
+    }));
+  }
+
+  return null;
+});
+PopoverHitArea.propTypes = propTypes;
+/* harmony default export */ var Popover_PopoverHitArea = (PopoverHitArea);
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
 var updateReactRef = __webpack_require__(12);
 
@@ -628,29 +767,29 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
 function _extends() { _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 _extends.apply(this, arguments); }
 
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || Popover_unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
 
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return Popover_arrayLikeToArray(arr); }
 
 function Popover_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function Popover_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { Popover_ownKeys(Object(source), true).forEach(function (key) { Popover_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { Popover_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function Popover_slicedToArray(arr, i) { return Popover_arrayWithHoles(arr) || Popover_iterableToArrayLimit(arr, i) || Popover_unsupportedIterableToArray(arr, i) || Popover_nonIterableRest(); }
 
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function Popover_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function Popover_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return Popover_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Popover_arrayLikeToArray(o, minLen); }
 
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function Popover_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function Popover_iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function Popover_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -697,12 +836,13 @@ function Popover_defineProperty(obj, key, value) { if (key in obj) { Object.defi
 
 
 
+
 
 
 /** @public */
 
 var possibleCloseReasons = ['clickAway', 'escapeKey', 'offScreen', 'tabKey'];
-var propTypes = {
+var Popover_propTypes = {
   align: external_prop_types_default.a.oneOf(['center', 'edge', 'theme', 'end']),
   anchor: external_prop_types_default.a.object,
   animation: external_prop_types_default.a.bool,
@@ -715,7 +855,7 @@ var propTypes = {
   defaultPlacement: external_prop_types_default.a.oneOf(['above', 'below', 'left', 'right', 'vertical', 'horizontal']),
   elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
   id: external_prop_types_default.a.string,
-  onReposition: external_prop_types_default.a.func,
+  hitAreaRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
   onRequestClose: external_prop_types_default.a.func,
   open: external_prop_types_default.a.bool,
   outerRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
@@ -884,7 +1024,6 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
             autoCloseWhenOffScreen = _this$props.autoCloseWhenOffScreen,
             canCoverAnchor = _this$props.canCoverAnchor,
             defaultPlacement = _this$props.defaultPlacement,
-            onReposition = _this$props.onReposition,
             open = _this$props.open,
             repositionMode = _this$props.repositionMode,
             splunkTheme = _this$props.splunkTheme;
@@ -935,7 +1074,7 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
           placement: placement,
           outerContainerEl: _this.outerContainerEl
         }) : [],
-            _ref3 = _slicedToArray(_ref2, 2),
+            _ref3 = Popover_slicedToArray(_ref2, 2),
             arrowStyle = _ref3[0],
             arrowStyleTransformMeta = _ref3[1];
 
@@ -947,9 +1086,6 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
           return null;
         }
 
-        onReposition === null || onReposition === void 0 ? void 0 : onReposition({
-          placement: placement
-        });
         return {
           anchorPos: anchorPos,
           arrowStyle: arrowStyle,
@@ -1209,6 +1345,9 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
       var open = this.props.open || this.state.animating;
       var scrollContainer = this.context || window;
       var hasCustomizedScrollContainer = scrollContainer !== window;
+      var _this$state3 = this.state,
+          anchorPos = _this$state3.anchorPos,
+          placement = _this$state3.placement;
       return [hasCustomizedScrollContainer && /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
         target: scrollContainer,
         eventType: "scroll",
@@ -1239,7 +1378,12 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
         open: open,
         onRequestClose: this.handleRequestClose,
         key: "Layer"
-      }, open && this.renderLayer())];
+      }, open && this.innerContainerEl && this.props.hitAreaRef && /*#__PURE__*/external_react_default.a.createElement(Popover_PopoverHitArea, {
+        anchorRect: anchorPos,
+        popoverEl: this.innerContainerEl,
+        popoverPlacement: placement,
+        ref: this.props.hitAreaRef
+      }), open && this.renderLayer())];
     }
   }]);
 
@@ -1250,7 +1394,7 @@ Popover_defineProperty(Popover_Popover, "contextType", ScrollContainerContext_de
 
 Popover_defineProperty(Popover_Popover, "defaultProps", defaultProps);
 
-Popover_defineProperty(Popover_Popover, "propTypes", propTypes);
+Popover_defineProperty(Popover_Popover, "propTypes", Popover_propTypes);
 
 Popover_defineProperty(Popover_Popover, "getDerivedStateFromProps", function (props, state) {
   if (props.open !== state.prevOpen) {
@@ -1271,6 +1415,13 @@ PopoverWithTheme.propTypes = Popover_Popover.propTypes;
 
 
 
+/***/ }),
+
+/***/ 18:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/includes");
+
 /***/ }),
 
 /***/ 2:

package/RadioBar.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 179);
+/******/ 	return __webpack_require__(__webpack_require__.s = 180);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -115,7 +115,7 @@ module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 179:
+/***/ 180:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/RadioList.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 180);
+/******/ 	return __webpack_require__(__webpack_require__.s = 181);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 180:
+/***/ 181:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Select.js

@@ -875,8 +875,8 @@ _defineProperty(Option, "defaultProps", defaultProps);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Search; });
 /* 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_enterprise_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(56);
-/* harmony import */ var _splunk_react_icons_enterprise_Search__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_enterprise_Search__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(56);
+/* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Search__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);
 function _extends() { _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 _extends.apply(this, arguments); }
@@ -910,7 +910,7 @@ function Prisma16(_ref2) {
 
 function Search(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
-    Enterprise: _splunk_react_icons_enterprise_Search__WEBPACK_IMPORTED_MODULE_1___default.a,
+    Enterprise: _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default.a,
     Prisma16: Prisma16,
     Prisma24: Prisma24
   }, props));
@@ -967,8 +967,8 @@ module.exports = require("lodash/find");
 /* 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_enterprise_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(53);
-/* harmony import */ var _splunk_react_icons_enterprise_Caret__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_enterprise_Caret__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(53);
+/* 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);
 function _extends() { _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 _extends.apply(this, arguments); }
@@ -991,7 +991,7 @@ function Prisma24(_ref) {
 
 function CaretDown(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
-    Enterprise: _splunk_react_icons_enterprise_Caret__WEBPACK_IMPORTED_MODULE_1___default.a,
+    Enterprise: _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1___default.a,
     Prisma24: Prisma24
   }, props));
 }
@@ -1001,14 +1001,14 @@ function CaretDown(props) {
 /***/ 53:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/enterprise/Caret");
+module.exports = require("@splunk/react-icons/Caret");
 
 /***/ }),
 
 /***/ 56:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/enterprise/Search");
+module.exports = require("@splunk/react-icons/Search");
 
 /***/ }),
 
@@ -2507,8 +2507,8 @@ function Icon(_ref) {
 
 
   if (prismaSize === 'small') {
-    var SVGEnterprise = Prisma16 || Prisma24;
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVGEnterprise, _extends({
+    var SVG = Prisma16 || Prisma24;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVG, _extends({
       width: "16",
       height: "16"
     }, prismaProps));
@@ -2516,9 +2516,9 @@ function Icon(_ref) {
 
 
   if (density === 'compact') {
-    var _SVGEnterprise = Prisma20 || Prisma24;
+    var _SVG = Prisma20 || Prisma24;
 
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVGEnterprise, _extends({
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG, _extends({
       width: "20",
       height: "20"
     }, prismaProps));