@splunk/react-ui 5.0.0 → 5.1.0

package/RadioList.js

@@ -62,48 +62,48 @@
     // EXPORTS
         e.d(r, {
         Option: () => /* reexport */ w,
-        default: () => /* reexport */ D
+        default: () => /* reexport */ T
     });
     // CONCATENATED MODULE: external "react"
     const a = require("react");
     var n =  e.n(a);
-    // CONCATENATED MODULE: external "prop-types"
-    const o = require("prop-types");
-    var t =  e.n(o);
     // CONCATENATED MODULE: external "lodash/omit"
-    const i = require("lodash/omit");
+    const o = require("lodash/omit");
+    var t =  e.n(o);
+    // CONCATENATED MODULE: external "prop-types"
+    const i = require("prop-types");
     var l =  e.n(i);
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
     const d = require("@splunk/ui-utils/id");
-    // CONCATENATED MODULE: ./src/RadioList/RadioListContext.ts
-    var c =  (0, a.createContext)({});
-    c.displayName = "RadioList";
-    /* harmony default export */    const s = c;
     // CONCATENATED MODULE: external "styled-components"
-    const u = require("styled-components");
-    var v =  e.n(u);
+    const c = require("styled-components");
+    var s =  e.n(c);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const b = require("@splunk/themes");
+    const u = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/RadioList/OptionStyles.ts
-    var f = v().div.withConfig({
+    var v = s().div.withConfig({
         displayName: "OptionStyles__StyledWrapper",
         componentId: "imaqjt-0"
-    })([ "display:grid;grid-column:1 / -1;grid-template-columns:subgrid;gap:", ";" ], b.variables.spacingSmall);
-    var p = v().label.withConfig({
+    })([ "display:grid;grid-column:1 / -1;grid-template-columns:subgrid;gap:", ";" ], u.variables.spacingSmall);
+    var b = s().label.withConfig({
         displayName: "OptionStyles__StyledLabel",
         componentId: "imaqjt-1"
     })([ "grid-column:label;color:", ";cursor:pointer;" ], (function(e) {
         var r = e.$disabled;
-        return r ? b.variables.contentColorDisabled : b.variables.contentColorActive;
+        return r ? u.variables.contentColorDisabled : u.variables.contentColorActive;
     }));
-    var y = "20px";
-    var m = v().input.withConfig({
+    var f = "20px";
+    var p = s().input.withConfig({
         displayName: "OptionStyles__StyledRadioInput",
         componentId: "imaqjt-2"
-    })([ "", ";grid-column:input;appearance:none;align-items:center;justify-items:center;height:", ";width:", ";border-radius:50%;border:2px solid ", ";background-color:", ";&::after{display:block;content:'';border-radius:50%;height:0;width:0;opacity:0;border:5px solid transparent;}&:checked::after{opacity:1;}&:hover{border-color:", ";background-color:", ";}&:checked{&,&::after{border-color:", ";}&:hover{border-color:", ";}}&:disabled{cursor:not-allowed;&,&:hover,&:checked,&:checked:hover,&:checked::after{border-color:", ";}&,&:hover{background-color:transparent;}}&:focus{box-shadow:", ";}", "" ], b.mixins.reset("grid"), y, y, b.variables.interactiveColorBorder, b.variables.interactiveColorBackground, b.variables.interactiveColorBorderHover, b.mixins.overlayColors(b.variables.interactiveColorBackground, b.variables.interactiveColorOverlayHover), b.variables.interactiveColorAccent, b.mixins.overlayColors(b.variables.interactiveColorAccent, b.variables.interactiveColorBorderHover), b.variables.interactiveColorBorderDisabled, b.variables.focusShadow, (function(e) {
+    })([ "", ";grid-column:input;appearance:none;align-items:center;justify-items:center;height:", ";width:", ";border-radius:50%;border:2px solid ", ";background-color:", ";&::after{display:block;content:'';border-radius:50%;height:0;width:0;opacity:0;border:5px solid transparent;}&:checked::after{opacity:1;}&:hover{border-color:", ";background-color:", ";}&:checked{&,&::after{border-color:", ";}&:hover{border-color:", ";}}&:disabled{cursor:not-allowed;&,&:hover,&:checked,&:checked:hover,&:checked::after{border-color:", ";}&,&:hover{background-color:transparent;}}&:focus{box-shadow:", ";}", "" ], u.mixins.reset("grid"), f, f, u.variables.interactiveColorBorder, u.variables.interactiveColorBackground, u.variables.interactiveColorBorderHover, u.mixins.overlayColors(u.variables.interactiveColorBackground, u.variables.interactiveColorOverlayHover), u.variables.interactiveColorAccent, u.mixins.overlayColors(u.variables.interactiveColorAccent, u.variables.interactiveColorBorderHover), u.variables.interactiveColorBorderDisabled, u.variables.focusShadow, (function(e) {
         var r = e.$error;
-        return r && (0, u.css)([ "&,&:checked,&:checked::after{border-color:", ";}&:checked:hover{border-color:", ";}&:hover{background-color:", ";border-color:", ";}" ], b.variables.interactiveColorAccentError, b.mixins.overlayColors(b.variables.interactiveColorAccentError, b.variables.interactiveColorBorderHover), b.variables.interactiveColorOverlayHover, b.mixins.overlayColors(b.variables.interactiveColorAccentError, b.variables.interactiveColorBorderHover));
+        return r && (0, c.css)([ "&,&:checked,&:checked::after{border-color:", ";}&:checked:hover{border-color:", ";}&:hover{background-color:", ";border-color:", ";}" ], u.variables.interactiveColorAccentError, u.mixins.overlayColors(u.variables.interactiveColorAccentError, u.variables.interactiveColorBorderHover), u.variables.interactiveColorOverlayHover, u.mixins.overlayColors(u.variables.interactiveColorAccentError, u.variables.interactiveColorBorderHover));
     }));
+    // CONCATENATED MODULE: ./src/RadioList/RadioListContext.ts
+    var y =  (0, a.createContext)({});
+    y.displayName = "RadioList";
+    /* harmony default export */    const m = y;
     // CONCATENATED MODULE: ./src/RadioList/Option.tsx
     function g() {
         return g = Object.assign ? Object.assign.bind() : function(e) {
@@ -139,33 +139,33 @@
         return a;
     }
     var O = {
-        children: t().node,
-        disabled: t().bool,
-        error: t().bool,
-        id: t().string,
-        onChange: t().func,
-        value: t().any.isRequired
+        children: l().node,
+        disabled: l().bool,
+        error: l().bool,
+        id: l().string,
+        onChange: l().func,
+        value: l().any.isRequired
     };
     function S(e) {
-        var r = e.children, o = e.disabled, t = o === void 0 ? false : o, i = e.error, l = i === void 0 ? false : i, c = e.id, u = e.onChange, v = e.value, b = h(e, [ "children", "disabled", "error", "id", "onChange", "value" ]);
+        var r = e.children, o = e.disabled, t = o === void 0 ? false : o, i = e.error, l = i === void 0 ? false : i, c = e.id, s = e.onChange, u = e.value, f = h(e, [ "children", "disabled", "error", "id", "onChange", "value" ]);
         // @docs-props-type OptionPropsBase
                 var y = (0, a.useRef)(c || (0, d.createDOMID)("radio-option")), C = y.current;
-        var O = (0, a.useContext)(s);
+        var O = (0, a.useContext)(m);
         var S = function e(r) {
             var a;
             r.stopPropagation();
-            u === null || u === void 0 ? void 0 : u(r, {
-                value: v,
+            s === null || s === void 0 ? void 0 : s(r, {
+                value: u,
                 name: O.name
             });
             (a = O.onChange) === null || a === void 0 ? void 0 : a.call(O, r, {
-                value: v,
+                value: u,
                 name: O.name
             });
         };
         var w = false;
         if ((O === null || O === void 0 ? void 0 : O.value) !== undefined) {
-            w = O.value === v;
+            w = O.value === u;
         }
         var j = t;
         if (O === null || O === void 0 ? void 0 : O.disabled) {
@@ -176,24 +176,24 @@
             k = O.error;
         }
         
-        return n().createElement(f, g({
+        return n().createElement(v, g({
             "data-test": "option",
-            "data-test-value": v,
+            "data-test-value": u,
             "data-test-disabled": j ? "disabled" : undefined
-        }, b, {
+        }, f, {
             "data-checked": w
-        }),  n().createElement(m, {
+        }),  n().createElement(p, {
             id: C,
             type: "radio",
             name: O.name,
             $error: k,
             disabled: j,
-            value: v.toString(),
+            value: u.toString(),
             checked: w,
             onChange: S,
             "data-test": "input",
             required: O.required
-        }),  n().createElement(p, {
+        }),  n().createElement(b, {
             htmlFor: C,
             "data-test": "label",
             $disabled: j
@@ -202,11 +202,11 @@
     S.propTypes = O;
     /* harmony default export */    const w = S;
     // CONCATENATED MODULE: ./src/RadioList/RadioListStyles.ts
-    var j = v().div.withConfig({
+    var j = s().div.withConfig({
         displayName: "RadioListStyles__StyledRadioList",
         componentId: "sc-1qg10hx-0"
-    })([ "", ";grid-template-columns:[input] min-content [label] auto;gap:", " ", ";", "" ], b.mixins.reset("grid"), b.variables.spacingMedium, b.variables.spacingSmall, (function(e) {
-        return e.direction === "row" && (0, u.css)([ "", ";gap:", ";", "{grid-template-columns:[input] min-content [label] auto;gap:", ";}" ], b.mixins.reset("flex"), b.variables.spacingXLarge, /* sc-sel */ f, b.variables.spacingSmall);
+    })([ "", ";grid-template-columns:[input] min-content [label] auto;gap:", " ", ";", "" ], u.mixins.reset("grid"), u.variables.spacingMedium, u.variables.spacingSmall, (function(e) {
+        return e.direction === "row" && (0, c.css)([ "", ";gap:", ";", "{grid-template-columns:[input] min-content [label] auto;gap:", ";}" ], u.mixins.reset("flex"), u.variables.spacingXLarge, /* sc-sel */ v, u.variables.spacingSmall);
     }));
     // CONCATENATED MODULE: ./src/RadioList/RadioList.tsx
     function k() {
@@ -221,7 +221,7 @@
         }, k.apply(null, arguments);
     }
     function q(e, r) {
-        return A(e) || E(e, r) || B(e, r) || x();
+        return R(e) || E(e, r) || B(e, r) || x();
     }
     function x() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
@@ -262,12 +262,12 @@
             return l;
         }
     }
-    function A(e) {
+    function R(e) {
         if (Array.isArray(e)) return e;
     }
-    function I(e, r) {
+    function A(e, r) {
         if (null == e) return {};
-        var a, n, o = R(e, r);
+        var a, n, o = I(e, r);
         if (Object.getOwnPropertySymbols) {
             var t = Object.getOwnPropertySymbols(e);
             for (n = 0; n < t.length; n++) {
@@ -276,7 +276,7 @@
         }
         return o;
     }
-    function R(e, r) {
+    function I(e, r) {
         if (null == e) return {};
         var a = {};
         for (var n in e) {
@@ -288,22 +288,22 @@
         return a;
     }
     /** @public */    var _ = {
-        children: t().node,
-        defaultValue: t().any,
-        describedBy: t().string,
-        direction: t().oneOf([ "row", "column" ]),
-        disabled: t().bool,
-        elementRef: t().oneOfType([ t().func, t().object ]),
-        error: t().bool,
-        labelledBy: t().string,
-        name: t().string,
-        onChange: t().func,
+        children: l().node,
+        defaultValue: l().any,
+        describedBy: l().string,
+        direction: l().oneOf([ "row", "column" ]),
+        disabled: l().bool,
+        elementRef: l().oneOfType([ l().func, l().object ]),
+        error: l().bool,
+        labelledBy: l().string,
+        name: l().string,
+        onChange: l().func,
         /** @private. */
-        required: t().bool,
-        value: t().any
+        required: l().bool,
+        value: l().any
     };
     function M(e) {
-        var r = e.children, o = e.defaultValue, t = e.describedBy, i = e.direction, c = e.disabled, u = c === void 0 ? false : c, v = e.elementRef, b = e.error, f = b === void 0 ? false : b, p = e.labelledBy, y = e.name, m = e.onChange, g = e.required, h = e.value, C = I(e, [ "children", "defaultValue", "describedBy", "direction", "disabled", "elementRef", "error", "labelledBy", "name", "onChange", "required", "value" ]);
+        var r = e.children, o = e.defaultValue, i = e.describedBy, l = e.direction, c = e.disabled, s = c === void 0 ? false : c, u = e.elementRef, v = e.error, b = v === void 0 ? false : v, f = e.labelledBy, p = e.name, y = e.onChange, g = e.required, h = e.value, C = A(e, [ "children", "defaultValue", "describedBy", "direction", "disabled", "elementRef", "error", "labelledBy", "name", "onChange", "required", "value" ]);
         // @docs-props-type RadioListPropsBase
         // TODO: Implement shared isControlled hook (SUI-5283).
         // See material-ui for similar pattern to handle controlled/un-controlled in functional components w/ hooks
@@ -311,12 +311,12 @@
                 var O = (0, a.useRef)(h !== undefined), S = O.current;
         var w = (0, a.useState)(o), x = q(w, 2), B = x[0], P = x[1];
         var E = S ? h : B;
-        var A = (0, a.useRef)(y || (0, d.createDOMID)("radio-name")), R = A.current;
+        var R = (0, a.useRef)(p || (0, d.createDOMID)("radio-name")), I = R.current;
         var _ = function e(r, a) {
             if (!S) {
                 P(a.value);
             }
-            m === null || m === void 0 ? void 0 : m(r, a);
+            y === null || y === void 0 ? void 0 : y(r, a);
         };
         // Check correct props are passed
                 if (false) {}
@@ -326,41 +326,42 @@
                 (0, a.useEffect)((function() {
             if (false) {}
         }), [ h, S ]);
-        var M = (0, a.useRef)(o), D = M.current;
+        var M = (0, a.useRef)(o), T = M.current;
         (0, a.useEffect)((function() {
             if (false) {}
-        }), [ D, o, S ]);
-        var H = (0, a.useMemo)((function() {
+        }), [ T, o, S ]);
+        var D = (0, a.useMemo)((function() {
             return {
-                disabled: u,
-                error: f,
+                disabled: s,
+                error: b,
                 onChange: _,
-                name: R,
+                name: I,
                 required: g,
                 value: E
             };
-        }), [ u, f, _, R, g, E ]);
-        var T = C["aria-labelledby"];
+        }), [ s, b, _, I, g, E ]);
+        var H = C["aria-labelledby"];
         var L = C["aria-describedby"];
         
-        return n().createElement(s.Provider, {
-            value: H
+        return n().createElement(m.Provider, {
+            value: D
         },  n().createElement(j, k({
-            direction: i || "column",
+            direction: l || "column",
             role: "radiogroup",
             "data-test": "radio-list",
             "data-test-value": E,
-            "data-test-disabled": u ? "disabled" : undefined,
-            ref: v
-        }, l()(C, [ "aria-labelledby", "aria-describedby" ]), {
-            "aria-labelledby": T ? "".concat(T, " ").concat(p) : p,
-            "aria-describedby": L ? "".concat(L, " ").concat(t) : t,
-            "aria-invalid": f
+            "data-test-disabled": s ? "disabled" : undefined,
+            ref: u
+        }, t()(C, [ "aria-labelledby", "aria-describedby" ]), {
+            "aria-labelledby": H ? "".concat(H, " ").concat(f) : f,
+            "aria-describedby": L ? "".concat(L, " ").concat(i) : i,
+            "aria-invalid": b
         }), r));
     }
     M.propTypes = _;
     M.Option = w;
-    /* harmony default export */    const D = M;
+    M.componentType = "RadioList";
+    /* harmony default export */    const T = M;
     // only for styled components using RadioList
         // CONCATENATED MODULE: ./src/RadioList/index.ts
     module.exports = r;

package/ResultsMenu.js

@@ -234,6 +234,8 @@
             displayName: "ResultsMenuStyles__StyledLoadingMessage",
             componentId: "avbhl8-6"
         })([ "flex:1 0 0;color:", ";" ], p.variables.contentColorDefault);
+        // EXTERNAL MODULE: ./src/ScreenReaderContent/index.ts + 2 modules
+                var w = n(6165);
         // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
         /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -241,7 +243,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-        function w(e, r) {
+        function M(e, r) {
             if (e) {
                 if (typeof e === "function") {
                     e(r);
@@ -253,8 +255,6 @@
                                 }
             }
         }
-        // EXTERNAL MODULE: ./src/ScreenReaderContent/index.ts + 2 modules
-                var M = n(6165);
         // CONCATENATED MODULE: ./src/ResultsMenu/ResultsMenu.tsx
         function C() {
             return C = Object.assign ? Object.assign.bind() : function(e) {
@@ -368,7 +368,7 @@
             }), []);
             var ve = (0, e.useCallback)((function(e) {
                 G(e);
-                w(c, e);
+                M(c, e);
             }), [ c ]);
             var de = (0, e.useCallback)((function() {
                 ie(document.documentElement.scrollTop);
@@ -482,7 +482,7 @@
             r().createElement("div", {
                 "data-test": "results-menu-bottom-spacer",
                 style: Oe
-            }), v &&  r().createElement(h, null, t &&  r().createElement(E, null),  r().createElement(O, null, p)))),  r().createElement(M["default"], {
+            }), v &&  r().createElement(h, null, t &&  r().createElement(E, null),  r().createElement(O, null, p)))),  r().createElement(w["default"], {
                 "aria-live": "polite"
             }, we && I), A !== "above" && Ce(), A === "above" && i);
         }
@@ -567,7 +567,7 @@
             return (0, e.cloneElement)(l, {
                 elementRef: function e(r) {
                     i.current = r;
-                    w(n, r);
+                    M(n, r);
                 }
             });
         }));
@@ -844,7 +844,7 @@
             // `windowPanes` is an array of arrays, each of length `virtualization`. Each "pane" is just a subset of
             // `children` which will be rendered in a chunk, and at most 3 of these panes will render at any given time.
                         var O = (0, e.useRef)(E);
-            var M = (0, e.useRef)(0);
+            var w = (0, e.useRef)(0);
             var C = (0, e.useRef)(null);
             // An IntersectionObserver is used to detect when pane changes are needed.
             // When loadPrevPaneRef or loadNextPaneRef entries intersect the menu, the currentPaneId will be updated.
@@ -854,7 +854,7 @@
             var I = (0, e.useCallback)((function() {
                 var e;
                 var r = O.current, n = r === void 0 ? [] : r;
-                var t = M.current;
+                var t = w.current;
                 /**
      * create onMount for an child of the menu which will be used to trigger pane
      * changes upon intersection with the menu's visible bounds
@@ -893,9 +893,9 @@
             }), []);
             var P = (0, e.useState)(I), x = te(P, 2), T = x[0], A = x[1];
             var L = (0, e.useCallback)((function(e) {
-                var r = M.current;
-                M.current = Math.max(0, Math.min(e, O.current.length - 1));
-                if (r === M.current) {
+                var r = w.current;
+                w.current = Math.max(0, Math.min(e, O.current.length - 1));
+                if (r === w.current) {
                     // no change in current pane
                     return;
                 }
@@ -904,7 +904,7 @@
             // Link an IntersectionObserver instance with the menu children to be observed
                         var _ = (0, e.useCallback)((function(e) {
                 var r;
-                w(a, e);
+                M(a, e);
                 C.current = e;
                 // This is overly defensive and could probably be removed
                                 (r = j.current) === null || r === void 0 ? void 0 : r.disconnect();
@@ -916,7 +916,7 @@
                 // Run the observation flow
                                 j.current = new IntersectionObserver((function(r) {
                     var n;
-                    var t = M.current;
+                    var t = w.current;
                     var o = e.firstElementChild;
                     if (!!o && o.scrollHeight < e.clientHeight) {
                         var a;
@@ -959,7 +959,7 @@
                 e.preventDefault();
                 var n = e.key;
                 if (n === "Home") {
-                    var t = M.current === 0;
+                    var t = w.current === 0;
                     if (t) {
                         var o;
                         // if the first pane is already rendered, find the first element and focus it
@@ -978,7 +978,7 @@
                 }
                 var l = O.current.length - 1;
                 if (n === "End") {
-                    var u = M.current === l;
+                    var u = w.current === l;
                     if (u) {
                         var c;
                         // if the last pane is already rendered, find the first element and focus it

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,