@splunk/react-ui 4.44.1 → 4.45.0

package/Concertina.js

@@ -61,8 +61,8 @@
         e.r(t);
     // EXPORTS
         e.d(t, {
-        Panel: () => /* reexport */ xe,
-        default: () => /* reexport */ Xe
+        Panel: () => /* reexport */ ze,
+        default: () => /* reexport */ it
     });
     // CONCATENATED MODULE: external "react"
     const n = require("react");
@@ -75,59 +75,59 @@
     var l =  e.n(a);
     // CONCATENATED MODULE: external "lodash/take"
     const c = require("lodash/take");
-    var s =  e.n(c);
+    var u =  e.n(c);
     // CONCATENATED MODULE: external "lodash/takeRight"
-    const u = require("lodash/takeRight");
-    var p =  e.n(u);
+    const s = require("lodash/takeRight");
+    var f =  e.n(s);
     // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
-    const f = require("@splunk/react-ui/EventListener");
-    var d =  e.n(f);
+    const p = require("@splunk/react-ui/EventListener");
+    var d =  e.n(p);
     // CONCATENATED MODULE: external "lodash/keys"
-    const b = require("lodash/keys");
-    var h =  e.n(b);
+    const h = require("lodash/keys");
+    var b =  e.n(h);
     // CONCATENATED MODULE: external "lodash/omit"
     const y = require("lodash/omit");
     var v =  e.n(y);
     // CONCATENATED MODULE: external "styled-components"
-    const g = require("styled-components");
-    var m =  e.n(g);
+    const m = require("styled-components");
+    var g =  e.n(m);
     // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
     const w = require("@splunk/react-ui/Clickable");
-    var O =  e.n(w);
+    var S =  e.n(w);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const S = require("@splunk/themes");
+    const O = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Concertina/HeadingStyles.ts
-    var k = m()(O()).withConfig({
+    var k = g()(S()).withConfig({
         displayName: "HeadingStyles__StyledClickable",
         componentId: "sc-1h92oaj-0"
-    })([ "display:block;width:100%;cursor:pointer;position:relative;padding:6px ", ";line-height:", ";border-radius:0;color:", ";", " &:focus:not([disabled]){box-shadow:", ";}", "" ], S.variables.spacingLarge, S.variables.lineHeight, S.variables.textColor, (0, 
-    S.pickVariant)("$inner", {
-        true: (0, g.css)([ "*:not(:first-child) > &&{border-top:2px solid ", ";}*:not(:last-child) > &&{border-bottom:2px solid ", ";}" ], S.variables.backgroundColor, S.variables.backgroundColor),
-        false: (0, g.css)([ "& + &&{border-top:2px solid ", ";}" ], S.variables.backgroundColor)
-    }), S.variables.focusShadowInset, (0, S.pickVariant)("$status", {
-        normal: (0, g.css)([ "background-color:", ";&:hover:not([disabled]){background-color:", ";}" ], (0, 
-        S.pick)({
-            dark: S.variables.gray45,
-            light: S.variables.gray96
-        }), (0, S.pick)({
-            dark: S.variables.gray30,
-            light: S.variables.gray92
+    })([ "display:block;width:100%;cursor:pointer;position:relative;padding:6px ", ";line-height:", ";border-radius:0;color:", ";", " &:focus:not([disabled]){box-shadow:", ";}", "" ], O.variables.spacingLarge, O.variables.lineHeight, O.variables.textColor, (0, 
+    O.pickVariant)("$inner", {
+        true: (0, m.css)([ "*:not(:first-child) > &&{border-top:2px solid ", ";}*:not(:last-child) > &&{border-bottom:2px solid ", ";}" ], O.variables.backgroundColor, O.variables.backgroundColor),
+        false: (0, m.css)([ "& + &&{border-top:2px solid ", ";}" ], O.variables.backgroundColor)
+    }), O.variables.focusShadowInset, (0, O.pickVariant)("$status", {
+        normal: (0, m.css)([ "background-color:", ";&:hover:not([disabled]){background-color:", ";}" ], (0, 
+        O.pick)({
+            dark: O.variables.gray45,
+            light: O.variables.gray96
+        }), (0, O.pick)({
+            dark: O.variables.gray30,
+            light: O.variables.gray92
         })),
-        disabled: (0, g.css)([ "background-color:", ";" ], (0, S.pick)({
-            dark: S.variables.gray80,
-            light: S.variables.gray96
+        disabled: (0, m.css)([ "background-color:", ";" ], (0, O.pick)({
+            dark: O.variables.gray80,
+            light: O.variables.gray96
         })),
-        error: (0, g.css)([ "background-color:", ";color:", ";&:hover:not([disabled]){background-color:", ";}" ], S.variables.errorColor, S.variables.white, S.variables.errorColorD10),
-        warning: (0, g.css)([ "background-color:", ";color:", ";&:hover:not([disabled]){background-color:", ";box-shadow:none;}" ], S.variables.warningColor, S.variables.white, S.variables.warningColorD10)
+        error: (0, m.css)([ "background-color:", ";color:", ";&:hover:not([disabled]){background-color:", ";}" ], O.variables.errorColor, O.variables.white, O.variables.errorColorD10),
+        warning: (0, m.css)([ "background-color:", ";color:", ";&:hover:not([disabled]){background-color:", ";box-shadow:none;}" ], O.variables.warningColor, O.variables.white, O.variables.warningColorD10)
     }));
-    var C = m().span.withConfig({
+    var C = g().span.withConfig({
         displayName: "HeadingStyles__StyledHeadingContent",
         componentId: "sc-1h92oaj-1"
     })([ "display:flex;justify-content:space-between;" ]);
-    var j = m().span.withConfig({
+    var E = g().span.withConfig({
         displayName: "HeadingStyles__StyledDescription",
         componentId: "sc-1h92oaj-2"
-    })([ "font-size:", ";" ], S.variables.fontSizeSmall);
+    })([ "font-size:", ";" ], O.variables.fontSizeSmall);
     // CONCATENATED MODULE: ./src/Concertina/Heading.tsx
     function P(e) {
         "@babel/helpers - typeof";
@@ -137,8 +137,8 @@
             return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
         }, P(e);
     }
-    function E() {
-        return E = Object.assign ? Object.assign.bind() : function(e) {
+    function j() {
+        return j = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = arguments[t];
                 for (var r in n) {
@@ -146,20 +146,20 @@
                 }
             }
             return e;
-        }, E.apply(null, arguments);
+        }, j.apply(null, arguments);
     }
-    function _(e, t) {
+    function T(e, t) {
         if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
     }
-    function T(e, t) {
+    function _(e, t) {
         for (var n = 0; n < t.length; n++) {
             var r = t[n];
             r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), 
-            Object.defineProperty(e, A(r.key), r);
+            Object.defineProperty(e, M(r.key), r);
         }
     }
     function x(e, t, n) {
-        return t && T(e.prototype, t), n && T(e, n), Object.defineProperty(e, "prototype", {
+        return t && _(e.prototype, t), n && _(e, n), Object.defineProperty(e, "prototype", {
             writable: !1
         }), e;
     }
@@ -181,11 +181,11 @@
         }, I(e, t);
     }
     function R(e) {
-        var t = z();
+        var t = N();
         return function() {
-            var n, r = M(e);
+            var n, r = A(e);
             if (t) {
-                var o = M(this).constructor;
+                var o = A(this).constructor;
                 n = Reflect.construct(r, arguments, o);
             } else n = r.apply(this, arguments);
             return q(this, n);
@@ -200,28 +200,28 @@
         if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
-    function z() {
+    function N() {
         try {
             var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
         } catch (e) {}
-        return (z = function t() {
+        return (N = function t() {
             return !!e;
         })();
     }
-    function M(e) {
-        return M = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+    function A(e) {
+        return A = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
             return e.__proto__ || Object.getPrototypeOf(e);
-        }, M(e);
+        }, A(e);
     }
-    function N(e, t, n) {
-        return (t = A(t)) in e ? Object.defineProperty(e, t, {
+    function z(e, t, n) {
+        return (t = M(t)) in e ? Object.defineProperty(e, t, {
             value: n,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[t] = n, e;
     }
-    function A(e) {
+    function M(e) {
         var t = W(e, "string");
         return "symbol" == P(t) ? t : t + "";
     }
@@ -248,21 +248,21 @@
         position: i().oneOf([ "top", "inner", "bottom" ]),
         status: i().oneOf([ "normal", "warning", "error", "disabled" ])
     };
-    var $ = {
+    var L = {
         position: "inner"
     };
-    var U =  function(e) {
+    var $ =  function(e) {
         H(n, e);
         var t = R(n);
         function n() {
             var e;
-            _(this, n);
+            T(this, n);
             for (var r = arguments.length, o = new Array(r), i = 0; i < r; i++) {
                 o[i] = arguments[i];
             }
             e = t.call.apply(t, [ this ].concat(o));
-            N(B(e), "container", null);
-            N(B(e), "handleClick", (function(t) {
+            z(B(e), "container", null);
+            z(B(e), "handleClick", (function(t) {
                 var n, r;
                 (n = (r = e.props).onClick) === null || n === void 0 ? void 0 : n.call(r, t, {
                     index: e.props.index,
@@ -270,7 +270,7 @@
                     position: e.props.position
                 });
             }));
-            N(B(e), "handleMount", (function(t) {
+            z(B(e), "handleMount", (function(t) {
                 e.container = t;
             }));
             return e;
@@ -287,7 +287,7 @@
             value: function e() {
                 var t = this.props, o = t.children, i = t.description, a = t.panelId, l = t.position, c = t.status;
                 
-                return r().createElement(k, E({
+                return r().createElement(k, j({
                     disabled: c === "disabled",
                     $inner: l === "inner",
                     $status: c,
@@ -295,18 +295,18 @@
                     ref: this.handleMount,
                     "data-test": "heading",
                     "data-test-panel-id": a
-                }, v()(this.props, h()(n.propTypes))),  r().createElement(C, null,  r().createElement("span", {
+                }, v()(this.props, b()(n.propTypes))),  r().createElement(C, null,  r().createElement("span", {
                     "data-concertina-role": "title"
-                }, o), i &&  r().createElement(j, {
+                }, o), i &&  r().createElement(E, {
                     "data-concertina-role": "description"
                 }, i)));
             }
         } ]);
         return n;
     }(n.Component);
-    N(U, "propTypes", D);
-    N(U, "defaultProps", $);
-    /* harmony default export */    const L = U;
+    z($, "propTypes", D);
+    z($, "defaultProps", L);
+    /* harmony default export */    const U = $;
     // CONCATENATED MODULE: external "lodash/throttle"
     const V = require("lodash/throttle");
     var F =  e.n(V);
@@ -317,37 +317,162 @@
     const K = require("@splunk/react-ui/Scroll");
     var Q =  e.n(K);
     // CONCATENATED MODULE: ./src/Concertina/ConcertinaStyles.ts
-    var X = (0, g.css)([ "position:absolute;left:0;top:0;right:0;bottom:0;" ]);
-    var Y = m()(Q()).withConfig({
+    var X = (0, m.css)([ "position:absolute;left:0;top:0;right:0;bottom:0;" ]);
+    var Y = g()(Q()).withConfig({
         displayName: "ConcertinaStyles__StyledScroll",
         componentId: "sc-1fzuh39-0"
     })([ "", "" ], X);
-    var Z = m()(J()).withConfig({
+    var Z = g()(J()).withConfig({
         displayName: "ConcertinaStyles__StyledBox",
         componentId: "sc-1fzuh39-1"
     })([ "", " overflow:hidden;" ], X);
-    var ee = m().div.withConfig({
+    var ee = g().div.withConfig({
         displayName: "ConcertinaStyles__StyledTop",
         componentId: "sc-1fzuh39-2"
-    })([ "position:absolute;left:0;top:0;right:0;z-index:1;background-color:", ";&::after{content:'';position:absolute;bottom:-10px;height:10px;left:0;right:0;background-image:linear-gradient(180deg,rgba(0,0,0,0.15),rgba(0,0,0,0));}" ], S.variables.backgroundColor);
-    var te = m().div.withConfig({
+    })([ "position:absolute;left:0;top:0;right:0;z-index:1;background-color:", ";&::after{content:'';position:absolute;bottom:-10px;height:10px;left:0;right:0;background-image:linear-gradient(180deg,rgba(0,0,0,0.15),rgba(0,0,0,0));}" ], O.variables.backgroundColor);
+    var te = g().div.withConfig({
         displayName: "ConcertinaStyles__StyledBottom",
         componentId: "sc-1fzuh39-3"
-    })([ "position:absolute;left:0;bottom:0;right:0;background-color:", ";&::before{content:'';position:absolute;top:-5px;height:5px;left:0;right:0;background-image:linear-gradient(0deg,rgba(0,0,0,0.15),rgba(0,0,0,0));}" ], S.variables.backgroundColor);
-    var ne = m().div.withConfig({
+    })([ "position:absolute;left:0;bottom:0;right:0;background-color:", ";&::before{content:'';position:absolute;top:-5px;height:5px;left:0;right:0;background-image:linear-gradient(0deg,rgba(0,0,0,0.15),rgba(0,0,0,0));}" ], O.variables.backgroundColor);
+    var ne = g().div.withConfig({
         displayName: "ConcertinaStyles__StyledPanelBody",
         componentId: "sc-1fzuh39-4"
-    })([ "", "" ], (0, S.pickVariant)("$status", {
+    })([ "", "" ], (0, O.pickVariant)("$status", {
         error: {
-            dark: (0, g.css)([ "background-color:", ";" ], S.mixins.colorWithAlpha(S.variables.errorColor, .5)),
-            light: (0, g.css)([ "background-color:", ";" ], S.variables.errorColorL50)
+            dark: (0, m.css)([ "background-color:", ";" ], O.mixins.colorWithAlpha(O.variables.errorColor, .5)),
+            light: (0, m.css)([ "background-color:", ";" ], O.variables.errorColorL50)
         },
         warning: {
-            dark: (0, g.css)([ "background-color:", ";" ], S.mixins.colorWithAlpha(S.variables.warningColor, .5)),
-            light: (0, g.css)([ "background-color:", ";" ], S.variables.warningColorL50)
+            dark: (0, m.css)([ "background-color:", ";" ], O.mixins.colorWithAlpha(O.variables.warningColor, .5)),
+            light: (0, m.css)([ "background-color:", ";" ], O.variables.warningColorL50)
         },
-        disabled: (0, g.css)([ "display:none;" ])
+        disabled: (0, m.css)([ "display:none;" ])
     }));
+    // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
+    /* eslint-disable @typescript-eslint/no-empty-function */
+    var re = {
+        body: {
+            appendChild: function e() {
+                return [];
+            }
+        },
+        addEventListener: function e() {},
+        removeEventListener: function e() {},
+        activeElement: {
+            blur: function e() {},
+            nodeName: ""
+        },
+        querySelector: function e() {
+            return null;
+        },
+        querySelectorAll: function e() {
+            return [];
+        },
+        getElementById: function e() {
+            return null;
+        },
+        createEvent: function e() {
+            return {
+                initEvent: function e() {}
+            };
+        },
+        createElement: function e() {
+            return {
+                children: [],
+                childNodes: [],
+                style: {},
+                setAttribute: function e() {},
+                getElementsByTagName: function e() {
+                    return [];
+                }
+            };
+        },
+        createElementNS: function e() {
+            return {};
+        },
+        importNode: function e() {
+            return null;
+        },
+        location: {
+            hash: "",
+            host: "",
+            hostname: "",
+            href: "",
+            origin: "",
+            pathname: "",
+            protocol: "",
+            search: ""
+        }
+    };
+    function oe() {
+        var e = typeof document !== "undefined" ? document : re;
+        return e;
+    }
+    var ie = oe();
+    /* harmony default export */    const ae = /* unused pure expression or super */ null && ie;
+    // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
+    /* eslint-disable @typescript-eslint/no-empty-function */
+    var le = {
+        document: re,
+        navigator: {
+            userAgent: ""
+        },
+        location: {
+            hash: "",
+            host: "",
+            hostname: "",
+            href: "",
+            origin: "",
+            pathname: "",
+            protocol: "",
+            search: ""
+        },
+        history: {
+            replaceState: function e() {},
+            pushState: function e() {},
+            go: function e() {},
+            back: function e() {}
+        },
+        CustomEvent: function e() {
+            return this;
+        },
+        addEventListener: function e() {},
+        removeEventListener: function e() {},
+        getComputedStyle: function e() {
+            return {
+                getPropertyValue: function e() {
+                    return "";
+                }
+            };
+        },
+        Image: function e() {},
+        Date: function e() {},
+        screen: {},
+        setTimeout: function e() {},
+        clearTimeout: function e() {},
+        matchMedia: function e() {
+            return {};
+        },
+        requestAnimationFrame: function e(t) {
+            if (typeof setTimeout === "undefined") {
+                t();
+                return null;
+            }
+            return setTimeout(t, 0);
+        },
+        cancelAnimationFrame: function e(t) {
+            if (typeof setTimeout === "undefined") {
+                return;
+            }
+            clearTimeout(t);
+        }
+    };
+    function ce() {
+        var e = typeof window !== "undefined" ? window : le;
+        return e;
+    }
+    var ue = ce();
+    /* harmony default export */    const se = ue;
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -355,7 +480,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function re(e, t) {
+    function fe(e, t) {
         if (e) {
             if (typeof e === "function") {
                 e(t);
@@ -368,20 +493,20 @@
         }
     }
     // CONCATENATED MODULE: ./src/Concertina/ConcertinaContext.tsx
-    var oe =  (0, n.createContext)({});
-    oe.displayName = "Concertina";
-    /* harmony default export */    const ie = oe;
+    var pe =  (0, n.createContext)({});
+    pe.displayName = "Concertina";
+    /* harmony default export */    const de = pe;
     // CONCATENATED MODULE: ./src/Concertina/Panel.tsx
-    function ae(e) {
+    function he(e) {
         "@babel/helpers - typeof";
-        return ae = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return he = "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;
-        }, ae(e);
+        }, he(e);
     }
-    function le() {
-        return le = Object.assign ? Object.assign.bind() : function(e) {
+    function be() {
+        return be = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = arguments[t];
                 for (var r in n) {
@@ -389,50 +514,50 @@
                 }
             }
             return e;
-        }, le.apply(null, arguments);
+        }, be.apply(null, arguments);
     }
-    function ce(e) {
-        return fe(e) || pe(e) || ue(e) || se();
+    function ye(e) {
+        return we(e) || ge(e) || me(e) || ve();
     }
-    function se() {
+    function ve() {
         throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function ue(e, t) {
+    function me(e, t) {
         if (e) {
-            if ("string" == typeof e) return de(e, t);
+            if ("string" == typeof e) return Se(e, t);
             var n = {}.toString.call(e).slice(8, -1);
-            return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? de(e, t) : void 0;
+            return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? Se(e, t) : void 0;
         }
     }
-    function pe(e) {
+    function ge(e) {
         if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
     }
-    function fe(e) {
-        if (Array.isArray(e)) return de(e);
+    function we(e) {
+        if (Array.isArray(e)) return Se(e);
     }
-    function de(e, t) {
+    function Se(e, t) {
         (null == t || t > e.length) && (t = e.length);
         for (var n = 0, r = Array(t); n < t; n++) {
             r[n] = e[n];
         }
         return r;
     }
-    function be(e, t) {
+    function Oe(e, t) {
         if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
     }
-    function he(e, t) {
+    function ke(e, t) {
         for (var n = 0; n < t.length; n++) {
             var r = t[n];
             r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), 
-            Object.defineProperty(e, je(r.key), r);
+            Object.defineProperty(e, Re(r.key), r);
         }
     }
-    function ye(e, t, n) {
-        return t && he(e.prototype, t), n && he(e, n), Object.defineProperty(e, "prototype", {
+    function Ce(e, t, n) {
+        return t && ke(e.prototype, t), n && ke(e, n), Object.defineProperty(e, "prototype", {
             writable: !1
         }), e;
     }
-    function ve(e, t) {
+    function Ee(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: {
@@ -442,69 +567,69 @@
             }
         }), Object.defineProperty(e, "prototype", {
             writable: !1
-        }), t && ge(e, t);
+        }), t && Pe(e, t);
     }
-    function ge(e, t) {
-        return ge = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+    function Pe(e, t) {
+        return Pe = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
             return e.__proto__ = t, e;
-        }, ge(e, t);
+        }, Pe(e, t);
     }
-    function me(e) {
-        var t = Se();
+    function je(e) {
+        var t = xe();
         return function() {
-            var n, r = ke(e);
+            var n, r = He(e);
             if (t) {
-                var o = ke(this).constructor;
+                var o = He(this).constructor;
                 n = Reflect.construct(r, arguments, o);
             } else n = r.apply(this, arguments);
-            return we(this, n);
+            return Te(this, n);
         };
     }
-    function we(e, t) {
-        if (t && ("object" == ae(t) || "function" == typeof t)) return t;
+    function Te(e, t) {
+        if (t && ("object" == he(t) || "function" == typeof t)) return t;
         if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-        return Oe(e);
+        return _e(e);
     }
-    function Oe(e) {
+    function _e(e) {
         if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
-    function Se() {
+    function xe() {
         try {
             var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
         } catch (e) {}
-        return (Se = function t() {
+        return (xe = function t() {
             return !!e;
         })();
     }
-    function ke(e) {
-        return ke = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+    function He(e) {
+        return He = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
             return e.__proto__ || Object.getPrototypeOf(e);
-        }, ke(e);
+        }, He(e);
     }
-    function Ce(e, t, n) {
-        return (t = je(t)) in e ? Object.defineProperty(e, t, {
+    function Ie(e, t, n) {
+        return (t = Re(t)) in e ? Object.defineProperty(e, t, {
             value: n,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[t] = n, e;
     }
-    function je(e) {
-        var t = Pe(e, "string");
-        return "symbol" == ae(t) ? t : t + "";
+    function Re(e) {
+        var t = qe(e, "string");
+        return "symbol" == he(t) ? t : t + "";
     }
-    function Pe(e, t) {
-        if ("object" != ae(e) || !e) return e;
+    function qe(e, t) {
+        if ("object" != he(e) || !e) return e;
         var n = e[Symbol.toPrimitive];
         if (void 0 !== n) {
             var r = n.call(e, t || "default");
-            if ("object" != ae(r)) return r;
+            if ("object" != he(r)) return r;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === t ? String : Number)(e);
     }
-    var Ee = {
+    var Be = {
         children: i().node,
         description: i().node,
         elementRef: i().oneOfType([ i().func, i().object ]),
@@ -514,19 +639,19 @@
         status: i().oneOf([ "normal", "warning", "error", "disabled" ]),
         title: i().node.isRequired
     };
-    var _e = {
+    var Ne = {
         status: "normal"
     };
-    var Te =  function(e) {
-        ve(n, e);
-        var t = me(n);
+    var Ae =  function(e) {
+        Ee(n, e);
+        var t = je(n);
         // @docs-props-type PanelPropsBase
                 function n(e) {
             var r;
-            be(this, n);
+            Oe(this, n);
             r = t.call(this, e);
-            Ce(Oe(r), "lastHeight", void 0);
-            Ce(Oe(r), "measureHeight", (function(e) {
+            Ie(_e(r), "lastHeight", void 0);
+            Ie(_e(r), "measureHeight", (function(e) {
                 var t, n, o;
                 if (!r.state.containerEl || !r.state.bodyEl) {
                     return;
@@ -544,19 +669,19 @@
                 r.lastHeight = i;
                 (n = (o = r.context).onChange) === null || n === void 0 ? void 0 : n.call(o, e, a);
             }));
-            Ce(Oe(r), "handleResize", F()(r.measureHeight, 300));
-            Ce(Oe(r), "handleMount", (function(e) {
+            Ie(_e(r), "handleResize", F()(r.measureHeight, 300));
+            Ie(_e(r), "handleMount", (function(e) {
                 r.setState({
                     containerEl: e
                 });
-                re(r.props.elementRef, e);
+                fe(r.props.elementRef, e);
             }));
-            Ce(Oe(r), "handleHeadingMount", (function(e) {
+            Ie(_e(r), "handleHeadingMount", (function(e) {
                 r.setState({
                     heading: e
                 });
             }));
-            Ce(Oe(r), "handleBodyMount", (function(e) {
+            Ie(_e(r), "handleBodyMount", (function(e) {
                 r.setState({
                     bodyEl: e
                 });
@@ -568,7 +693,7 @@
             };
             return r;
         }
-        ye(n, [ {
+        Ce(n, [ {
             key: "componentDidUpdate",
             value: function e(t, n) {
                 if (this.props.children !== t.children || !n.containerEl) {
@@ -590,50 +715,50 @@
         }, {
             key: "render",
             value: function e() {
-                var t = this.props, o = t.children, i = t.description, a = t.index, l = t.panelId, c = t.status, s = t.style, u = t.title;
-                var p = this.context.onHeadingClick;
+                var t = this.props, o = t.children, i = t.description, a = t.index, l = t.panelId, c = t.status, u = t.style, s = t.title;
+                var f = this.context.onHeadingClick;
                 
-                return r().createElement("div", le({
+                return r().createElement("div", be({
                     ref: this.handleMount,
                     "data-test": "panel",
                     "data-test-panel-id": l || "".concat(a)
-                }, v()(this.props, [].concat(ce(h()(n.propTypes)), [ "style" ]))),  r().createElement(L, {
-                    onClick: p,
+                }, v()(this.props, [].concat(ye(b()(n.propTypes)), [ "style" ]))),  r().createElement(U, {
+                    onClick: f,
                     ref: this.handleHeadingMount,
                     description: i,
                     index: a !== null && a !== void 0 ? a : 0,
                     panelId: l || "".concat(a),
                     position: "inner",
                     status: c
-                }, u),  r().createElement(d(), {
-                    target: window,
+                }, s),  r().createElement(d(), {
+                    target: se,
                     eventType: "resize",
                     listener: this.handleResize
                 }),  r().createElement(ne, {
                     $status: c,
                     "data-test": "body",
-                    style: s,
+                    style: u,
                     ref: this.handleBodyMount
                 }, o));
             }
         } ]);
         return n;
     }(n.Component);
-    Ce(Te, "propTypes", Ee);
-    Ce(Te, "defaultProps", _e);
-    Ce(Te, "contextType", ie);
-    /* harmony default export */    const xe = Te;
+    Ie(Ae, "propTypes", Be);
+    Ie(Ae, "defaultProps", Ne);
+    Ie(Ae, "contextType", de);
+    /* harmony default export */    const ze = Ae;
     // CONCATENATED MODULE: ./src/Concertina/Concertina.tsx
-    function He(e) {
+    function Me(e) {
         "@babel/helpers - typeof";
-        return He = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return Me = "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;
-        }, He(e);
+        }, Me(e);
     }
-    function Ie() {
-        return Ie = Object.assign ? Object.assign.bind() : function(e) {
+    function We() {
+        return We = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = arguments[t];
                 for (var r in n) {
@@ -641,11 +766,11 @@
                 }
             }
             return e;
-        }, Ie.apply(null, arguments);
+        }, We.apply(null, arguments);
     }
-    function Re(e, t) {
+    function De(e, t) {
         if (null == e) return {};
-        var n, r, o = qe(e, t);
+        var n, r, o = Le(e, t);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -654,7 +779,7 @@
         }
         return o;
     }
-    function qe(e, t) {
+    function Le(e, t) {
         if (null == e) return {};
         var n = {};
         for (var r in e) {
@@ -665,22 +790,22 @@
         }
         return n;
     }
-    function Be(e, t) {
+    function $e(e, t) {
         if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
     }
-    function ze(e, t) {
+    function Ue(e, t) {
         for (var n = 0; n < t.length; n++) {
             var r = t[n];
             r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), 
-            Object.defineProperty(e, Fe(r.key), r);
+            Object.defineProperty(e, et(r.key), r);
         }
     }
-    function Me(e, t, n) {
-        return t && ze(e.prototype, t), n && ze(e, n), Object.defineProperty(e, "prototype", {
+    function Ve(e, t, n) {
+        return t && Ue(e.prototype, t), n && Ue(e, n), Object.defineProperty(e, "prototype", {
             writable: !1
         }), e;
     }
-    function Ne(e, t) {
+    function Fe(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: {
@@ -690,86 +815,86 @@
             }
         }), Object.defineProperty(e, "prototype", {
             writable: !1
-        }), t && Ae(e, t);
+        }), t && Ge(e, t);
     }
-    function Ae(e, t) {
-        return Ae = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+    function Ge(e, t) {
+        return Ge = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
             return e.__proto__ = t, e;
-        }, Ae(e, t);
+        }, Ge(e, t);
     }
-    function We(e) {
-        var t = Ue();
+    function Je(e) {
+        var t = Xe();
         return function() {
-            var n, r = Le(e);
+            var n, r = Ye(e);
             if (t) {
-                var o = Le(this).constructor;
+                var o = Ye(this).constructor;
                 n = Reflect.construct(r, arguments, o);
             } else n = r.apply(this, arguments);
-            return De(this, n);
+            return Ke(this, n);
         };
     }
-    function De(e, t) {
-        if (t && ("object" == He(t) || "function" == typeof t)) return t;
+    function Ke(e, t) {
+        if (t && ("object" == Me(t) || "function" == typeof t)) return t;
         if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-        return $e(e);
+        return Qe(e);
     }
-    function $e(e) {
+    function Qe(e) {
         if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
-    function Ue() {
+    function Xe() {
         try {
             var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
         } catch (e) {}
-        return (Ue = function t() {
+        return (Xe = function t() {
             return !!e;
         })();
     }
-    function Le(e) {
-        return Le = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+    function Ye(e) {
+        return Ye = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
             return e.__proto__ || Object.getPrototypeOf(e);
-        }, Le(e);
+        }, Ye(e);
     }
-    function Ve(e, t, n) {
-        return (t = Fe(t)) in e ? Object.defineProperty(e, t, {
+    function Ze(e, t, n) {
+        return (t = et(t)) in e ? Object.defineProperty(e, t, {
             value: n,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[t] = n, e;
     }
-    function Fe(e) {
-        var t = Ge(e, "string");
-        return "symbol" == He(t) ? t : t + "";
+    function et(e) {
+        var t = tt(e, "string");
+        return "symbol" == Me(t) ? t : t + "";
     }
-    function Ge(e, t) {
-        if ("object" != He(e) || !e) return e;
+    function tt(e, t) {
+        if ("object" != Me(e) || !e) return e;
         var n = e[Symbol.toPrimitive];
         if (void 0 !== n) {
             var r = n.call(e, t || "default");
-            if ("object" != He(r)) return r;
+            if ("object" != Me(r)) return r;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === t ? String : Number)(e);
     }
-    var Je = {
+    var nt = {
         children: i().node,
         elementRef: i().oneOfType([ i().func, i().object ])
     };
-    var Ke = {};
+    var rt = {};
     /**
  * @deprecated
  * Concertina has been deprecated and will be removed in a future major version.
- */    var Qe =  function(e) {
-        Ne(o, e);
-        var t = We(o);
+ */    var ot =  function(e) {
+        Fe(o, e);
+        var t = Je(o);
         // @docs-props-type ConcertinaPropsBase
                 function o(e) {
             var n;
-            Be(this, o);
+            $e(this, o);
             n = t.call(this, e);
-            Ve($e(n), "panelPositions", void 0);
-            Ve($e(n), "handleUpdate", (function(e, t) {
+            Ze(Qe(n), "panelPositions", void 0);
+            Ze(Qe(n), "handleUpdate", (function(e, t) {
                 n.panelPositions[t.index] = t;
                 var r = 0;
                 n.panelPositions.forEach((function(e) {
@@ -779,7 +904,7 @@
                 }));
                 n.updateHeadings();
             }));
-            Ve($e(n), "handleElementMount", (function(e) {
+            Ze(Qe(n), "handleElementMount", (function(e) {
                 n.setState({
                     scrollEl: e
                 });
@@ -791,7 +916,7 @@
                     });
                 }
             }));
-            Ve($e(n), "handleResize", (function() {
+            Ze(Qe(n), "handleResize", (function() {
                 n.setState((function(e) {
                     var t;
                     return {
@@ -799,43 +924,43 @@
                     };
                 }));
             }));
-            Ve($e(n), "handleScroll", (function() {
+            Ze(Qe(n), "handleScroll", (function() {
                 n.updateHeadings();
             }));
-            Ve($e(n), "handleScrollComplete", (function() {
+            Ze(Qe(n), "handleScrollComplete", (function() {
                 n.setState({
                     targetTop: undefined
                 });
             }));
-            Ve($e(n), "handleClick", (function(e, t) {
+            Ze(Qe(n), "handleClick", (function(e, t) {
                 var r;
                 var o = t.index, i = t.position;
                 var a = n.state.scrollEl;
                 if (!a) {
                     return;
                 }
-                var l = s()(n.panelPositions, o).map((function(e) {
+                var l = u()(n.panelPositions, o).map((function(e) {
                     return e.headingHeight;
                 })).reduce((function(e, t) {
                     return e + t;
                 }), 0);
  // sum the heights
-                                var c = p()(n.panelPositions, n.panelPositions.length - o - 1).map((function(e) {
+                                var c = f()(n.panelPositions, n.panelPositions.length - o - 1).map((function(e) {
                     return e.headingHeight;
                 })).reduce((function(e, t) {
                     return e + t;
                 }), 0);
  // sum the heights
-                                var u = a.clientHeight - l - c;
-                var f = n.panelPositions[o].height;
+                                var s = a.clientHeight - l - c;
+                var p = n.panelPositions[o].height;
                 var d = ((r = n.panelPositions[o].offsetTop) !== null && r !== void 0 ? r : 0) - l;
-                var b = d - (u - f);
-                var h = u > f && (i === "bottom" || i === "inner");
+                var h = d - (s - p);
+                var b = s > p && (i === "bottom" || i === "inner");
                 // if the entire panel is in view, do nothing
-                                if (h && b < a.scrollTop) {
+                                if (b && h < a.scrollTop) {
                     return;
                 }
-                var y = h ? b : d;
+                var y = b ? h : d;
                 // handleRest will shift focus;
                                 if (i !== "inner") {
                     e.currentTarget.blur();
@@ -844,7 +969,7 @@
                     targetTop: y
                 });
             }));
-            Ve($e(n), "updateHeadingsImpl", (function() {
+            Ze(Qe(n), "updateHeadingsImpl", (function() {
                 var e = n.state.scrollEl;
                 if (!e) {
                     return;
@@ -870,7 +995,7 @@
                     panelsBottomCount: n.panelPositions.reduceRight(i, 0)
                 });
             }));
-            Ve($e(n), "updateHeadings", l()(n.updateHeadingsImpl, 0));
+            Ze(Qe(n), "updateHeadings", l()(n.updateHeadingsImpl, 0));
             n.state = {
                 innerWidth: "100%",
                 panelsBottomCount: 0,
@@ -880,7 +1005,7 @@
             n.panelPositions = [];
             return n;
         }
-        Me(o, [ {
+        Ve(o, [ {
             key: "componentWillUnmount",
             value: function e() {
                 this.updateHeadings.cancel();
@@ -892,7 +1017,7 @@
                 var i = t.map((function(e) {
                     var t;
                     
-                    return r().createElement(L, {
+                    return r().createElement(U, {
                         onClick: o.handleClick,
                         description: e.props.description,
                         panelId: e.props.panelId,
@@ -909,20 +1034,20 @@
             key: "render",
             value: function e() {
                 if (false) {}
-                var t = this.props, o = t.children, i = Re(t, [ "children" ]);
+                var t = this.props, o = t.children, i = De(t, [ "children" ]);
                 var a = n.Children.toArray(o).filter(n.isValidElement).map((function(e, t) {
                     
                     return (0, n.cloneElement)(e, {
                         index: t
                     });
                 }));
-                var l = s()(a, this.state.panelsTopCount);
-                var c = p()(a, this.state.panelsBottomCount);
+                var l = u()(a, this.state.panelsTopCount);
+                var c = f()(a, this.state.panelsBottomCount);
                 
-                return r().createElement(Z, Ie({
+                return r().createElement(Z, We({
                     "data-test": "concertina"
                 }, i),  r().createElement(d(), {
-                    target: window,
+                    target: se,
                     eventType: "resize",
                     listener: this.handleResize
                 }), this.state.panelsTopCount > 0 &&  r().createElement(ee, {
@@ -938,7 +1063,7 @@
                     "data-test": "scroll",
                     top: this.state.targetTop,
                     onScrollComplete: this.handleScrollComplete
-                },  r().createElement(ie.Provider, {
+                },  r().createElement(de.Provider, {
                     // eslint-disable-next-line react/jsx-no-constructed-context-values
                     value: {
                         onHeadingClick: this.handleClick,
@@ -954,10 +1079,10 @@
         } ]);
         return o;
     }(n.Component);
-    Ve(Qe, "propTypes", Je);
-    Ve(Qe, "defaultProps", Ke);
-    Ve(Qe, "Panel", xe);
-    /* harmony default export */    const Xe = Qe;
+    Ze(ot, "propTypes", nt);
+    Ze(ot, "defaultProps", rt);
+    Ze(ot, "Panel", ze);
+    /* harmony default export */    const it = ot;
     // CONCATENATED MODULE: ./src/Concertina/index.ts
     module.exports = t;
     /******/})();