@splunk/react-ui 5.0.0-rc.2 → 5.1.0

package/Scroll.js

@@ -125,11 +125,11 @@
         // EXTERNAL MODULE: external "react"
                 var e = r(9497);
         var t =  r.n(e);
-        // CONCATENATED MODULE: external "prop-types"
-        const o = require("prop-types");
-        var l =  r.n(o);
         // CONCATENATED MODULE: external "lodash/isFinite"
-        const a = require("lodash/isFinite");
+        const o = require("lodash/isFinite");
+        var l =  r.n(o);
+        // CONCATENATED MODULE: external "prop-types"
+        const a = require("prop-types");
         var i =  r.n(a);
         // CONCATENATED MODULE: external "@splunk/react-ui/Animation"
         const u = require("@splunk/react-ui/Animation");
@@ -138,19 +138,21 @@
         var f =  r.n(c);
         // CONCATENATED MODULE: external "@splunk/themes"
         const s = require("@splunk/themes");
+        // CONCATENATED MODULE: external "@react-spring/web"
+        const d = require("@react-spring/web");
         // CONCATENATED MODULE: external "lodash/keys"
-        const d = require("lodash/keys");
-        var p =  r.n(d);
+        const p = require("lodash/keys");
+        var v =  r.n(p);
         // CONCATENATED MODULE: external "lodash/omit"
-        const v = require("lodash/omit");
-        var y =  r.n(v);
-        // CONCATENATED MODULE: external "@react-spring/web"
-        const m = require("@react-spring/web");
+        const y = require("lodash/omit");
+        var m =  r.n(y);
         // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
         const b = require("@splunk/react-ui/EventListener");
         var g =  r.n(b);
         // CONCATENATED MODULE: external "@splunk/react-ui/ScrollContainerContext"
         const h = require("@splunk/react-ui/ScrollContainerContext");
+        // EXTERNAL MODULE: ./src/usePrevious/index.ts + 1 modules
+                var S = r(1558);
         // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
         /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -158,7 +160,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-        function S(e, t) {
+        function w(e, t) {
             if (e) {
                 if (typeof e === "function") {
                     e(t);
@@ -170,8 +172,6 @@
                                 }
             }
         }
-        // EXTERNAL MODULE: ./src/usePrevious/index.ts + 1 modules
-                var w = r(1558);
         // CONCATENATED MODULE: ./src/Scroll/Inner.tsx
         function O() {
             return O = Object.assign ? Object.assign.bind() : function(e) {
@@ -252,39 +252,39 @@
             return r;
         }
         var x = {
-            children: l().node,
-            defaultLeft: l().number,
-            defaultTop: l().number,
-            elementRef: l().oneOfType([ l().func, l().object ]),
-            left: l().object,
-            onScroll: l().func,
-            stopScrollPropagation: l().oneOf([ true, false, "window" ]),
-            tagName: l().string,
-            top: l().object
+            children: i().node,
+            defaultLeft: i().number,
+            defaultTop: i().number,
+            elementRef: i().oneOfType([ i().func, i().object ]),
+            left: i().object,
+            onScroll: i().func,
+            stopScrollPropagation: i().oneOf([ true, false, "window" ]),
+            tagName: i().string,
+            top: i().object
         };
         var q = {
             passive: false
         };
         function I(r) {
-            var n = r.children, o = r.defaultLeft, l = o === void 0 ? 0 : o, a = r.defaultTop, u = a === void 0 ? 0 : a, c = r.elementRef, f = r.left, s = r.onScroll, d = r.stopScrollPropagation, v = r.tagName, b = v === void 0 ? "div" : v, P = r.top, T = E(r, [ "children", "defaultLeft", "defaultTop", "elementRef", "left", "onScroll", "stopScrollPropagation", "tagName", "top" ]);
+            var n = r.children, o = r.defaultLeft, a = o === void 0 ? 0 : o, i = r.defaultTop, u = i === void 0 ? 0 : i, c = r.elementRef, f = r.left, s = r.onScroll, p = r.stopScrollPropagation, y = r.tagName, b = y === void 0 ? "div" : y, P = r.top, T = E(r, [ "children", "defaultLeft", "defaultTop", "elementRef", "left", "onScroll", "stopScrollPropagation", "tagName", "top" ]);
             var C = (0, e.useState)("visible"), A = j(C, 2), k = A[0], L = A[1];
             var I = (0, e.useState)("visible"), M = j(I, 2), R = M[0], N = M[1];
             var X = (0, e.useState)(null), Y = j(X, 2), H = Y[0], W = Y[1];
-            var _ = (0, w["default"])(H);
+            var _ = (0, S["default"])(H);
             (0, e.useEffect)((function() {
                 if (H) {
                     if (!_) {
                         H.scrollTop = u;
-                        H.scrollLeft = l;
+                        H.scrollLeft = a;
                     }
-                    if (i()(P)) {
+                    if (l()(P)) {
                         H.scrollTop = (P === null || P === void 0 ? void 0 : P.get()) || 0;
                     }
-                    if (i()(f)) {
+                    if (l()(f)) {
                         H.scrollLeft = (f === null || f === void 0 ? void 0 : f.get()) || 0;
                     }
                 }
-            }), [ H, _, u, l, P, f ]);
+            }), [ H, _, u, a, P, f ]);
             var D = (0, e.useCallback)((function(e) {
                 var t = H;
                 if (!t) {
@@ -325,7 +325,7 @@
             }), [ H ]);
             var F = (0, e.useCallback)((function(e) {
                 W(e);
-                S(c, e);
+                w(c, e);
             }), [ c ]);
             var U = (0, e.useCallback)((function() {
                 L(document.body.style.overflowX);
@@ -337,18 +337,18 @@
                 document.body.style.overflowX = k;
                 document.body.style.overflowY = R;
             }), [ k, R ]);
-            var z = m.animated[b];
+            var z = d.animated[b];
             
-            return t().createElement(t().Fragment, null,  t().createElement(z, O({}, y()(T, p()(x)), {
+            return t().createElement(t().Fragment, null,  t().createElement(z, O({}, m()(T, v()(x)), {
                 ref: F,
-                onMouseEnter: d === "window" ? U : undefined,
-                onMouseLeave: d === "window" ? $ : undefined,
+                onMouseEnter: p === "window" ? U : undefined,
+                onMouseLeave: p === "window" ? $ : undefined,
                 onScroll: s,
                 scrollTop: P,
                 scrollLeft: f
             }),  t().createElement(h.ScrollContainerProvider, {
                 value: H
-            }, n)), d === true && H &&  t().createElement(g(), {
+            }, n)), p === true && H &&  t().createElement(g(), {
                 target: H,
                 eventType: "wheel",
                 listener: D,
@@ -442,17 +442,17 @@
             return r;
         }
         var $ = {
-            children: l().node,
-            elementRef: l().oneOfType([ l().func, l().object ]),
-            left: l().number,
-            onScroll: l().func,
-            onScrollComplete: l().func,
-            stopScrollPropagation: l().oneOf([ true, false, "window" ]),
-            tagName: l().string,
-            top: l().number
+            children: i().node,
+            elementRef: i().oneOfType([ i().func, i().object ]),
+            left: i().number,
+            onScroll: i().func,
+            onScrollComplete: i().func,
+            stopScrollPropagation: i().oneOf([ true, false, "window" ]),
+            tagName: i().string,
+            top: i().number
         };
         function z(r) {
-            var n = r.children, o = r.elementRef, l = r.left, a = r.onScroll, c = r.onScrollComplete, f = r.stopScrollPropagation, s = r.tagName, d = s === void 0 ? "div" : s, p = r.top, v = F(r, [ "children", "elementRef", "left", "onScroll", "onScrollComplete", "stopScrollPropagation", "tagName", "top" ]);
+            var n = r.children, o = r.elementRef, a = r.left, i = r.onScroll, c = r.onScrollComplete, f = r.stopScrollPropagation, s = r.tagName, d = s === void 0 ? "div" : s, p = r.top, v = F(r, [ "children", "elementRef", "left", "onScroll", "onScrollComplete", "stopScrollPropagation", "tagName", "top" ]);
             // @docs-props-type ScrollPropsBase
                         var y = (0, e.useState)(0), m = X(y, 2), b = m[0], g = m[1];
             var h = (0, e.useState)(0), S = X(h, 2), w = S[0], O = S[1];
@@ -462,8 +462,8 @@
             var P = (0, e.useCallback)((function(e) {
                 g(e.currentTarget.scrollLeft);
                 O(e.currentTarget.scrollTop);
-                a === null || a === void 0 ? void 0 : a(e);
-            }), [ a ]);
+                i === null || i === void 0 ? void 0 : i(e);
+            }), [ i ]);
             var T = {};
             var C = (0, u.useAnimation)({
                 config: {
@@ -477,12 +477,12 @@
                 onRest: j
             });
             // When isFinite, the prop is defined and therefore animating.
-                        if (i()(l)) {
-                T.left = l;
+                        if (l()(a)) {
+                T.left = a;
             } else {
                 T.left = b;
             }
-            if (i()(p)) {
+            if (l()(p)) {
                 T.top = p;
             } else {
                 T.top = w;
@@ -491,8 +491,8 @@
             return t().createElement(R, N({
                 "data-test": "scroll",
                 key: "inner",
-                top: i()(p) ? C.top : undefined,
-                left: i()(l) ? C.left : undefined,
+                top: l()(p) ? C.top : undefined,
+                left: l()(a) ? C.left : undefined,
                 elementRef: o,
                 onScroll: P,
                 stopScrollPropagation: f,