@splunk/react-ui 4.19.0 → 4.20.0

package/Resize.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 227);
+/******/ 	return __webpack_require__(__webpack_require__.s = 229);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -149,7 +149,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 227:
+/***/ 229:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/ResultsMenu.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 228);
+/******/ 	return __webpack_require__(__webpack_require__.s = 230);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -135,14 +135,14 @@ module.exports = require("@splunk/react-ui/Menu");
 
 /***/ }),
 
-/***/ 151:
+/***/ 153:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/userAgent");
 
 /***/ }),
 
-/***/ 152:
+/***/ 154:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/WaitSpinner");
@@ -156,7 +156,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 228:
+/***/ 230:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -178,6 +178,10 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var keys_ = __webpack_require__(9);
 var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
 
+// EXTERNAL MODULE: external "lodash/memoize"
+var memoize_ = __webpack_require__(40);
+var memoize_default = /*#__PURE__*/__webpack_require__.n(memoize_);
+
 // EXTERNAL MODULE: external "lodash/omit"
 var omit_ = __webpack_require__(5);
 var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
@@ -186,7 +190,7 @@ var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
 var i18n_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/userAgent"
-var userAgent_ = __webpack_require__(151);
+var userAgent_ = __webpack_require__(153);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Menu"
 var Menu_ = __webpack_require__(13);
@@ -197,7 +201,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/WaitSpinner"
-var WaitSpinner_ = __webpack_require__(152);
+var WaitSpinner_ = __webpack_require__(154);
 var WaitSpinner_default = /*#__PURE__*/__webpack_require__.n(WaitSpinner_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -238,17 +242,17 @@ var StyledFooter = external_styled_components_default.a.div.withConfig({
 var StyledLoading = external_styled_components_default.a.li.withConfig({
   displayName: "ResultsMenuStyles__StyledLoading",
   componentId: "avbhl8-2"
-})(["", ";padding:", ";"], themes_["mixins"].reset('flex'), Object(themes_["pick"])({
+})(["", ";padding:", ";gap:", ";"], themes_["mixins"].reset('flex'), Object(themes_["pick"])({
   prisma: {
     comfortable: '10px 16px',
     compact: '6px 16px'
   },
   enterprise: '6px 10px'
-}));
+}), themes_["variables"].spacingXSmall);
 var StyledWait = external_styled_components_default()(WaitSpinner_default.a).withConfig({
   displayName: "ResultsMenuStyles__StyledWait",
   componentId: "avbhl8-3"
-})(["margin-right:", ";flex:0 0 auto;"], themes_["variables"].spacingQuarter);
+})(["flex:0 0 auto;"]);
 var StyledLoadingMessage = external_styled_components_default.a.div.withConfig({
   displayName: "ResultsMenuStyles__StyledLoadingMessage",
   componentId: "avbhl8-4"
@@ -296,6 +300,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
+
 var propTypes = {
   animateLoading: external_prop_types_default.a.bool,
   children: external_prop_types_default.a.node,
@@ -319,6 +324,21 @@ var defaultProps = {
   loadingMessage: Object(i18n_["_"])('Loading...'),
   noOptionsMessage: Object(i18n_["_"])('No matches')
 };
+var menuContextRole = {
+  role: 'listbox'
+};
+var getMenuInlineStyle = memoize_default()(function (menuMaxHeight) {
+  return {
+    overflow: 'auto',
+    maxHeight: menuMaxHeight || 'calc(100vh - 20px)',
+    flexDirection: 'column'
+  };
+});
+var getMenuBottomInlineStyle = memoize_default()(function (height) {
+  return {
+    height: height
+  };
+});
 
 // @docs-props-type ResultsMenuPropsBase
 var ResultsMenu_ResultsMenu = /*#__PURE__*/function (_Component) {
@@ -505,6 +525,8 @@ var ResultsMenu_ResultsMenu = /*#__PURE__*/function (_Component) {
         return !(type === Menu_["Divider"] && type.filterFirst || (type === Menu_["Divider"] || type === Menu_["Heading"]) && (type.filterLast || type.filterConsecutive));
       });
       var fullHeight = this.checkFullHeight();
+      var menuInlineStyle = getMenuInlineStyle(this.state.menuMaxHeight);
+      var menuBottomInlineStyle = getMenuBottomInlineStyle(this.state.scrollBottomTriggered ? this.state.numberOfItemsLoaded * this.itemMinHeight || 0 : 0);
       /* eslint-disable jsx-a11y/aria-role */
 
       return /*#__PURE__*/external_react_default.a.createElement(Styled, _extends({
@@ -515,16 +537,10 @@ var ResultsMenu_ResultsMenu = /*#__PURE__*/function (_Component) {
         onMouseEnter: onScrollBottom ? this.handleMouseEnter : undefined,
         onMouseLeave: onScrollBottom ? this.handleMouseLeave : undefined
       }, omit_default()(otherProps, 'tabIndex')), placement !== 'above' && childrenStart, placement === 'above' && this.renderFooterMessage(), /*#__PURE__*/external_react_default.a.createElement(Menu_["MenuContext"].Provider, {
-        value: {
-          role: 'listbox'
-        }
+        value: menuContextRole
       }, /*#__PURE__*/external_react_default.a.createElement(Menu_default.a, {
         key: "menu",
-        style: {
-          overflow: 'auto',
-          maxHeight: this.state.menuMaxHeight || 'calc(100vh - 20px)',
-          flexDirection: 'column'
-        },
+        style: menuInlineStyle,
         controlledExternally: controlledExternally,
         elementRef: this.handleMenuMount,
         onScroll: this.handleScroll,
@@ -538,9 +554,7 @@ var ResultsMenu_ResultsMenu = /*#__PURE__*/function (_Component) {
       // Bottom spacer fills in the space of new items being loaded by using the minimum possible height x menuItems.
       external_react_default.a.createElement("div", {
         "data-test": "results-menu-bottom-spacer",
-        style: {
-          height: this.state.scrollBottomTriggered ? this.state.numberOfItemsLoaded * this.itemMinHeight || 0 : 0
-        }
+        style: menuBottomInlineStyle
       }), isLoading && /*#__PURE__*/external_react_default.a.createElement(StyledLoading, null, animateLoading && /*#__PURE__*/external_react_default.a.createElement(StyledWait, null), /*#__PURE__*/external_react_default.a.createElement(StyledLoadingMessage, null, loadingMessage)))), placement !== 'above' && this.renderFooterMessage(), placement === 'above' && childrenStart);
     }
   }]);
@@ -573,6 +587,13 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
+/***/ 40:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/memoize");
+
+/***/ }),
+
 /***/ 5:
 /***/ (function(module, exports) {
 

package/ScreenReaderContent.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 229);
+/******/ 	return __webpack_require__(__webpack_require__.s = 231);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 229:
+/***/ 231:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Scroll.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 204);
+/******/ 	return __webpack_require__(__webpack_require__.s = 206);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -149,7 +149,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 204:
+/***/ 206:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -172,7 +172,7 @@ var isFinite_ = __webpack_require__(19);
 var isFinite_default = /*#__PURE__*/__webpack_require__.n(isFinite_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Animation"
-var Animation_ = __webpack_require__(40);
+var Animation_ = __webpack_require__(43);
 
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
@@ -197,7 +197,7 @@ var EventListener_ = __webpack_require__(16);
 var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScrollContainerContext"
-var ScrollContainerContext_ = __webpack_require__(50);
+var ScrollContainerContext_ = __webpack_require__(53);
 
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
 var updateReactRef = __webpack_require__(10);
@@ -586,7 +586,7 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 40:
+/***/ 43:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Animation");
@@ -600,7 +600,7 @@ module.exports = require("lodash/omit");
 
 /***/ }),
 
-/***/ 50:
+/***/ 53:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ScrollContainerContext");

package/ScrollContainerContext.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 240);
+/******/ 	return __webpack_require__(__webpack_require__.s = 242);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -93,7 +93,7 @@ module.exports =
 "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);
+/* harmony import */ var _ssrDocument__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(28);
 /* eslint-disable @typescript-eslint/no-empty-function */
 
 var ssrWindow = {
@@ -170,7 +170,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 240:
+/***/ 242:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -215,7 +215,7 @@ var ScrollContainerProvider = ScrollContainerContext.Provider;
 
 /***/ }),
 
-/***/ 27:
+/***/ 28:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Search.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 230);
+/******/ 	return __webpack_require__(__webpack_require__.s = 232);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -135,7 +135,7 @@ module.exports = require("@splunk/react-ui/Menu");
 
 /***/ }),
 
-/***/ 153:
+/***/ 155:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/usePrevious");
@@ -156,7 +156,7 @@ module.exports = require("@splunk/react-ui/Popover");
 
 /***/ }),
 
-/***/ 230:
+/***/ 232:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -178,7 +178,7 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "lodash/extend"
-var extend_ = __webpack_require__(49);
+var extend_ = __webpack_require__(52);
 var extend_default = /*#__PURE__*/__webpack_require__.n(extend_);
 
 // EXTERNAL MODULE: external "lodash/has"
@@ -190,7 +190,7 @@ var omit_ = __webpack_require__(5);
 var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
 
 // EXTERNAL MODULE: external "lodash/pick"
-var pick_ = __webpack_require__(41);
+var pick_ = __webpack_require__(44);
 var pick_default = /*#__PURE__*/__webpack_require__.n(pick_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/id"
@@ -206,7 +206,7 @@ var keyboard_ = __webpack_require__(7);
 var Menu_ = __webpack_require__(13);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/usePrevious"
-var usePrevious_ = __webpack_require__(153);
+var usePrevious_ = __webpack_require__(155);
 var usePrevious_default = /*#__PURE__*/__webpack_require__.n(usePrevious_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
@@ -214,11 +214,11 @@ var Popover_ = __webpack_require__(21);
 var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ResultsMenu"
-var ResultsMenu_ = __webpack_require__(44);
+var ResultsMenu_ = __webpack_require__(47);
 var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Text"
-var Text_ = __webpack_require__(30);
+var Text_ = __webpack_require__(32);
 var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
 
 // CONCATENATED MODULE: ./src/Search/Option.tsx
@@ -778,7 +778,7 @@ Search.Heading = Menu_["Heading"];
 
 /***/ }),
 
-/***/ 30:
+/***/ 32:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Text");
@@ -792,31 +792,31 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 41:
+/***/ 44:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/pick");
 
 /***/ }),
 
-/***/ 44:
+/***/ 47:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ResultsMenu");
 
 /***/ }),
 
-/***/ 49:
+/***/ 5:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash/extend");
+module.exports = require("lodash/omit");
 
 /***/ }),
 
-/***/ 5:
+/***/ 52:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash/omit");
+module.exports = require("lodash/extend");
 
 /***/ }),