@splunk/react-ui 4.38.0 → 4.40.0

package/Paginator.js

@@ -8,10 +8,10 @@
     /******/ /* webpack/runtime/compat get default export */
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
-        /******/ e.n = t => {
-            /******/ var r = t && t.__esModule ? 
-            /******/ () => t["default"]
-            /******/ : () => t
+        /******/ e.n = n => {
+            /******/ var r = n && n.__esModule ? 
+            /******/ () => n["default"]
+            /******/ : () => n
             /******/;
             e.d(r, {
                 a: r
@@ -23,12 +23,12 @@
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ e.d = (t, r) => {
-            /******/ for (var n in r) {
-                /******/ if (e.o(r, n) && !e.o(t, n)) {
-                    /******/ Object.defineProperty(t, n, {
+        /******/ e.d = (n, r) => {
+            /******/ for (var t in r) {
+                /******/ if (e.o(r, t) && !e.o(n, t)) {
+                    /******/ Object.defineProperty(n, t, {
                         enumerable: true,
-                        get: r[n]
+                        get: r[t]
                     });
                     /******/                }
                 /******/            }
@@ -37,7 +37,7 @@
     /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
-        /******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
+        /******/ e.o = (e, n) => Object.prototype.hasOwnProperty.call(e, n)
         /******/;
     })();
     /******/
@@ -56,18 +56,18 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var t = {};
+    /************************************************************************/    var n = {};
     // ESM COMPAT FLAG
-        e.r(t);
+        e.r(n);
     // EXPORTS
-        e.d(t, {
+        e.d(n, {
         Compact: () => /* reexport */ W,
         PageControl: () => /* reexport */ oe,
-        default: () => /* reexport */ Ce
+        default: () => /* reexport */ ke
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
-    var n =  e.n(r);
+    var t =  e.n(r);
     // CONCATENATED MODULE: external "prop-types"
     const a = require("prop-types");
     var l =  e.n(a);
@@ -75,133 +75,125 @@
     const i = require("@splunk/react-ui/Box");
     var o =  e.n(i);
     // CONCATENATED MODULE: external "@splunk/ui-utils/format"
-    const c = require("@splunk/ui-utils/format");
+    const s = require("@splunk/ui-utils/format");
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const s = require("@splunk/ui-utils/i18n");
+    const c = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/ChevronLeft"
     const u = require("@splunk/react-icons/enterprise/ChevronLeft");
     var p =  e.n(u);
     // CONCATENATED MODULE: external "@splunk/react-icons/ChevronLeft"
-    const f = require("@splunk/react-icons/ChevronLeft");
-    var d =  e.n(f);
+    const d = require("@splunk/react-icons/ChevronLeft");
+    var f =  e.n(d);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const v = require("@splunk/themes");
+    const g = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Paginator/icons/ChevronLeft.tsx
-    function g(e) {
-        var t = e.className;
-        var r = (0, v.useSplunkTheme)(), a = r.isCompact, l = r.isEnterprise;
+    function v(e) {
+        var n = e.className;
+        var r = (0, g.useSplunkTheme)(), a = r.isCompact, l = r.isEnterprise;
         var i = a ? "20px" : "24px";
-        return l ?  n().createElement(p(), {
-            className: t,
+        return l ?  t().createElement(p(), {
+            className: n,
             hideDefaultTooltip: true,
             screenReaderText: null
-        }) :  n().createElement(d(), {
-            className: t,
+        }) :  t().createElement(f(), {
+            className: n,
             height: i,
             width: i
         });
     }
-    /* harmony default export */    const m = g;
+    /* harmony default export */    const m = v;
     // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/ChevronRight"
     const b = require("@splunk/react-icons/enterprise/ChevronRight");
     var y =  e.n(b);
     // CONCATENATED MODULE: external "@splunk/react-icons/ChevronRight"
     const h = require("@splunk/react-icons/ChevronRight");
-    var O =  e.n(h);
+    var C =  e.n(h);
     // CONCATENATED MODULE: ./src/Paginator/icons/ChevronRight.tsx
-    function k(e) {
-        var t = e.className;
-        var r = (0, v.useSplunkTheme)(), a = r.isCompact, l = r.isEnterprise;
+    function P(e) {
+        var n = e.className;
+        var r = (0, g.useSplunkTheme)(), a = r.isCompact, l = r.isEnterprise;
         var i = a ? "20px" : "24px";
-        return l ?  n().createElement(y(), {
-            className: t,
+        return l ?  t().createElement(y(), {
+            className: n,
             hideDefaultTooltip: true,
             screenReaderText: null
-        }) :  n().createElement(O(), {
-            className: t,
+        }) :  t().createElement(C(), {
+            className: n,
             height: i,
             width: i
         });
     }
-    /* harmony default export */    const C = k;
+    /* harmony default export */    const k = P;
     // CONCATENATED MODULE: external "styled-components"
-    const x = require("styled-components");
-    var P =  e.n(x);
+    const S = require("styled-components");
+    var O =  e.n(S);
     // CONCATENATED MODULE: external "@splunk/react-ui/ButtonSimple"
-    const S = require("@splunk/react-ui/ButtonSimple");
-    var w =  e.n(S);
+    const w = require("@splunk/react-ui/ButtonSimple");
+    var x =  e.n(w);
     // CONCATENATED MODULE: ./src/Paginator/ButtonStyles.ts
-    var E = P()(w()).withConfig({
+    var E = O()(x()).withConfig({
         displayName: "ButtonStyles__StyledButtonSimple",
         componentId: "sc-1neztq7-0"
-    })([ "flex-shrink:0;font-weight:", ";min-width:", ";min-height:", ";text-align:center;&:not([disabled],[aria-disabled='true']){", ";", ";}", "" ], v.variables.fontWeightNormal, v.variables.inputHeight, v.variables.inputHeight, (0, 
-    v.pick)({
+    })([ "flex-shrink:0;font-weight:", ";min-width:", ";min-height:", ";text-align:center;&:not([disabled],[aria-disabled='true']){", ";", ";}", "" ], g.variables.fontWeightNormal, g.variables.inputHeight, g.variables.inputHeight, (0, 
+    g.pick)({
         enterprise: {
             // TODO: we can remove this pick once SUI-6160 fixes contentColorDefault in Enterprise
             // we're intentionally only overriding dark here, because light has enough contrast as-is
             // and changing only dark lets us avoid making an unnecessary change to Enterprise light in SUI 4
-            dark: (0, x.css)([ "color:", ";" ], v.variables.textGray)
+            dark: (0, S.css)([ "color:", ";" ], g.variables.textGray)
         },
-        prisma: (0, x.css)([ "color:", ";" ], v.variables.contentColorDefault)
+        prisma: (0, S.css)([ "color:", ";" ], g.variables.contentColorDefault)
     }), (function(e) {
-        var t = e.$current;
-        return t && (0, x.css)([ "", ";", ";" ], v.mixins.typography({
+        var n = e.$current;
+        return n && (0, S.css)([ "", ";", ";" ], g.mixins.typography({
             color: "active",
             weight: "bold"
-        }), (0, v.pick)({
+        }), (0, g.pick)({
             // TODO: maintain this separation until SUI 5, where we unify on Prisma's approach
-            enterprise: (0, x.css)([ "border-color:", ";" ], v.variables.accentColor),
-            prisma: (0, x.css)([ "background-color:", ";" ], v.variables.interactiveColorOverlaySelected)
+            enterprise: (0, S.css)([ "border-color:", ";" ], g.variables.accentColor),
+            prisma: (0, S.css)([ "background-color:", ";" ], g.variables.interactiveColorOverlaySelected)
         }));
-    }), (0, v.pick)({
+    }), (0, g.pick)({
         enterprise: {
-            comfortable: (0, x.css)([ "padding:", ";" ], v.variables.spacingXSmall),
-            compact: (0, x.css)([ "padding:3px;" ])
+            comfortable: (0, S.css)([ "padding:", ";" ], g.variables.spacingXSmall),
+            compact: (0, S.css)([ "padding:3px;" ])
         },
-        prisma: (0, x.css)([ "padding:", ";& + &{margin-left:8px;}" ], (0, v.pick)({
+        prisma: (0, S.css)([ "padding:", ";& + &{margin-left:8px;}" ], (0, g.pick)({
             comfortable: "5px 8px",
             compact: "4px"
         }))
     }));
     // CONCATENATED MODULE: ./src/Paginator/Button.tsx
     function _() {
-        _ = Object.assign || function(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var r = arguments[t];
-                for (var n in r) {
-                    if (Object.prototype.hasOwnProperty.call(r, n)) {
-                        e[n] = r[n];
-                    }
+        return _ = Object.assign ? Object.assign.bind() : function(e) {
+            for (var n = 1; n < arguments.length; n++) {
+                var r = arguments[n];
+                for (var t in r) {
+                    ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
                 }
             }
             return e;
-        };
-        return _.apply(this, arguments);
+        }, _.apply(null, arguments);
     }
-    function j(e, t) {
-        if (e == null) return {};
-        var r = N(e, t);
-        var n, a;
+    function j(e, n) {
+        if (null == e) return {};
+        var r, t, a = N(e, n);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
-            for (a = 0; a < l.length; a++) {
-                n = l[a];
-                if (t.indexOf(n) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
-                r[n] = e[n];
+            for (t = 0; t < l.length; t++) {
+                r = l[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
             }
         }
-        return r;
+        return a;
     }
-    function N(e, t) {
-        if (e == null) return {};
+    function N(e, n) {
+        if (null == e) return {};
         var r = {};
-        var n = Object.keys(e);
-        var a, l;
-        for (l = 0; l < n.length; l++) {
-            a = n[l];
-            if (t.indexOf(a) >= 0) continue;
-            r[a] = e[a];
+        for (var t in e) {
+            if ({}.hasOwnProperty.call(e, t)) {
+                if (n.includes(t)) continue;
+                r[t] = e[t];
+            }
         }
         return r;
     }
@@ -214,8 +206,8 @@
         selected: l().bool
     };
     function T(e) {
-        var t = e.children, a = e.disabled, l = e.onClick, i = e.page, o = e.selected, c = j(e, [ "children", "disabled", "onClick", "page", "selected" ]);
-        var s = (0, r.useCallback)((function(e) {
+        var n = e.children, a = e.disabled, l = e.onClick, i = e.page, o = e.selected, s = j(e, [ "children", "disabled", "onClick", "page", "selected" ]);
+        var c = (0, r.useCallback)((function(e) {
             if (i != null) {
                 l === null || l === void 0 ? void 0 : l(e, {
                     page: i
@@ -225,69 +217,62 @@
             }
         }), [ l, i ]);
         
-        return n().createElement(E, _({
+        return t().createElement(E, _({
             $current: o || false,
             "data-test": "page",
             "data-test-page": i,
             appearance: "subtle",
             disabled: a,
             inline: false,
-            onClick: s
-        }, c), t);
+            onClick: c
+        }, s), n);
     }
     T.propTypes = I;
     /* harmony default export */    const q = T;
     // CONCATENATED MODULE: ./src/Paginator/CompactStyles.ts
-    var L = P()(o()).withConfig({
+    var L = O()(o()).withConfig({
         displayName: "CompactStyles__StyledBox",
         componentId: "dwgzkj-0"
     })([ "flex:0 1 auto;flex-wrap:nowrap;margin-left:auto;" ]);
-    var M = P().span.withConfig({
+    var M = O().span.withConfig({
         displayName: "CompactStyles__StyledLabel",
         componentId: "dwgzkj-1"
-    })([ "align-items:center;display:flex;flex-wrap:wrap;margin-right:", ";" ], v.variables.spacingSmall);
+    })([ "align-items:center;display:flex;flex-wrap:wrap;margin-right:", ";" ], g.variables.spacingSmall);
     // CONCATENATED MODULE: ./src/Paginator/Compact.tsx
     function R() {
-        R = Object.assign || function(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var r = arguments[t];
-                for (var n in r) {
-                    if (Object.prototype.hasOwnProperty.call(r, n)) {
-                        e[n] = r[n];
-                    }
+        return R = Object.assign ? Object.assign.bind() : function(e) {
+            for (var n = 1; n < arguments.length; n++) {
+                var r = arguments[n];
+                for (var t in r) {
+                    ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
                 }
             }
             return e;
-        };
-        return R.apply(this, arguments);
+        }, R.apply(null, arguments);
     }
-    function D(e, t) {
-        if (e == null) return {};
-        var r = z(e, t);
-        var n, a;
+    function D(e, n) {
+        if (null == e) return {};
+        var r, t, a = z(e, n);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
-            for (a = 0; a < l.length; a++) {
-                n = l[a];
-                if (t.indexOf(n) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
-                r[n] = e[n];
+            for (t = 0; t < l.length; t++) {
+                r = l[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
             }
         }
-        return r;
+        return a;
     }
-    function z(e, t) {
-        if (e == null) return {};
+    function z(e, n) {
+        if (null == e) return {};
         var r = {};
-        var n = Object.keys(e);
-        var a, l;
-        for (l = 0; l < n.length; l++) {
-            a = n[l];
-            if (t.indexOf(a) >= 0) continue;
-            r[a] = e[a];
+        for (var t in e) {
+            if ({}.hasOwnProperty.call(e, t)) {
+                if (n.includes(t)) continue;
+                r[t] = e[t];
+            }
         }
         return r;
     }
+    /** @public */
     /** @public */    var G = {
         current: l().number,
         elementRef: l().oneOfType([ l().func, l().object ]),
@@ -295,64 +280,64 @@
         renderLabel: l().oneOfType([ l().bool, l().func ]),
         totalPages: l().number
     };
-    var B = function e(t) {
-        var r = t.current, n = t.totalPages;
+    var B = function e(n) {
+        var r = n.current, t = n.totalPages;
         var a = null;
-        if (r != null && n != null) {
-            a = (0, c.sprintf)((0, s._)("%d of %d pages"), r, n);
+        if (r != null && t != null) {
+            a = (0, s.sprintf)((0, c._)("%d of %d pages"), r, t);
         } else if (r != null) {
-            a = (0, c.sprintf)((0, s._)("Page %d"), r);
+            a = (0, s.sprintf)((0, c._)("Page %d"), r);
         }
         return a;
     };
     function H(e) {
-        var t = e.onChange, a = e.current, l = e.renderLabel, i = e.totalPages, o = D(e, [ "onChange", "current", "renderLabel", "totalPages" ]);
+        var n = e.onChange, a = e.current, l = e.renderLabel, i = e.totalPages, o = D(e, [ "onChange", "current", "renderLabel", "totalPages" ]);
         // @docs-props-type PaginatorCompactPropsBase
-                var c = (0, r.useCallback)((function(e, r) {
-            var n = r.page;
-            t === null || t === void 0 ? void 0 : t(e, {
+                var s = (0, r.useCallback)((function(e, r) {
+            var t = r.page;
+            n === null || n === void 0 ? void 0 : n(e, {
                 direction: "prev",
-                page: n
+                page: t
             });
-        }), [ t ]);
+        }), [ n ]);
         var u = (0, r.useCallback)((function(e, r) {
-            var n = r.page;
-            t === null || t === void 0 ? void 0 : t(e, {
+            var t = r.page;
+            n === null || n === void 0 ? void 0 : n(e, {
                 direction: "next",
-                page: n
+                page: t
             });
-        }), [ t ]);
+        }), [ n ]);
         var p = null;
         if (l) {
-            var f = typeof l === "function" ? l : B;
-            p = f({
+            var d = typeof l === "function" ? l : B;
+            p = d({
                 current: a,
                 totalPages: i
             });
         }
         
-        return n().createElement(L, R({
-            "aria-label": (0, s._)("Pagination"),
+        return t().createElement(L, R({
+            "aria-label": (0, c._)("Pagination"),
             "data-test": "paginator",
             "data-test-current": a,
             flex: true,
             inline: true,
             tag: "nav"
-        }, o), p &&  n().createElement(M, {
+        }, o), p &&  t().createElement(M, {
             "data-test": "label"
-        }, p),  n().createElement(q, {
-            "aria-label": (0, s._)("Go to previous page"),
+        }, p),  t().createElement(q, {
+            "aria-label": (0, c._)("Go to previous page"),
             "data-test": "prev",
             disabled: a != null && a <= 1 ? "dimmed" : false,
-            onClick: c,
+            onClick: s,
             page: a != null ? a - 1 : undefined
-        },  n().createElement(m, null)),  n().createElement(q, {
-            "aria-label": (0, s._)("Go to next page"),
+        },  t().createElement(m, null)),  t().createElement(q, {
+            "aria-label": (0, c._)("Go to next page"),
             "data-test": "next",
             disabled: a != null && i != null && a >= i ? "dimmed" : false,
             onClick: u,
             page: a != null ? a + 1 : undefined
-        },  n().createElement(C, null)));
+        },  t().createElement(k, null)));
     }
     H.propTypes = G;
     /* harmony default export */    const W = H;
@@ -365,43 +350,38 @@
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
     const F = require("@splunk/ui-utils/id");
     // CONCATENATED MODULE: ./src/Paginator/PageSelectStyles.ts
-    var J = P().span.withConfig({
+    var J = O().span.withConfig({
         displayName: "PageSelectStyles__StyledWrapper",
         componentId: "haycz4-0"
     })([ "display:flex;" ]);
-    var K = P().span.withConfig({
+    var K = O().span.withConfig({
         displayName: "PageSelectStyles__StyledCount",
         componentId: "haycz4-1"
-    })([ "align-items:center;display:flex;flex-wrap:wrap;margin:0 ", ";" ], v.variables.spacingSmall);
-    var Q = P()(A()).withConfig({
+    })([ "align-items:center;display:flex;flex-wrap:wrap;margin:0 ", ";" ], g.variables.spacingSmall);
+    var Q = O()(A()).withConfig({
         displayName: "PageSelectStyles__StyledSelect",
         componentId: "haycz4-2"
     })([ "flex:0 0 auto;" ]);
     // CONCATENATED MODULE: ./src/Paginator/PageSelect.tsx
-    function U(e, t) {
-        if (e == null) return {};
-        var r = Y(e, t);
-        var n, a;
+    function U(e, n) {
+        if (null == e) return {};
+        var r, t, a = Y(e, n);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
-            for (a = 0; a < l.length; a++) {
-                n = l[a];
-                if (t.indexOf(n) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
-                r[n] = e[n];
+            for (t = 0; t < l.length; t++) {
+                r = l[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
             }
         }
-        return r;
+        return a;
     }
-    function Y(e, t) {
-        if (e == null) return {};
+    function Y(e, n) {
+        if (null == e) return {};
         var r = {};
-        var n = Object.keys(e);
-        var a, l;
-        for (l = 0; l < n.length; l++) {
-            a = n[l];
-            if (t.indexOf(a) >= 0) continue;
-            r[a] = e[a];
+        for (var t in e) {
+            if ({}.hasOwnProperty.call(e, t)) {
+                if (n.includes(t)) continue;
+                r[t] = e[t];
+            }
         }
         return r;
     }
@@ -411,79 +391,71 @@
         totalPages: l().number
     };
     function ee(e) {
-        var t = e.onChange, a = e.current, l = a === void 0 ? 1 : a, i = e.totalPages, o = U(e, [ "onChange", "current", "totalPages" ]);
+        var n = e.onChange, a = e.current, l = a === void 0 ? 1 : a, i = e.totalPages, o = U(e, [ "onChange", "current", "totalPages" ]);
         // @docs-props-type PaginatorPageSelectPropsBase
                 var u = (0, r.useRef)((0, F.createDOMID)("pages"));
         var p = (0, r.useRef)((0, F.createDOMID)("totalPages"));
-        var f = function e(r, n) {
-            var a = n.value;
-            t === null || t === void 0 ? void 0 : t(r, {
+        var d = function e(r, t) {
+            var a = t.value;
+            n === null || n === void 0 ? void 0 : n(r, {
                 page: a
             });
         };
-        var d = [];
-        for (var v = 1; v <= i; v += 1) {
-            d.push( n().createElement(A().Option, {
-                label: "".concat(v),
-                key: "".concat(v),
-                value: v
+        var f = [];
+        for (var g = 1; g <= i; g += 1) {
+            f.push( t().createElement(A().Option, {
+                label: "".concat(g),
+                key: "".concat(g),
+                value: g
             }));
         }
-        var g = (0, c.sprintf)((0, s._)("of %d pages"), i);
+        var v = (0, s.sprintf)((0, c._)("of %d pages"), i);
         
-        return n().createElement(J, o,  n().createElement(Q, {
+        return t().createElement(J, o,  t().createElement(Q, {
             value: l,
-            onChange: f,
+            onChange: d,
             "aria-labelledby": "".concat(u.current, " ").concat(p.current)
-        }, d),  n().createElement(X(), {
+        }, f),  t().createElement(X(), {
             id: u.current,
             "aria-hidden": true
-        }, l),  n().createElement(K, {
+        }, l),  t().createElement(K, {
             id: p.current,
             "aria-hidden": true
-        }, " ", g));
+        }, " ", v));
     }
     ee.propTypes = Z;
-    /* harmony default export */    const te = ee;
+    /* harmony default export */    const ne = ee;
     // CONCATENATED MODULE: ./src/Paginator/PageControl.tsx
     function re() {
-        re = Object.assign || function(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var r = arguments[t];
-                for (var n in r) {
-                    if (Object.prototype.hasOwnProperty.call(r, n)) {
-                        e[n] = r[n];
-                    }
+        return re = Object.assign ? Object.assign.bind() : function(e) {
+            for (var n = 1; n < arguments.length; n++) {
+                var r = arguments[n];
+                for (var t in r) {
+                    ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
                 }
             }
             return e;
-        };
-        return re.apply(this, arguments);
+        }, re.apply(null, arguments);
     }
-    function ne(e, t) {
-        if (e == null) return {};
-        var r = ae(e, t);
-        var n, a;
+    function te(e, n) {
+        if (null == e) return {};
+        var r, t, a = ae(e, n);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
-            for (a = 0; a < l.length; a++) {
-                n = l[a];
-                if (t.indexOf(n) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
-                r[n] = e[n];
+            for (t = 0; t < l.length; t++) {
+                r = l[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
             }
         }
-        return r;
+        return a;
     }
-    function ae(e, t) {
-        if (e == null) return {};
+    function ae(e, n) {
+        if (null == e) return {};
         var r = {};
-        var n = Object.keys(e);
-        var a, l;
-        for (l = 0; l < n.length; l++) {
-            a = n[l];
-            if (t.indexOf(a) >= 0) continue;
-            r[a] = e[a];
+        for (var t in e) {
+            if ({}.hasOwnProperty.call(e, t)) {
+                if (n.includes(t)) continue;
+                r[t] = e[t];
+            }
         }
         return r;
     }
@@ -494,137 +466,126 @@
         totalPages: l().number
     };
     function ie(e) {
-        var t = e.onChange, a = e.current, l = a === void 0 ? 1 : a, i = e.totalPages, o = ne(e, [ "onChange", "current", "totalPages" ]);
+        var n = e.onChange, a = e.current, l = a === void 0 ? 1 : a, i = e.totalPages, o = te(e, [ "onChange", "current", "totalPages" ]);
         // @docs-props-type PaginatorPageControlPropsBase
-                var c = (0, r.useCallback)((function(e, r) {
-            var n = r.page;
+                var s = (0, r.useCallback)((function(e, r) {
+            var t = r.page;
             // page will always be defined because we're passing "current" to Compact
             // getting TypeScript to understand this seems more trouble than it's worth
             // so we'll validate this behavior through tests
-                        t === null || t === void 0 ? void 0 : t(e, {
-                page: n
+                        n === null || n === void 0 ? void 0 : n(e, {
+                page: t
             });
-        }), [ t ]);
-        var s = (0, r.useCallback)((function(e) {
+        }), [ n ]);
+        var c = (0, r.useCallback)((function(e) {
             var r = e.current, a = e.totalPages;
             if (r != null && a != null) {
                 
-                return n().createElement(te, {
+                return t().createElement(ne, {
                     current: r,
-                    onChange: t,
+                    onChange: n,
                     totalPages: a
                 });
             }
             return null;
-        }), [ t ]);
+        }), [ n ]);
         
-        return n().createElement(W, re({
+        return t().createElement(W, re({
             current: l,
-            renderLabel: s,
-            onChange: c,
+            renderLabel: c,
+            onChange: s,
             totalPages: i
         }, o));
     }
     ie.propTypes = le;
     /* harmony default export */    const oe = ie;
     // CONCATENATED MODULE: external "@splunk/react-icons/DotsThreeHorizontal"
-    const ce = require("@splunk/react-icons/DotsThreeHorizontal");
-    var se =  e.n(ce);
+    const se = require("@splunk/react-icons/DotsThreeHorizontal");
+    var ce =  e.n(se);
     // CONCATENATED MODULE: ./src/Paginator/PageSeparatorStyles.ts
-    var ue = P().span.withConfig({
+    var ue = O().span.withConfig({
         displayName: "PageSeparatorStyles__StyledEllipsisWrapper",
         componentId: "j50fqf-0"
-    })([ "display:flex;align-items:center;margin:", ";color:", ";" ], (0, v.pick)({
+    })([ "display:flex;align-items:center;margin:", ";color:", ";" ], (0, g.pick)({
         enterprise: "0px 11px",
         prisma: "0px 20px"
-    }), v.variables.contentColorActive);
+    }), g.variables.contentColorActive);
     // CONCATENATED MODULE: ./src/Paginator/PageSeparator.tsx
     function pe() {
-        var e = (0, v.useSplunkTheme)(), t = e.family;
-        var r = t === "enterprise" ?  n().createElement("span", {
+        var e = (0, g.useSplunkTheme)(), n = e.family;
+        var r = n === "enterprise" ?  t().createElement("span", {
             role: "separator"
-        }, "…") :  n().createElement(se(), null);
+        }, "…") :  t().createElement(ce(), null);
         
-        return n().createElement(ue, {
+        return t().createElement(ue, {
             role: "separator"
         }, r);
     }
-    /* harmony default export */    const fe = pe;
+    /* harmony default export */    const de = pe;
     // CONCATENATED MODULE: ./src/Paginator/PaginatorStyles.ts
-    var de = P()(m).withConfig({
+    var fe = O()(m).withConfig({
         displayName: "PaginatorStyles__StyledChevronLeftIcon",
         componentId: "pmabsp-0"
-    })([ "margin:", ";" ], (0, v.pick)({
+    })([ "margin:", ";" ], (0, g.pick)({
         enterprise: "-1px 3px 0 0",
         prisma: "-2px 6px 0 0"
     }));
-    var ve = P()(C).withConfig({
+    var ge = O()(k).withConfig({
         displayName: "PaginatorStyles__StyledChevronRightIcon",
         componentId: "pmabsp-1"
-    })([ "margin:", ";" ], (0, v.pick)({
+    })([ "margin:", ";" ], (0, g.pick)({
         enterprise: "-1px 0 0 3px",
         prisma: "-2px 0 0 6px"
     }));
-    var ge = P().div.withConfig({
+    var ve = O().div.withConfig({
         displayName: "PaginatorStyles__StyledPrevNext",
         componentId: "pmabsp-2"
-    })([ "padding:", ";white-space:nowrap;" ], (0, v.pick)({
+    })([ "padding:", ";white-space:nowrap;" ], (0, g.pick)({
         enterprise: "0 3px",
         prisma: "0 8px"
     }));
-    var me = P()(q).withConfig({
+    var me = O()(q).withConfig({
         displayName: "PaginatorStyles__StyledPaginatorButton",
         componentId: "pmabsp-3"
-    })([ "&:not([disabled]){", ",", "{", "}}" ], 
-    /* sc-sel */
-    de, 
-    /* sc-sel */
-    ve, (0, v.pick)({
-        prisma: (0, x.css)([ "color:", ";" ], v.variables.contentColorMuted)
+    })([ "&:not([disabled]){", ",", "{", "}}" ], /* sc-sel */ fe, /* sc-sel */ ge, (0, 
+    g.pick)({
+        prisma: (0, S.css)([ "color:", ";" ], g.variables.contentColorMuted)
     }));
     // CONCATENATED MODULE: ./src/Paginator/Paginator.tsx
     function be() {
-        be = Object.assign || function(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var r = arguments[t];
-                for (var n in r) {
-                    if (Object.prototype.hasOwnProperty.call(r, n)) {
-                        e[n] = r[n];
-                    }
+        return be = Object.assign ? Object.assign.bind() : function(e) {
+            for (var n = 1; n < arguments.length; n++) {
+                var r = arguments[n];
+                for (var t in r) {
+                    ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
                 }
             }
             return e;
-        };
-        return be.apply(this, arguments);
+        }, be.apply(null, arguments);
     }
-    function ye(e, t) {
-        if (e == null) return {};
-        var r = he(e, t);
-        var n, a;
+    function ye(e, n) {
+        if (null == e) return {};
+        var r, t, a = he(e, n);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
-            for (a = 0; a < l.length; a++) {
-                n = l[a];
-                if (t.indexOf(n) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
-                r[n] = e[n];
+            for (t = 0; t < l.length; t++) {
+                r = l[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
             }
         }
-        return r;
+        return a;
     }
-    function he(e, t) {
-        if (e == null) return {};
+    function he(e, n) {
+        if (null == e) return {};
         var r = {};
-        var n = Object.keys(e);
-        var a, l;
-        for (l = 0; l < n.length; l++) {
-            a = n[l];
-            if (t.indexOf(a) >= 0) continue;
-            r[a] = e[a];
+        for (var t in e) {
+            if ({}.hasOwnProperty.call(e, t)) {
+                if (n.includes(t)) continue;
+                r[t] = e[t];
+            }
         }
         return r;
     }
-    var Oe = {
+    /** @public */    var Ce = {
         alwaysShowLastPageLink: l().bool,
         current: l().number,
         elementRef: l().oneOfType([ l().func, l().object ]),
@@ -632,113 +593,113 @@
         onChange: l().func,
         totalPages: l().number
     };
-    function ke(e) {
-        var t = e.onChange, a = e.current, l = a === void 0 ? 1 : a, i = e.alwaysShowLastPageLink, u = i === void 0 ? false : i, p = e.numPageLinks, f = p === void 0 ? 5 : p, d = e.totalPages, v = ye(e, [ "onChange", "current", "alwaysShowLastPageLink", "numPageLinks", "totalPages" ]);
+    function Pe(e) {
+        var n = e.onChange, a = e.current, l = a === void 0 ? 1 : a, i = e.alwaysShowLastPageLink, u = i === void 0 ? false : i, p = e.numPageLinks, d = p === void 0 ? 5 : p, f = e.totalPages, g = ye(e, [ "onChange", "current", "alwaysShowLastPageLink", "numPageLinks", "totalPages" ]);
         // @docs-props-type PaginatorPropsBase
-                var g = (0, r.useCallback)((function(e, r) {
-            var n = r.page;
+                var v = (0, r.useCallback)((function(e, r) {
+            var t = r.page;
             // page will always be defined because we're passing "page" to PaginatorButton
             // getting TypeScript to understand this seems more trouble than it's worth
             // so we'll validate this behavior through tests
-                        t === null || t === void 0 ? void 0 : t(e, {
-                page: n
+                        n === null || n === void 0 ? void 0 : n(e, {
+                page: t
             });
-        }), [ t ]);
- // Can't show more links than total number of pages.
-                var m = Math.min(f, d);
+        }), [ n ]);
+        // Can't show more links than total number of pages.
+                var m = Math.min(d, f);
         var b = Math.ceil(m / 2);
-        var y = Math.ceil(d - m / 2);
+        var y = Math.ceil(f - m / 2);
         var h = [];
-        if (d <= 1) {
+        if (f <= 1) {
             return null;
         }
-        if ((l > d || l < 1) && process.env.NODE_ENV !== "production") {}
-        var O;
-        var k;
+        if ((l > f || l < 1) && process.env.NODE_ENV !== "production") {}
+        var C;
+        var P;
         if (l <= b + 1) {
             // + 1 to avoid ellipsis between 1 and 2
-            O = 1;
-            k = O + Math.min(d, m) - 1;
+            C = 1;
+            P = C + Math.min(f, m) - 1;
         } else if (l > b && l < y) {
-            k = Math.ceil(l + (m - 2) / 2);
-            O = k - m + 2;
+            P = Math.ceil(l + (m - 2) / 2);
+            C = P - m + 2;
         } else {
             // include page #1 to avoid ellipsis between 1 and 2
-            O = d - m === 1 ? 1 : d - m + 1;
-            k = d;
+            C = f - m === 1 ? 1 : f - m + 1;
+            P = f;
         }
- // bump up the last page to avoid ellipsis
-                k = u && k + 1 === d ? d : k;
-        h.push( n().createElement(me, {
+        // bump up the last page to avoid ellipsis
+                P = u && P + 1 === f ? f : P;
+        h.push( t().createElement(me, {
             "data-test": "prev",
             disabled: l === 1,
-            onClick: g,
+            onClick: v,
             page: l - 1,
             key: "prev",
-            "aria-label": (0, s._)("Go to previous page")
-        },  n().createElement(ge, null,  n().createElement(de, null), (0, s._)("Prev"))));
-        if (l > b && d > m && O !== 1) {
-            h.push( n().createElement(me, {
+            "aria-label": (0, c._)("Go to previous page")
+        },  t().createElement(ve, null,  t().createElement(fe, null), (0, c._)("Prev"))));
+        if (l > b && f > m && C !== 1) {
+            h.push( t().createElement(me, {
                 key: "first",
-                onClick: g,
+                onClick: v,
                 page: 1,
-                "aria-label": (0, s._)("Go to first page")
+                "aria-label": (0, c._)("Go to first page")
             }, "1"));
-            h.push( n().createElement(fe, {
+            h.push( t().createElement(de, {
                 "data-test": "page",
                 key: "prevEllipsis"
             }));
         }
-        for (var C = O; C <= k; C += 1) {
-            var x = C === l;
-            h.push( n().createElement(me, {
-                selected: x,
-                onClick: g,
-                page: C,
-                key: C,
-                "aria-current": x ? "page" : false,
-                "aria-label": (0, c.sprintf)((0, s._)("Page %(pageNumber)d"), {
-                    pageNumber: C
+        for (var k = C; k <= P; k += 1) {
+            var S = k === l;
+            h.push( t().createElement(me, {
+                selected: S,
+                onClick: v,
+                page: k,
+                key: k,
+                "aria-current": S ? "page" : false,
+                "aria-label": (0, s.sprintf)((0, c._)("Page %(pageNumber)d"), {
+                    pageNumber: k
                 })
-            }, String(C)));
+            }, String(k)));
         }
-        if (l <= y && d > m && k !== d) {
-            h.push( n().createElement(fe, {
+        if (l <= y && f > m && P !== f) {
+            h.push( t().createElement(de, {
                 "data-test": "page",
                 key: "nextEllipsis"
             }));
             if (u) {
-                h.push( n().createElement(me, {
+                h.push( t().createElement(me, {
                     "data-test": "last",
                     key: "last",
-                    onClick: g,
-                    page: d,
-                    "aria-label": (0, s._)("Go to last page")
-                }, String(d)));
+                    onClick: v,
+                    page: f,
+                    "aria-label": (0, c._)("Go to last page")
+                }, String(f)));
             }
         }
-        h.push( n().createElement(me, {
+        h.push( t().createElement(me, {
             "data-test": "next",
-            disabled: l === d,
-            onClick: g,
+            disabled: l === f,
+            onClick: v,
             page: l + 1,
             key: "next",
-            "aria-label": (0, s._)("Go to next page")
-        },  n().createElement(ge, null, (0, s._)("Next"),  n().createElement(ve, null))));
+            "aria-label": (0, c._)("Go to next page")
+        },  t().createElement(ve, null, (0, c._)("Next"),  t().createElement(ge, null))));
         
-        return n().createElement(o(), be({
-            "aria-label": (0, s._)("Pagination"),
+        return t().createElement(o(), be({
+            "aria-label": (0, c._)("Pagination"),
             "data-test": "paginator",
             "data-test-current": l,
             flex: true,
             inline: true,
             tag: "nav"
-        }, v), h);
+        }, g), h);
     }
-    ke.Compact = W;
-    ke.PageControl = oe;
-    ke.propTypes = Oe;
-    /* harmony default export */    const Ce = ke;
+    Pe.Compact = W;
+    Pe.PageControl = oe;
+    Pe.propTypes = Ce;
+    /* harmony default export */    const ke = Pe;
     // CONCATENATED MODULE: ./src/Paginator/index.ts
-    module.exports = t;
+    module.exports = n;
     /******/})();