@splunk/react-ui 4.3.0 → 4.5.0

package/ColumnLayout.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 114);
+/******/ 	return __webpack_require__(__webpack_require__.s = 118);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 114:
+/***/ 118:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -144,7 +144,7 @@ var Styled = external_styled_components_default.a.div.withConfig({
 })(["", ";"], themes_["mixins"].reset('block'));
 
 // EXTERNAL MODULE: ./src/utils/types.ts
-var types = __webpack_require__(48);
+var types = __webpack_require__(49);
 
 // CONCATENATED MODULE: ./src/ColumnLayout/Column.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); }
@@ -442,7 +442,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 48:
+/***/ 49:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/ComboBox.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 147);
+/******/ 	return __webpack_require__(__webpack_require__.s = 152);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 12:
+/***/ 11:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -135,7 +135,7 @@ module.exports = require("@splunk/react-ui/Menu");
 
 /***/ }),
 
-/***/ 147:
+/***/ 152:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -160,7 +160,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/filter"
-var filter_ = __webpack_require__(23);
+var filter_ = __webpack_require__(24);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/id"
 var id_ = __webpack_require__(10);
@@ -175,15 +175,15 @@ var keyboard_ = __webpack_require__(9);
 var Menu_ = __webpack_require__(13);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
-var Popover_ = __webpack_require__(17);
+var Popover_ = __webpack_require__(16);
 var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ResultsMenu"
-var ResultsMenu_ = __webpack_require__(39);
+var ResultsMenu_ = __webpack_require__(32);
 var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Text"
-var Text_ = __webpack_require__(26);
+var Text_ = __webpack_require__(21);
 var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
 
 // CONCATENATED MODULE: ./src/ComboBox/Option.tsx
@@ -326,7 +326,7 @@ _defineProperty(Option_Option, "defaultProps", defaultProps);
 
 /* harmony default export */ var ComboBox_Option = (Option_Option);
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(12);
+var updateReactRef = __webpack_require__(11);
 
 // CONCATENATED MODULE: ./src/ComboBox/ComboBox.tsx
 function ComboBox_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { ComboBox_typeof = function _typeof(obj) { return typeof obj; }; } else { ComboBox_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return ComboBox_typeof(obj); }
@@ -461,6 +461,8 @@ var ComboBox_ComboBox = /*#__PURE__*/function (_Component) {
 
     ComboBox_defineProperty(ComboBox_assertThisInitialized(_this), "popoverId", void 0);
 
+    ComboBox_defineProperty(ComboBox_assertThisInitialized(_this), "previousActiveIndex", null);
+
     ComboBox_defineProperty(ComboBox_assertThisInitialized(_this), "textInput", null);
 
     ComboBox_defineProperty(ComboBox_assertThisInitialized(_this), "handleInputMount", function (el) {
@@ -474,8 +476,8 @@ var ComboBox_ComboBox = /*#__PURE__*/function (_Component) {
     });
 
     ComboBox_defineProperty(ComboBox_assertThisInitialized(_this), "handleActiveOptionMount", function (c) {
-      if (c) {
-        c.scrollIntoViewIfNeeded();
+      if (_this.previousActiveIndex !== _this.state.activeIndex) {
+        c === null || c === void 0 ? void 0 : c.scrollIntoViewIfNeeded();
       }
     });
 
@@ -736,8 +738,10 @@ var ComboBox_ComboBox = /*#__PURE__*/function (_Component) {
 
   ComboBox_createClass(ComboBox, [{
     key: "componentDidUpdate",
-    value: function componentDidUpdate() {
+    value: function componentDidUpdate(prevProps, prevState) {
       if (false) {}
+
+      this.previousActiveIndex = prevState.activeIndex;
     }
   }, {
     key: "getValue",
@@ -784,6 +788,7 @@ var ComboBox_ComboBox = /*#__PURE__*/function (_Component) {
       }, function () {
         var _this3$props$onClose, _this3$props;
 
+        _this3.previousActiveIndex = null;
         (_this3$props$onClose = (_this3$props = _this3.props).onClose) === null || _this3$props$onClose === void 0 ? void 0 : _this3$props$onClose.call(_this3$props);
       });
     }
@@ -870,7 +875,7 @@ ComboBox_defineProperty(ComboBox_ComboBox, "Heading", Menu_["Heading"]);
 
 /***/ }),
 
-/***/ 17:
+/***/ 16:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Popover");
@@ -884,21 +889,21 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 23:
+/***/ 21:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/filter");
+module.exports = require("@splunk/react-ui/Text");
 
 /***/ }),
 
-/***/ 26:
+/***/ 24:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Text");
+module.exports = require("@splunk/ui-utils/filter");
 
 /***/ }),
 
-/***/ 39:
+/***/ 32:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ResultsMenu");

package/Concertina.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 120);
+/******/ 	return __webpack_require__(__webpack_require__.s = 119);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -102,13 +102,6 @@ module.exports = require("prop-types");
 /***/ }),
 
 /***/ 11:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Clickable");
-
-/***/ }),
-
-/***/ 12:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -135,7 +128,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 120:
+/***/ 119:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -157,16 +150,16 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 // EXTERNAL MODULE: external "lodash"
 var external_lodash_ = __webpack_require__(4);
 
-// 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 "@splunk/react-ui/EventListener"
+var EventListener_ = __webpack_require__(14);
+var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
 
 // 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/themes"
@@ -338,7 +331,7 @@ var Box_ = __webpack_require__(8);
 var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Scroll"
-var Scroll_ = __webpack_require__(58);
+var Scroll_ = __webpack_require__(61);
 var Scroll_default = /*#__PURE__*/__webpack_require__.n(Scroll_);
 
 // CONCATENATED MODULE: ./src/Concertina/ConcertinaStyles.ts
@@ -378,8 +371,13 @@ var StyledPanelBody = external_styled_components_default.a.div.withConfig({
 }));
 
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(12);
+var updateReactRef = __webpack_require__(11);
+
+// CONCATENATED MODULE: ./src/Concertina/ConcertinaContext.tsx
 
+var ConcertinaContext = /*#__PURE__*/Object(external_react_["createContext"])({});
+ConcertinaContext.displayName = 'Concertina';
+/* harmony default export */ var Concertina_ConcertinaContext = (ConcertinaContext);
 // CONCATENATED MODULE: ./src/Concertina/Panel.tsx
 function Panel_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { Panel_typeof = function _typeof(obj) { return typeof obj; }; } else { Panel_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return Panel_typeof(obj); }
 
@@ -426,6 +424,7 @@ function Panel_defineProperty(obj, key, value) { if (key in obj) { Object.define
 
 
 
+
 var Panel_propTypes = {
   children: external_prop_types_default.a.node,
   description: external_prop_types_default.a.node,
@@ -433,12 +432,6 @@ var Panel_propTypes = {
 
   /** @private */
   index: external_prop_types_default.a.number,
-
-  /** @private */
-  onHeadingClick: external_prop_types_default.a.func,
-
-  /** @private */
-  onChange: external_prop_types_default.a.func,
   panelId: external_prop_types_default.a.string,
   status: external_prop_types_default.a.oneOf(['normal', 'warning', 'error', 'disabled']),
   title: external_prop_types_default.a.node.isRequired
@@ -463,7 +456,7 @@ var Panel_Panel = /*#__PURE__*/function (_Component) {
     Panel_defineProperty(Panel_assertThisInitialized(_this), "lastHeight", void 0);
 
     Panel_defineProperty(Panel_assertThisInitialized(_this), "measureHeight", function (e) {
-      var _this$props$index, _this$props$onChange, _this$props;
+      var _this$props$index, _this$context$onChang, _this$context;
 
       if (!_this.state.containerEl || !_this.state.bodyEl) {
         return;
@@ -482,7 +475,7 @@ var Panel_Panel = /*#__PURE__*/function (_Component) {
         panelId: _this.props.panelId
       };
       _this.lastHeight = newHeight;
-      (_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, e, data);
+      (_this$context$onChang = (_this$context = _this.context).onChange) === null || _this$context$onChang === void 0 ? void 0 : _this$context$onChang.call(_this$context, e, data);
     });
 
     Panel_defineProperty(Panel_assertThisInitialized(_this), "handleResize", Object(external_lodash_["throttle"])(_this.measureHeight, 300));
@@ -537,30 +530,31 @@ var Panel_Panel = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this$props2 = this.props,
-          children = _this$props2.children,
-          description = _this$props2.description,
-          index = _this$props2.index,
-          onHeadingClick = _this$props2.onHeadingClick,
-          panelId = _this$props2.panelId,
-          status = _this$props2.status,
-          style = _this$props2.style,
-          title = _this$props2.title;
+      var _this$props = this.props,
+          children = _this$props.children,
+          description = _this$props.description,
+          index = _this$props.index,
+          panelId = _this$props.panelId,
+          status = _this$props.status,
+          style = _this$props.style,
+          title = _this$props.title;
+      var onHeadingClickContext = this.context.onHeadingClick;
       return /*#__PURE__*/external_react_default.a.createElement("div", Panel_extends({
         ref: this.handleMount,
         "data-test": "panel",
-        "data-test-panel-id": panelId
+        "data-test-panel-id": panelId || "".concat(index)
       }, Object(external_lodash_["omit"])(this.props, [].concat(_toConsumableArray(Object(external_lodash_["keys"])(Panel.propTypes)), ['style']))), /*#__PURE__*/external_react_default.a.createElement(Concertina_Heading, {
-        onClick: onHeadingClick,
+        onClick: onHeadingClickContext,
         ref: this.handleHeadingMount,
         description: description,
         index: index !== null && index !== void 0 ? index : 0,
-        panelId: panelId,
+        panelId: panelId || "".concat(index),
         position: "inner",
         status: status
-      }, title), /*#__PURE__*/external_react_default.a.createElement(external_react_event_listener_default.a, {
+      }, title), /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
         target: window,
-        onResize: this.handleResize
+        eventType: "resize",
+        listener: this.handleResize
       }), /*#__PURE__*/external_react_default.a.createElement(StyledPanelBody, {
         $status: status,
         "data-test": "body",
@@ -577,6 +571,8 @@ Panel_defineProperty(Panel_Panel, "propTypes", Panel_propTypes);
 
 Panel_defineProperty(Panel_Panel, "defaultProps", Panel_defaultProps);
 
+Panel_defineProperty(Panel_Panel, "contextType", Concertina_ConcertinaContext);
+
 /* harmony default export */ var Concertina_Panel = (Panel_Panel);
 // CONCATENATED MODULE: ./src/Concertina/Concertina.tsx
 function Concertina_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { Concertina_typeof = function _typeof(obj) { return typeof obj; }; } else { Concertina_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return Concertina_typeof(obj); }
@@ -616,6 +612,7 @@ function Concertina_defineProperty(obj, key, value) { if (key in obj) { Object.d
 
 
 
+
 var Concertina_propTypes = {
   children: external_prop_types_default.a.node,
   elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object])
@@ -804,27 +801,23 @@ var Concertina_Concertina = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this3 = this;
-
       var _this$props = this.props,
           children = _this$props.children,
           otherProps = _objectWithoutProperties(_this$props, ["children"]);
 
-      var childrenCleaned = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]).map(function (item, i) {
+      var childrenCleaned = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]).map(function (item, index) {
         return /*#__PURE__*/Object(external_react_["cloneElement"])(item, {
-          panelId: item.props.panelId || "".concat(i),
-          index: i,
-          onHeadingClick: _this3.handleClick,
-          onChange: _this3.handleUpdate
+          index: index
         });
       });
       var topPanels = Object(external_lodash_["take"])(childrenCleaned, this.state.panelsTopCount);
       var bottomPanels = Object(external_lodash_["takeRight"])(childrenCleaned, this.state.panelsBottomCount);
       return /*#__PURE__*/external_react_default.a.createElement(StyledBox, Concertina_extends({
         "data-test": "concertina"
-      }, otherProps), /*#__PURE__*/external_react_default.a.createElement(external_react_event_listener_default.a, {
-        target: "window",
-        onResize: this.handleResize
+      }, otherProps), /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
+        target: window,
+        eventType: "resize",
+        listener: this.handleResize
       }), this.state.panelsTopCount > 0 && /*#__PURE__*/external_react_default.a.createElement(StyledTop, {
         style: {
           width: this.state.innerWidth
@@ -838,7 +831,12 @@ var Concertina_Concertina = /*#__PURE__*/function (_Component) {
         "data-test": "scroll",
         top: this.state.targetTop,
         onScrollComplete: this.handleScrollComplete
-      }, childrenCleaned), this.state.panelsBottomCount > 0 && /*#__PURE__*/external_react_default.a.createElement(StyledBottom, {
+      }, /*#__PURE__*/external_react_default.a.createElement(Concertina_ConcertinaContext.Provider, {
+        value: {
+          onHeadingClick: this.handleClick,
+          onChange: this.handleUpdate
+        }
+      }, childrenCleaned)), this.state.panelsBottomCount > 0 && /*#__PURE__*/external_react_default.a.createElement(StyledBottom, {
         style: {
           width: this.state.innerWidth
         },
@@ -864,10 +862,17 @@ Concertina_defineProperty(Concertina_Concertina, "Panel", Concertina_Panel);
 
 /***/ }),
 
-/***/ 15:
+/***/ 12:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Clickable");
+
+/***/ }),
+
+/***/ 14:
 /***/ (function(module, exports) {
 
-module.exports = require("react-event-listener");
+module.exports = require("@splunk/react-ui/EventListener");
 
 /***/ }),
 
@@ -892,7 +897,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 58:
+/***/ 61:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Scroll");