@splunk/react-ui 4.43.0 → 5.0.0-beta.2

package/Scroll.js

@@ -120,7 +120,7 @@
         r.r(n);
         // EXPORTS
                 r.d(n, {
-            default: () => /* reexport */ re
+            default: () => /* reexport */ B
         });
         // EXTERNAL MODULE: external "react"
                 var e = r(9497);
@@ -129,8 +129,8 @@
         const o = require("prop-types");
         var l =  r.n(o);
         // CONCATENATED MODULE: external "lodash/isFinite"
-        const i = require("lodash/isFinite");
-        var a =  r.n(i);
+        const a = require("lodash/isFinite");
+        var i =  r.n(a);
         // CONCATENATED MODULE: external "@splunk/react-ui/Animation"
         const u = require("@splunk/react-ui/Animation");
         // CONCATENATED MODULE: external "styled-components"
@@ -139,18 +139,18 @@
         // CONCATENATED MODULE: external "@splunk/themes"
         const s = require("@splunk/themes");
         // CONCATENATED MODULE: external "lodash/keys"
-        const p = require("lodash/keys");
-        var d =  r.n(p);
+        const d = require("lodash/keys");
+        var p =  r.n(d);
         // CONCATENATED MODULE: external "lodash/omit"
         const v = require("lodash/omit");
         var y =  r.n(v);
         // CONCATENATED MODULE: external "react-spring"
-        const b = require("react-spring");
+        const m = require("react-spring");
         // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
-        const m = require("@splunk/react-ui/EventListener");
-        var h =  r.n(m);
+        const b = require("@splunk/react-ui/EventListener");
+        var g =  r.n(b);
         // CONCATENATED MODULE: external "@splunk/react-ui/ScrollContainerContext"
-        const g = require("@splunk/react-ui/ScrollContainerContext");
+        const h = require("@splunk/react-ui/ScrollContainerContext");
         // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
         /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -185,53 +185,53 @@
             }, O.apply(null, arguments);
         }
         function j(e, t) {
-            return C(e) || L(e, t) || T(e, t) || P();
+            return k(e) || A(e, t) || T(e, t) || P();
         }
         function P() {
             throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
         }
         function T(e, t) {
             if (e) {
-                if ("string" == typeof e) return E(e, t);
+                if ("string" == typeof e) return C(e, t);
                 var r = {}.toString.call(e).slice(8, -1);
-                return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? E(e, t) : void 0;
+                return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? C(e, t) : void 0;
             }
         }
-        function E(e, t) {
+        function C(e, t) {
             (null == t || t > e.length) && (t = e.length);
             for (var r = 0, n = Array(t); r < t; r++) {
                 n[r] = e[r];
             }
             return n;
         }
-        function L(e, t) {
+        function A(e, t) {
             var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
             if (null != r) {
-                var n, o, l, i, a = [], u = !0, c = !1;
+                var n, o, l, a, i = [], u = !0, c = !1;
                 try {
                     if (l = (r = r.call(e)).next, 0 === t) {
                         if (Object(r) !== r) return;
                         u = !1;
-                    } else for (;!(u = (n = l.call(r)).done) && (a.push(n.value), a.length !== t); u = !0) {
+                    } else for (;!(u = (n = l.call(r)).done) && (i.push(n.value), i.length !== t); u = !0) {
                     }
                 } catch (e) {
                     c = !0, o = e;
                 } finally {
                     try {
-                        if (!u && null != r["return"] && (i = r["return"](), Object(i) !== i)) return;
+                        if (!u && null != r["return"] && (a = r["return"](), Object(a) !== a)) return;
                     } finally {
                         if (c) throw o;
                     }
                 }
-                return a;
+                return i;
             }
         }
-        function C(e) {
+        function k(e) {
             if (Array.isArray(e)) return e;
         }
-        function R(e, t) {
+        function E(e, t) {
             if (null == e) return {};
-            var r, n, o = _(e, t);
+            var r, n, o = L(e, t);
             if (Object.getOwnPropertySymbols) {
                 var l = Object.getOwnPropertySymbols(e);
                 for (n = 0; n < l.length; n++) {
@@ -240,7 +240,7 @@
             }
             return o;
         }
-        function _(e, t) {
+        function L(e, t) {
             if (null == e) return {};
             var r = {};
             for (var n in e) {
@@ -251,7 +251,7 @@
             }
             return r;
         }
-        var k = {
+        var x = {
             children: l().node,
             defaultLeft: l().number,
             defaultTop: l().number,
@@ -262,31 +262,31 @@
             tagName: l().string,
             top: l().object
         };
-        var x = {
+        var q = {
             passive: false
         };
-        function q(r) {
-            var n = r.children, o = r.defaultLeft, l = 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, v = r.tagName, m = v === void 0 ? "div" : v, P = r.top, T = R(r, [ "children", "defaultLeft", "defaultTop", "elementRef", "left", "onScroll", "stopScrollPropagation", "tagName", "top" ]);
-            var E = (0, e.useState)("visible"), L = j(E, 2), C = L[0], _ = L[1];
-            var q = (0, e.useState)("visible"), I = j(q, 2), M = I[0], A = I[1];
-            var N = (0, e.useState)(null), X = j(N, 2), Y = X[0], H = X[1];
-            var W = (0, w["default"])(Y);
+        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 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);
             (0, e.useEffect)((function() {
-                if (Y) {
-                    if (!W) {
-                        Y.scrollTop = u;
-                        Y.scrollLeft = l;
+                if (H) {
+                    if (!_) {
+                        H.scrollTop = u;
+                        H.scrollLeft = l;
                     }
-                    if (a()(P)) {
-                        Y.scrollTop = (P === null || P === void 0 ? void 0 : P.get()) || 0;
+                    if (i()(P)) {
+                        H.scrollTop = (P === null || P === void 0 ? void 0 : P.get()) || 0;
                     }
-                    if (a()(f)) {
-                        Y.scrollLeft = (f === null || f === void 0 ? void 0 : f.get()) || 0;
+                    if (i()(f)) {
+                        H.scrollLeft = (f === null || f === void 0 ? void 0 : f.get()) || 0;
                     }
                 }
-            }), [ Y, W, u, l, P, f ]);
+            }), [ H, _, u, l, P, f ]);
             var D = (0, e.useCallback)((function(e) {
-                var t = Y;
+                var t = H;
                 if (!t) {
                     return;
                 }
@@ -322,55 +322,47 @@
                         e.preventDefault();
                     }
                 }
-            }), [ Y ]);
-            var B = (0, e.useCallback)((function(e) {
-                H(e);
+            }), [ H ]);
+            var F = (0, e.useCallback)((function(e) {
+                W(e);
                 S(c, e);
             }), [ c ]);
-            var F = (0, e.useCallback)((function() {
-                _(document.body.style.overflowX);
-                A(document.body.style.overflowY);
+            var U = (0, e.useCallback)((function() {
+                L(document.body.style.overflowX);
+                N(document.body.style.overflowY);
                 document.body.style.overflowX = "hidden";
                 document.body.style.overflowY = "hidden";
             }), []);
-            var U = (0, e.useCallback)((function() {
-                document.body.style.overflowX = C;
-                document.body.style.overflowY = M;
-            }), [ C, M ]);
-            var $ = b.animated[m];
+            var $ = (0, e.useCallback)((function() {
+                document.body.style.overflowX = k;
+                document.body.style.overflowY = R;
+            }), [ k, R ]);
+            var z = m.animated[b];
             
-            return t().createElement(t().Fragment, null,  t().createElement($, O({}, y()(T, d()(k)), {
-                ref: B,
-                onMouseEnter: p === "window" ? F : undefined,
-                onMouseLeave: p === "window" ? U : undefined,
+            return t().createElement(t().Fragment, null,  t().createElement(z, O({}, y()(T, p()(x)), {
+                ref: F,
+                onMouseEnter: d === "window" ? U : undefined,
+                onMouseLeave: d === "window" ? $ : undefined,
                 onScroll: s,
                 scrollTop: P,
                 scrollLeft: f
-            }),  t().createElement(g.ScrollContainerProvider, {
-                value: Y
-            }, n)), p === true && Y &&  t().createElement(h(), {
-                target: Y,
+            }),  t().createElement(h.ScrollContainerProvider, {
+                value: H
+            }, n)), d === true && H &&  t().createElement(g(), {
+                target: H,
                 eventType: "wheel",
                 listener: D,
-                options: x
+                options: q
             }));
         }
-        q.propTypes = k;
-        /* harmony default export */        const I = q;
+        I.propTypes = x;
+        /* harmony default export */        const M = I;
         // CONCATENATED MODULE: ./src/Scroll/ScrollStyles.ts
-        var M = f()(I).withConfig({
+        var R = f()(M).withConfig({
             displayName: "ScrollStyles__StyledInner",
             componentId: "sc-1xspttf-0"
         })([ "", ";overflow:auto;overflow-y:auto;overflow-x:hidden;" ], s.mixins.reset("block"));
         // CONCATENATED MODULE: ./src/Scroll/Scroll.tsx
-        function A(e) {
-            "@babel/helpers - typeof";
-            return A = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
-                return typeof e;
-            } : function(e) {
-                return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-            }, A(e);
-        }
         function N() {
             return N = Object.assign ? Object.assign.bind() : function(e) {
                 for (var t = 1; t < arguments.length; t++) {
@@ -383,8 +375,53 @@
             }, N.apply(null, arguments);
         }
         function X(e, t) {
+            return D(e) || _(e, t) || H(e, t) || Y();
+        }
+        function Y() {
+            throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+        }
+        function H(e, t) {
+            if (e) {
+                if ("string" == typeof e) return W(e, t);
+                var r = {}.toString.call(e).slice(8, -1);
+                return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? W(e, t) : void 0;
+            }
+        }
+        function W(e, t) {
+            (null == t || t > e.length) && (t = e.length);
+            for (var r = 0, n = Array(t); r < t; r++) {
+                n[r] = e[r];
+            }
+            return n;
+        }
+        function _(e, t) {
+            var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+            if (null != r) {
+                var n, o, l, a, i = [], u = !0, c = !1;
+                try {
+                    if (l = (r = r.call(e)).next, 0 === t) {
+                        if (Object(r) !== r) return;
+                        u = !1;
+                    } else for (;!(u = (n = l.call(r)).done) && (i.push(n.value), i.length !== t); u = !0) {
+                    }
+                } catch (e) {
+                    c = !0, o = e;
+                } finally {
+                    try {
+                        if (!u && null != r["return"] && (a = r["return"](), Object(a) !== a)) return;
+                    } finally {
+                        if (c) throw o;
+                    }
+                }
+                return i;
+            }
+        }
+        function D(e) {
+            if (Array.isArray(e)) return e;
+        }
+        function F(e, t) {
             if (null == e) return {};
-            var r, n, o = Y(e, t);
+            var r, n, o = U(e, t);
             if (Object.getOwnPropertySymbols) {
                 var l = Object.getOwnPropertySymbols(e);
                 for (n = 0; n < l.length; n++) {
@@ -393,7 +430,7 @@
             }
             return o;
         }
-        function Y(e, t) {
+        function U(e, t) {
             if (null == e) return {};
             var r = {};
             for (var n in e) {
@@ -404,94 +441,7 @@
             }
             return r;
         }
-        function H(e, t) {
-            if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
-        }
-        function W(e, t) {
-            for (var r = 0; r < t.length; r++) {
-                var n = t[r];
-                n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), 
-                Object.defineProperty(e, Q(n.key), n);
-            }
-        }
-        function D(e, t, r) {
-            return t && W(e.prototype, t), r && W(e, r), Object.defineProperty(e, "prototype", {
-                writable: !1
-            }), e;
-        }
-        function B(e, t) {
-            if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
-            e.prototype = Object.create(t && t.prototype, {
-                constructor: {
-                    value: e,
-                    writable: !0,
-                    configurable: !0
-                }
-            }), Object.defineProperty(e, "prototype", {
-                writable: !1
-            }), t && F(e, t);
-        }
-        function F(e, t) {
-            return F = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
-                return e.__proto__ = t, e;
-            }, F(e, t);
-        }
-        function U(e) {
-            var t = G();
-            return function() {
-                var r, n = J(e);
-                if (t) {
-                    var o = J(this).constructor;
-                    r = Reflect.construct(n, arguments, o);
-                } else r = n.apply(this, arguments);
-                return $(this, r);
-            };
-        }
-        function $(e, t) {
-            if (t && ("object" == A(t) || "function" == typeof t)) return t;
-            if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-            return z(e);
-        }
-        function z(e) {
-            if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-            return e;
-        }
-        function G() {
-            try {
-                var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
-            } catch (e) {}
-            return (G = function t() {
-                return !!e;
-            })();
-        }
-        function J(e) {
-            return J = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
-                return e.__proto__ || Object.getPrototypeOf(e);
-            }, J(e);
-        }
-        function K(e, t, r) {
-            return (t = Q(t)) in e ? Object.defineProperty(e, t, {
-                value: r,
-                enumerable: !0,
-                configurable: !0,
-                writable: !0
-            }) : e[t] = r, e;
-        }
-        function Q(e) {
-            var t = V(e, "string");
-            return "symbol" == A(t) ? t : t + "";
-        }
-        function V(e, t) {
-            if ("object" != A(e) || !e) return e;
-            var r = e[Symbol.toPrimitive];
-            if (void 0 !== r) {
-                var n = r.call(e, t || "default");
-                if ("object" != A(n)) return n;
-                throw new TypeError("@@toPrimitive must return a primitive value.");
-            }
-            return ("string" === t ? String : Number)(e);
-        }
-        var Z = {
+        var $ = {
             children: l().node,
             elementRef: l().oneOfType([ l().func, l().object ]),
             left: l().number,
@@ -501,85 +451,56 @@
             tagName: l().string,
             top: l().number
         };
-        var ee = {
-            stopScrollPropagation: false,
-            tagName: "div"
-        };
-        var te =  function(e) {
-            B(n, e);
-            var r = U(n);
+        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" ]);
             // @docs-props-type ScrollPropsBase
-                        function n(e) {
-                var o;
-                H(this, n);
-                o = r.call(this, e);
-                K(z(o), "handleRest", (function() {
-                    var e, t;
-                    (e = (t = o.props).onScrollComplete) === null || e === void 0 ? void 0 : e.call(t);
-                }));
-                K(z(o), "handleScroll", (function(e) {
-                    var t, r;
-                    o.setState({
-                        currentLeft: e.currentTarget.scrollLeft,
-                        currentTop: e.currentTarget.scrollTop
-                    });
-                    (t = (r = o.props).onScroll) === null || t === void 0 ? void 0 : t.call(r, e);
-                }));
-                K(z(o), "renderInner", (function(e) {
-                    var r = o.props, n = r.children, l = r.elementRef, i = r.left, u = r.top, c = r.onScrollComplete, f = X(r, [ "children", "elementRef", "left", "top", "onScrollComplete" ]);
-                    
-                    return t().createElement(M, N({
-                        "data-test": "scroll"
-                    }, f, {
-                        key: "inner",
-                        top: a()(u) ? e.top : undefined,
-                        left: a()(i) ? e.left : undefined,
-                        elementRef: l,
-                        onScroll: o.handleScroll
-                    }), n);
-                }));
-                o.state = {
-                    currentLeft: 0,
-                    currentTop: 0
-                };
-                return o;
+                        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];
+            var j = (0, e.useCallback)((function() {
+                c === null || c === void 0 ? void 0 : c();
+            }), [ c ]);
+            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 ]);
+            var T = {};
+            var C = (0, u.useAnimation)({
+                config: {
+                    precision: 10
+                },
+                from: {
+                    left: 0,
+                    top: 0
+                },
+                to: T,
+                onRest: j
+            });
+            // When isFinite, the prop is defined and therefore animating.
+                        if (i()(l)) {
+                T.left = l;
+            } else {
+                T.left = b;
             }
-            D(n, [ {
-                key: "render",
-                value: function e() {
-                    var r = this.props, n = r.left, o = r.top;
-                    var l = this.state, i = l.currentLeft, c = l.currentTop;
-                    var f = {};
-                    // When isFinite, the prop is defined and therefore animating.
-                                        if (a()(n)) {
-                        f.left = n;
-                    } else {
-                        f.left = i;
-                    }
-                    if (a()(o)) {
-                        f.top = o;
-                    } else {
-                        f.top = c;
-                    }
-                    
-                    return t().createElement(u.Spring, {
-                        from: {
-                            left: 0,
-                            top: 0
-                        },
-                        to: f,
-                        onRest: this.handleRest,
-                        config: {
-                            precision: 10
-                        }
-                    }, this.renderInner);
-                }
-            } ]);
-            return n;
-        }(e.Component);
-        K(te, "propTypes", Z);
-        K(te, "defaultProps", ee);
-        /* harmony default export */        const re = te;
+            if (i()(p)) {
+                T.top = p;
+            } else {
+                T.top = w;
+            }
+            
+            return t().createElement(R, N({
+                "data-test": "scroll",
+                key: "inner",
+                top: i()(p) ? C.top : undefined,
+                left: i()(l) ? C.left : undefined,
+                elementRef: o,
+                onScroll: P,
+                stopScrollPropagation: f,
+                tagName: d
+            }, v), n);
+        }
+        z.propTypes = $;
+        /* harmony default export */        const B = z;
     }) // CONCATENATED MODULE: ./src/Scroll/index.ts
     ();
     module.exports = n;