@splunk/react-ui 4.3.0 → 4.5.0

package/FormRows.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 117);
+/******/ 	return __webpack_require__(__webpack_require__.s = 121);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 117:
+/***/ 121:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -127,7 +127,7 @@ var i18n_ = __webpack_require__(5);
 var keyboard_ = __webpack_require__(9);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/Plus"
-var Plus_ = __webpack_require__(79);
+var Plus_ = __webpack_require__(82);
 var Plus_default = /*#__PURE__*/__webpack_require__.n(Plus_);
 
 // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -174,17 +174,17 @@ function Plus(props) {
   }, props));
 }
 // EXTERNAL MODULE: external "react-sortable-hoc"
-var external_react_sortable_hoc_ = __webpack_require__(67);
+var external_react_sortable_hoc_ = __webpack_require__(69);
 
 // EXTERNAL MODULE: external "lodash"
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/CloseButton"
-var CloseButton_ = __webpack_require__(59);
+var CloseButton_ = __webpack_require__(62);
 var CloseButton_default = /*#__PURE__*/__webpack_require__.n(CloseButton_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
-var ScreenReaderContent_ = __webpack_require__(14);
+var ScreenReaderContent_ = __webpack_require__(15);
 var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -196,7 +196,7 @@ var Box_ = __webpack_require__(8);
 var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Button"
-var Button_ = __webpack_require__(16);
+var Button_ = __webpack_require__(17);
 var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -286,6 +286,14 @@ var StyledDrag = external_styled_components_default.a.div.withConfig({
   prisma: Object(external_styled_components_["css"])(["height:20px;"])
 }));
 
+// CONCATENATED MODULE: ./src/FormRows/FormRowsContext.tsx
+
+var FormRowsContext = /*#__PURE__*/Object(external_react_["createContext"])({
+  disabledDeleteButton: false,
+  sortable: true
+});
+FormRowsContext.displayName = 'FormRows';
+/* harmony default export */ var FormRows_FormRowsContext = (FormRowsContext);
 // CONCATENATED MODULE: ./src/FormRows/Row.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); }
 
@@ -325,29 +333,17 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
+
 var propTypes = {
   children: external_prop_types_default.a.node,
-
-  /** @private */
-  disabledDeleteButton: external_prop_types_default.a.bool,
   elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
   index: external_prop_types_default.a.number,
-
-  /** @private */
-  onKeyDown: external_prop_types_default.a.func,
   onRequestRemove: external_prop_types_default.a.func,
 
   /** @private */
   rowIndex: external_prop_types_default.a.number,
-
-  /** @private */
-  sortable: external_prop_types_default.a.bool,
   value: external_prop_types_default.a.node
 };
-var defaultProps = {
-  disabledDeleteButton: false,
-  sortable: true
-};
 
 var Row_Row = /*#__PURE__*/function (_Component) {
   _inherits(Row, _Component);
@@ -366,17 +362,17 @@ var Row_Row = /*#__PURE__*/function (_Component) {
     _this = _super.call.apply(_super, [this].concat(args));
 
     _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (e) {
-      var _this$props$onKeyDown, _this$props, _this$props$rowIndex;
+      var _this$context$onKeyDo, _this$context, _this$props$rowIndex;
 
-      (_this$props$onKeyDown = (_this$props = _this.props).onKeyDown) === null || _this$props$onKeyDown === void 0 ? void 0 : _this$props$onKeyDown.call(_this$props, e, {
+      (_this$context$onKeyDo = (_this$context = _this.context).onKeyDown) === null || _this$context$onKeyDo === void 0 ? void 0 : _this$context$onKeyDo.call(_this$context, e, {
         index: (_this$props$rowIndex = _this.props.rowIndex) !== null && _this$props$rowIndex !== void 0 ? _this$props$rowIndex : 0
       });
     });
 
     _defineProperty(_assertThisInitialized(_this), "handleRequestRemove", function (e) {
-      var _this$props$onRequest, _this$props2, _this$props$rowIndex2;
+      var _this$props$onRequest, _this$props, _this$props$rowIndex2;
 
-      (_this$props$onRequest = (_this$props2 = _this.props).onRequestRemove) === null || _this$props$onRequest === void 0 ? void 0 : _this$props$onRequest.call(_this$props2, e, {
+      (_this$props$onRequest = (_this$props = _this.props).onRequestRemove) === null || _this$props$onRequest === void 0 ? void 0 : _this$props$onRequest.call(_this$props, e, {
         index: (_this$props$rowIndex2 = _this.props.rowIndex) !== null && _this$props$rowIndex2 !== void 0 ? _this$props$rowIndex2 : 0
       });
     });
@@ -387,12 +383,18 @@ var Row_Row = /*#__PURE__*/function (_Component) {
   _createClass(Row, [{
     key: "render",
     value: function render() {
-      var _this$props3 = this.props,
-          children = _this$props3.children,
-          disabledDeleteButton = _this$props3.disabledDeleteButton,
-          sortable = _this$props3.sortable,
-          elementRef = _this$props3.elementRef,
-          otherProps = _objectWithoutProperties(_this$props3, ["children", "disabledDeleteButton", "sortable", "elementRef"]);
+      var _this$props2 = this.props,
+          children = _this$props2.children,
+          elementRef = _this$props2.elementRef,
+          otherProps = _objectWithoutProperties(_this$props2, ["children", "elementRef"]);
+
+      var _this$context2 = this.context,
+          disabledDeleteButtonContext = _this$context2.disabledDeleteButton,
+          hasOnRequestAddContext = _this$context2.hasOnRequestAdd,
+          sortableContext = _this$context2.sortable;
+      var onRequestRemoveExists = this.props.onRequestRemove !== undefined;
+
+      if (false) {}
 
       var DragHandle = Object(external_react_sortable_hoc_["SortableHandle"])(function () {
         return /*#__PURE__*/external_react_default.a.createElement(StyledDrag, {
@@ -401,14 +403,14 @@ var Row_Row = /*#__PURE__*/function (_Component) {
       });
       return /*#__PURE__*/external_react_default.a.createElement(Styled // eslint-disable-line jsx-a11y/no-static-element-interactions
       , Row_extends({
-        $sortable: sortable,
+        $sortable: sortableContext,
         "data-test": "row",
         ref: elementRef,
         onKeyDown: this.handleKeyDown // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
         ,
-        tabIndex: sortable ? 0 : undefined
-      }, Object(external_lodash_["omit"])(otherProps, ['onKeyDown', 'onRequestRemove', 'rowIndex'])), sortable && /*#__PURE__*/external_react_default.a.createElement(DragHandle, null), children, /*#__PURE__*/external_react_default.a.createElement(StyledButton, null, /*#__PURE__*/external_react_default.a.createElement(CloseButton_default.a, {
-        disabled: disabledDeleteButton,
+        tabIndex: sortableContext ? 0 : undefined
+      }, Object(external_lodash_["omit"])(otherProps, ['onKeyDown', 'onRequestRemove', 'rowIndex'])), sortableContext && /*#__PURE__*/external_react_default.a.createElement(DragHandle, null), children, onRequestRemoveExists && /*#__PURE__*/external_react_default.a.createElement(StyledButton, null, /*#__PURE__*/external_react_default.a.createElement(CloseButton_default.a, {
+        disabled: disabledDeleteButtonContext,
         "data-test": "remove",
         onClick: this.handleRequestRemove,
         screenReaderText: Object(i18n_["_"])('Remove Row')
@@ -421,7 +423,7 @@ var Row_Row = /*#__PURE__*/function (_Component) {
 
 _defineProperty(Row_Row, "propTypes", propTypes);
 
-_defineProperty(Row_Row, "defaultProps", defaultProps);
+_defineProperty(Row_Row, "contextType", FormRows_FormRowsContext);
 
 var SortableRow = Object(external_react_sortable_hoc_["SortableElement"])(Row_Row);
 SortableRow.propTypes = propTypes;
@@ -474,6 +476,9 @@ function FormRows_defineProperty(obj, key, value) { if (key in obj) { Object.def
 
 
 
+
+/** @public */
+
 var FormRows_propTypes = {
   addLabel: external_prop_types_default.a.string,
   children: external_prop_types_default.a.node,
@@ -484,7 +489,7 @@ var FormRows_propTypes = {
   onRequestAdd: external_prop_types_default.a.func,
   onRequestMove: external_prop_types_default.a.func
 };
-var FormRows_defaultProps = {
+var defaultProps = {
   addLabel: Object(i18n_["_"])('Add Row'),
   disabled: false,
   header: null
@@ -555,8 +560,6 @@ var FormRows_FormRows = /*#__PURE__*/function (_Component) {
   FormRows_createClass(FormRows, [{
     key: "render",
     value: function render() {
-      var _this2 = this;
-
       var _this$props4 = this.props,
           addLabel = _this$props4.addLabel,
           children = _this$props4.children,
@@ -569,12 +572,10 @@ var FormRows_FormRows = /*#__PURE__*/function (_Component) {
 
       var sortable = onRequestMove !== undefined && !disabled;
       var StyledHeaderComp = sortable ? StyledHeader : 'div';
+      var hasOnRequestAdd = onRequestAdd !== undefined;
       var clonedChildren = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]).map(function (item) {
         return /*#__PURE__*/Object(external_react_["cloneElement"])(item, {
-          onKeyDown: _this2.handleKeyDown,
-          rowIndex: item.props.index,
-          disabledDeleteButton: disabled,
-          sortable: sortable
+          rowIndex: item.props.index
         });
       });
       return /*#__PURE__*/external_react_default.a.createElement(StyledBox, FormRows_extends({
@@ -583,7 +584,14 @@ var FormRows_FormRows = /*#__PURE__*/function (_Component) {
         helperClass: "sorting",
         onSortEnd: this.handleSortEnd,
         useDragHandle: true
-      }, clonedChildren), menu || /*#__PURE__*/external_react_default.a.createElement(StyledAddRowButton, {
+      }, /*#__PURE__*/external_react_default.a.createElement(FormRows_FormRowsContext.Provider, {
+        value: {
+          disabledDeleteButton: disabled,
+          onKeyDown: this.handleKeyDown,
+          hasOnRequestAdd: hasOnRequestAdd,
+          sortable: sortable
+        }
+      }, clonedChildren)), menu || hasOnRequestAdd && /*#__PURE__*/external_react_default.a.createElement(StyledAddRowButton, {
         disabled: disabled,
         appearance: "pill",
         "data-test": "add-row",
@@ -687,7 +695,7 @@ var FormRows_FormRows = /*#__PURE__*/function (_Component) {
 
 FormRows_defineProperty(FormRows_FormRows, "propTypes", FormRows_propTypes);
 
-FormRows_defineProperty(FormRows_FormRows, "defaultProps", FormRows_defaultProps);
+FormRows_defineProperty(FormRows_FormRows, "defaultProps", defaultProps);
 
 FormRows_defineProperty(FormRows_FormRows, "Row", FormRows_Row);
 
@@ -699,14 +707,14 @@ FormRows_defineProperty(FormRows_FormRows, "Row", FormRows_Row);
 
 /***/ }),
 
-/***/ 14:
+/***/ 15:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ScreenReaderContent");
 
 /***/ }),
 
-/***/ 16:
+/***/ 17:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Button");
@@ -741,13 +749,6 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 59:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/CloseButton");
-
-/***/ }),
-
 /***/ 6:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -773,7 +774,14 @@ function SVG(props) {
 
 /***/ }),
 
-/***/ 67:
+/***/ 62:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/CloseButton");
+
+/***/ }),
+
+/***/ 69:
 /***/ (function(module, exports) {
 
 module.exports = require("react-sortable-hoc");
@@ -898,17 +906,17 @@ Icon.defaultProps = defaultProps;
 
 /***/ }),
 
-/***/ 79:
+/***/ 8:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/Plus");
+module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
-/***/ 8:
+/***/ 82:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Box");
+module.exports = require("@splunk/react-icons/Plus");
 
 /***/ }),
 

package/Heading.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 158);
+/******/ 	return __webpack_require__(__webpack_require__.s = 153);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 158:
+/***/ 153:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Image.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 149);
+/******/ 	return __webpack_require__(__webpack_require__.s = 154);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 11:
+/***/ 12:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 149:
+/***/ 154:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -130,28 +130,28 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/format"
-var format_ = __webpack_require__(41);
+var format_ = __webpack_require__(40);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/File"
-var File_ = __webpack_require__(80);
+var File_ = __webpack_require__(83);
 var File_default = /*#__PURE__*/__webpack_require__.n(File_);
 
 // EXTERNAL MODULE: ./src/icons/CrossMark.tsx
-var CrossMark = __webpack_require__(21);
+var CrossMark = __webpack_require__(22);
 
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
 var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
-var Clickable_ = __webpack_require__(11);
+var Clickable_ = __webpack_require__(12);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Message"
-var Message_ = __webpack_require__(81);
+var Message_ = __webpack_require__(84);
 var Message_default = /*#__PURE__*/__webpack_require__.n(Message_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -447,14 +447,14 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 21:
+/***/ 22:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CrossMark; });
 /* 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_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(25);
+/* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(26);
 /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Close__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);
@@ -497,7 +497,7 @@ function CrossMark(props) {
 
 /***/ }),
 
-/***/ 25:
+/***/ 26:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Close");
@@ -518,7 +518,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 41:
+/***/ 40:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/format");
@@ -675,14 +675,14 @@ Icon.defaultProps = defaultProps;
 
 /***/ }),
 
-/***/ 80:
+/***/ 83:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/File");
 
 /***/ }),
 
-/***/ 81:
+/***/ 84:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Message");

package/JSONTree.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 121);
+/******/ 	return __webpack_require__(__webpack_require__.s = 131);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 11:
+/***/ 12:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 121:
+/***/ 131:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -134,7 +134,7 @@ var external_styled_components_ = __webpack_require__(3);
 var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
-var Clickable_ = __webpack_require__(11);
+var Clickable_ = __webpack_require__(12);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -440,7 +440,7 @@ var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
           onClick: function onClick(e) {
             _this3.handleClickKey(e, key);
           }
-        }, key));
+        }, key), ":", ' ');
       }
 
       return /*#__PURE__*/external_react_default.a.createElement("span", null, /*#__PURE__*/external_react_default.a.createElement(StyledProperty, null, key), ":", ' ');

package/Layer.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 168);
+/******/ 	return __webpack_require__(__webpack_require__.s = 174);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -94,7 +94,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 104:
+/***/ 107:
 /***/ (function(module, exports) {
 
 var g;
@@ -121,14 +121,14 @@ module.exports = g;
 
 /***/ }),
 
-/***/ 15:
+/***/ 14:
 /***/ (function(module, exports) {
 
-module.exports = require("react-event-listener");
+module.exports = require("@splunk/react-ui/EventListener");
 
 /***/ }),
 
-/***/ 168:
+/***/ 174:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -145,24 +145,24 @@ var external_react_ = __webpack_require__(2);
 var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
 
 // EXTERNAL MODULE: external "react-dom"
-var external_react_dom_ = __webpack_require__(60);
+var external_react_dom_ = __webpack_require__(63);
 
 // EXTERNAL MODULE: external "prop-types"
 var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
-// EXTERNAL MODULE: external "react-event-listener"
-var external_react_event_listener_ = __webpack_require__(15);
-var external_react_event_listener_default = /*#__PURE__*/__webpack_require__.n(external_react_event_listener_);
-
 // EXTERNAL MODULE: external "lodash"
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
 var keyboard_ = __webpack_require__(9);
 
+// EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
+var EventListener_ = __webpack_require__(14);
+var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
+
 // EXTERNAL MODULE: ./src/Layer/LayerStack.tsx
-var LayerStack = __webpack_require__(68);
+var LayerStack = __webpack_require__(70);
 
 // CONCATENATED MODULE: ./src/Layer/Layer.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); }
@@ -311,12 +311,24 @@ var Layer_Layer = /*#__PURE__*/function (_Component) {
           onTouchStart: this.handleClickOnLayer
         }, children), Layer.layerContainer // eslint-disable-line @typescript-eslint/no-non-null-assertion
         );
-        return /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, /*#__PURE__*/external_react_default.a.createElement(external_react_event_listener_default.a, {
-          key: "eventListener",
-          target: "window",
-          onKeyDown: this.handleKeyDownOnWindow,
-          onMouseDown: this.handleClickOnWindow,
-          onTouchStart: this.handleClickOnWindow
+        return /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
+          target: window,
+          eventType: "keydown",
+          listener: this.handleKeyDownOnWindow,
+          key: "eventListenerKeydown"
+        }), /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
+          target: window,
+          eventType: "mousedown",
+          listener: this.handleClickOnWindow,
+          key: "eventListenerMouseDown"
+        }), /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
+          target: window,
+          eventType: "touchstart",
+          listener: this.handleClickOnWindow,
+          key: "eventListenerTouchStart",
+          options: {
+            passive: true
+          }
         }), layerPortal);
       }
 
@@ -358,14 +370,14 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 60:
+/***/ 63:
 /***/ (function(module, exports) {
 
 module.exports = require("react-dom");
 
 /***/ }),
 
-/***/ 68:
+/***/ 70:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -415,7 +427,7 @@ function LayerStackGlobalProvider(_ref) {
 
 LayerStackGlobalProvider.propTypes = propTypes;
 
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(104)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(107)))
 
 /***/ }),
 

package/Link.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 159);
+/******/ 	return __webpack_require__(__webpack_require__.s = 155);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 11:
+/***/ 12:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 159:
+/***/ 155:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -127,7 +127,7 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
-var Dropdown_ = __webpack_require__(18);
+var Dropdown_ = __webpack_require__(19);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
 var i18n_ = __webpack_require__(5);
@@ -137,11 +137,11 @@ var external_styled_components_ = __webpack_require__(3);
 var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/External"
-var External_ = __webpack_require__(51);
+var External_ = __webpack_require__(52);
 var External_default = /*#__PURE__*/__webpack_require__.n(External_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
-var Clickable_ = __webpack_require__(11);
+var Clickable_ = __webpack_require__(12);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -295,7 +295,7 @@ _defineProperty(Link_Link, Dropdown_["legacyRefMode"], true);
 
 /***/ }),
 
-/***/ 18:
+/***/ 19:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Dropdown");
@@ -323,7 +323,7 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 51:
+/***/ 52:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/External");