@splunk/react-ui 4.1.0 → 4.4.1

package/Scroll.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 136);
+/******/ 	return __webpack_require__(__webpack_require__.s = 134);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -128,7 +128,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 136:
+/***/ 134:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -150,7 +150,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Animation"
-var Animation_ = __webpack_require__(27);
+var Animation_ = __webpack_require__(30);
 
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
@@ -163,8 +163,11 @@ var themes_ = __webpack_require__(0);
 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 "react-spring"
+var external_react_spring_ = __webpack_require__(18);
+
 // EXTERNAL MODULE: external "@splunk/react-ui/ScrollContainerContext"
-var ScrollContainerContext_ = __webpack_require__(33);
+var ScrollContainerContext_ = __webpack_require__(35);
 
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
 var updateReactRef = __webpack_require__(12);
@@ -202,16 +205,17 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
+
 var propTypes = {
   children: external_prop_types_default.a.node,
   defaultLeft: external_prop_types_default.a.number,
   defaultTop: external_prop_types_default.a.number,
   elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
-  left: external_prop_types_default.a.number,
+  left: external_prop_types_default.a.object,
   onScroll: external_prop_types_default.a.func,
   stopScrollPropagation: external_prop_types_default.a.oneOf([true, false, 'window']),
   tagName: external_prop_types_default.a.string,
-  top: external_prop_types_default.a.number
+  top: external_prop_types_default.a.object
 };
 var defaultProps = {
   defaultLeft: 0,
@@ -318,11 +322,15 @@ var Inner_Inner = /*#__PURE__*/function (_Component) {
         }
 
         if (Object(external_lodash_["isFinite"])(this.props.top)) {
-          this.state.containerEl.scrollTop = this.props.top;
+          var _this$props$top;
+
+          this.state.containerEl.scrollTop = ((_this$props$top = this.props.top) === null || _this$props$top === void 0 ? void 0 : _this$props$top.get()) || 0;
         }
 
         if (Object(external_lodash_["isFinite"])(this.props.left)) {
-          this.state.containerEl.scrollLeft = this.props.left;
+          var _this$props$left;
+
+          this.state.containerEl.scrollLeft = ((_this$props$left = this.props.left) === null || _this$props$left === void 0 ? void 0 : _this$props$left.get()) || 0;
         }
       }
     }
@@ -332,15 +340,18 @@ var Inner_Inner = /*#__PURE__*/function (_Component) {
       var _this$props = this.props,
           children = _this$props.children,
           onScroll = _this$props.onScroll,
-          stopScrollPropagation = _this$props.stopScrollPropagation;
-      var containerEl = this.state.containerEl; // TS: rendering this.props.tagName (even if made keyof JSX.IntrinsicElements) causes a "too complex" type error
-
-      var Tag = this.props.tagName;
-      return /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, /*#__PURE__*/external_react_default.a.createElement(Tag, _extends({}, Object(external_lodash_["omit"])(this.props, Object(external_lodash_["keys"])(Inner.propTypes)), {
+          stopScrollPropagation = _this$props.stopScrollPropagation,
+          top = _this$props.top,
+          left = _this$props.left;
+      var containerEl = this.state.containerEl;
+      var AnimatedTag = external_react_spring_["animated"][this.props.tagName];
+      return /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, /*#__PURE__*/external_react_default.a.createElement(AnimatedTag, _extends({}, Object(external_lodash_["omit"])(this.props, Object(external_lodash_["keys"])(Inner.propTypes)), {
         ref: this.handleMount,
         onMouseEnter: stopScrollPropagation === 'window' ? this.handleMouseEnter : undefined,
         onMouseLeave: stopScrollPropagation === 'window' ? this.handleMouseLeave : undefined,
-        onScroll: onScroll
+        onScroll: onScroll,
+        scrollTop: top,
+        scrollLeft: left
       }), /*#__PURE__*/external_react_default.a.createElement(ScrollContainerContext_["ScrollContainerProvider"], {
         value: containerEl
       }, children)), stopScrollPropagation === true && containerEl && /*#__PURE__*/external_react_default.a.createElement(external_react_event_listener_default.a, {
@@ -534,17 +545,17 @@ module.exports = require("react-event-listener");
 
 /***/ }),
 
-/***/ 2:
+/***/ 18:
 /***/ (function(module, exports) {
 
-module.exports = require("react");
+module.exports = require("react-spring");
 
 /***/ }),
 
-/***/ 27:
+/***/ 2:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Animation");
+module.exports = require("react");
 
 /***/ }),
 
@@ -555,7 +566,14 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 33:
+/***/ 30:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Animation");
+
+/***/ }),
+
+/***/ 35:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ScrollContainerContext");

package/ScrollContainerContext.js

@@ -82,12 +82,12 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 163);
+/******/ 	return __webpack_require__(__webpack_require__.s = 169);
 /******/ })
 /************************************************************************/
 /******/ ({
 
-/***/ 163:
+/***/ 169:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";