@splunk/react-ui 4.28.2 → 4.30.0

package/Paginator.js

@@ -9,26 +9,26 @@
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
         /******/ e.n = t => {
-            /******/ var n = t && t.__esModule ? 
+            /******/ var r = t && t.__esModule ? 
             /******/ () => t["default"]
             /******/ : () => t
             /******/;
-            e.d(n, {
-                a: n
+            e.d(r, {
+                a: r
             });
-            /******/            return n;
+            /******/            return r;
             /******/        };
         /******/    })();
     /******/
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ e.d = (t, n) => {
-            /******/ for (var r in n) {
-                /******/ if (e.o(n, r) && !e.o(t, r)) {
-                    /******/ Object.defineProperty(t, r, {
+        /******/ e.d = (t, r) => {
+            /******/ for (var n in r) {
+                /******/ if (e.o(r, n) && !e.o(t, n)) {
+                    /******/ Object.defineProperty(t, n, {
                         enumerable: true,
-                        get: n[r]
+                        get: r[n]
                     });
                     /******/                }
                 /******/            }
@@ -61,552 +61,456 @@
         e.r(t);
     // EXPORTS
         e.d(t, {
-        Compact: () => /* reexport */ re,
-        PageControl: () => /* reexport */ Ce,
-        default: () => /* reexport */ De
+        Compact: () => /* reexport */ W,
+        PageControl: () => /* reexport */ oe,
+        default: () => /* reexport */ Ce
     });
     // CONCATENATED MODULE: external "react"
-    const n = require("react");
-    var r =  e.n(n);
+    const r = require("react");
+    var n =  e.n(r);
     // CONCATENATED MODULE: external "prop-types"
     const a = require("prop-types");
-    var o =  e.n(a);
+    var l =  e.n(a);
     // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-    const l = require("@splunk/react-ui/Box");
-    var i =  e.n(l);
+    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");
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const u = require("@splunk/ui-utils/i18n");
+    const s = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/ChevronLeft"
-    const s = require("@splunk/react-icons/enterprise/ChevronLeft");
-    var p =  e.n(s);
+    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 v =  e.n(f);
+    var d =  e.n(f);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const d = require("@splunk/themes");
+    const v = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Paginator/icons/ChevronLeft.tsx
     function g(e) {
         var t = e.className;
-        var n = (0, d.useSplunkTheme)(), a = n.isCompact, o = n.isEnterprise;
-        var l = a ? "20px" : "24px";
-        return o ?  r().createElement(p(), {
+        var r = (0, v.useSplunkTheme)(), a = r.isCompact, l = r.isEnterprise;
+        var i = a ? "20px" : "24px";
+        return l ?  n().createElement(p(), {
             className: t,
             hideDefaultTooltip: true,
             screenReaderText: null
-        }) :  r().createElement(v(), {
+        }) :  n().createElement(d(), {
             className: t,
-            height: l,
-            width: l
+            height: i,
+            width: i
         });
     }
     /* harmony default export */    const m = g;
     // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/ChevronRight"
-    const y = require("@splunk/react-icons/enterprise/ChevronRight");
-    var b =  e.n(y);
+    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);
     // CONCATENATED MODULE: ./src/Paginator/icons/ChevronRight.tsx
     function k(e) {
         var t = e.className;
-        var n = (0, d.useSplunkTheme)(), a = n.isCompact, o = n.isEnterprise;
-        var l = a ? "20px" : "24px";
-        return o ?  r().createElement(b(), {
+        var r = (0, v.useSplunkTheme)(), a = r.isCompact, l = r.isEnterprise;
+        var i = a ? "20px" : "24px";
+        return l ?  n().createElement(y(), {
             className: t,
             hideDefaultTooltip: true,
             screenReaderText: null
-        }) :  r().createElement(O(), {
+        }) :  n().createElement(O(), {
             className: t,
-            height: l,
-            width: l
+            height: i,
+            width: i
         });
     }
     /* harmony default export */    const C = k;
-    // CONCATENATED MODULE: external "lodash/keys"
-    const P = require("lodash/keys");
-    var S =  e.n(P);
-    // CONCATENATED MODULE: external "lodash/omit"
-    const x = require("lodash/omit");
-    var w =  e.n(x);
     // CONCATENATED MODULE: external "styled-components"
-    const _ = require("styled-components");
-    var E =  e.n(_);
+    const x = require("styled-components");
+    var P =  e.n(x);
     // CONCATENATED MODULE: external "@splunk/react-ui/ButtonSimple"
-    const j = require("@splunk/react-ui/ButtonSimple");
-    var N =  e.n(j);
+    const S = require("@splunk/react-ui/ButtonSimple");
+    var w =  e.n(S);
     // CONCATENATED MODULE: ./src/Paginator/ButtonStyles.ts
-    var T = E()(N()).withConfig({
+    var E = P()(w()).withConfig({
         displayName: "ButtonStyles__StyledButtonSimple",
         componentId: "sc-1neztq7-0"
-    })([ "min-width:", ";min-height:", ";text-align:center;flex-shrink:0;", "" ], d.variables.inputHeight, d.variables.inputHeight, (0, 
-    d.pick)({
+    })([ "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)({
         enterprise: {
-            comfortable: (0, _.css)([ "padding:", ";" ], d.variables.spacingQuarter),
-            compact: (0, _.css)([ "padding:3px;" ])
+            // 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)
         },
-        prisma: (0, _.css)([ "padding:", ";", " & + &{margin-left:8px;}" ], (0, d.pick)({
+        prisma: (0, x.css)([ "color:", ";" ], v.variables.contentColorDefault)
+    }), (function(e) {
+        var t = e.$current;
+        return t && (0, x.css)([ "", ";", ";" ], v.mixins.typography({
+            color: "active",
+            weight: "bold"
+        }), (0, v.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)
+        }));
+    }), (0, v.pick)({
+        enterprise: {
+            comfortable: (0, x.css)([ "padding:", ";" ], v.variables.spacingQuarter),
+            compact: (0, x.css)([ "padding:3px;" ])
+        },
+        prisma: (0, x.css)([ "padding:", ";& + &{margin-left:8px;}" ], (0, v.pick)({
             comfortable: "5px 8px",
             compact: "4px"
-        }), (function(e) {
-            var t = e.selected;
-            return t && (0, _.css)([ "font-weight:", ";" ], d.variables.fontWeightBold);
         }))
     }));
     // CONCATENATED MODULE: ./src/Paginator/Button.tsx
-    function q(e) {
-        "@babel/helpers - typeof";
-        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            q = function e(t) {
-                return typeof t;
-            };
-        } else {
-            q = function e(t) {
-                return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-            };
-        }
-        return q(e);
-    }
-    function I() {
-        I = Object.assign || function(e) {
+    function _() {
+        _ = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
-                var n = arguments[t];
-                for (var r in n) {
-                    if (Object.prototype.hasOwnProperty.call(n, r)) {
-                        e[r] = n[r];
+                var r = arguments[t];
+                for (var n in r) {
+                    if (Object.prototype.hasOwnProperty.call(r, n)) {
+                        e[n] = r[n];
                     }
                 }
             }
             return e;
         };
-        return I.apply(this, arguments);
-    }
-    function L(e, t) {
-        if (!(e instanceof t)) {
-            throw new TypeError("Cannot call a class as a function");
-        }
-    }
-    function R(e, t) {
-        for (var n = 0; n < t.length; n++) {
-            var r = t[n];
-            r.enumerable = r.enumerable || false;
-            r.configurable = true;
-            if ("value" in r) r.writable = true;
-            Object.defineProperty(e, r.key, r);
-        }
-    }
-    function M(e, t, n) {
-        if (t) R(e.prototype, t);
-        if (n) R(e, n);
-        return e;
-    }
-    function D(e, t) {
-        if (typeof t !== "function" && t !== null) {
-            throw new TypeError("Super expression must either be null or a function");
-        }
-        e.prototype = Object.create(t && t.prototype, {
-            constructor: {
-                value: e,
-                writable: true,
-                configurable: true
-            }
-        });
-        if (t) z(e, t);
+        return _.apply(this, arguments);
     }
-    function z(e, t) {
-        z = Object.setPrototypeOf || function e(t, n) {
-            t.__proto__ = n;
-            return t;
-        };
-        return z(e, t);
-    }
-    function B(e) {
-        var t = W();
-        return function n() {
-            var r = A(e), a;
-            if (t) {
-                var o = A(this).constructor;
-                a = Reflect.construct(r, arguments, o);
-            } else {
-                a = r.apply(this, arguments);
+    function j(e, t) {
+        if (e == null) return {};
+        var r = N(e, t);
+        var n, a;
+        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];
             }
-            return G(this, a);
-        };
-    }
-    function G(e, t) {
-        if (t && (q(t) === "object" || typeof t === "function")) {
-            return t;
-        }
-        return H(e);
-    }
-    function H(e) {
-        if (e === void 0) {
-            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
-        return e;
+        return r;
     }
-    function W() {
-        if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-        if (Reflect.construct.sham) return false;
-        if (typeof Proxy === "function") return true;
-        try {
-            Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
-            return true;
-        } catch (e) {
-            return false;
-        }
-    }
-    function A(e) {
-        A = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
-            return t.__proto__ || Object.getPrototypeOf(t);
-        };
-        return A(e);
-    }
-    function Q(e, t, n) {
-        if (t in e) {
-            Object.defineProperty(e, t, {
-                value: n,
-                enumerable: true,
-                configurable: true,
-                writable: true
-            });
-        } else {
-            e[t] = n;
+    function N(e, t) {
+        if (e == null) 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];
         }
-        return e;
+        return r;
     }
-    var V = {
-        children: o().node,
-        disabled: o().oneOfType([ o().bool, o().oneOf([ "dimmed" ]) ]),
-        onClick: o().func,
-        page: o().number,
+    var I = {
+        children: l().node,
+        disabled: l().oneOfType([ l().bool, l().oneOf([ "dimmed" ]) ]),
+        onClick: l().func,
+        page: l().number,
         /** @private */
-        selected: o().bool
-    };
-    var F = {
-        selected: false
+        selected: l().bool
     };
-    var J =  function(e) {
-        D(n, e);
-        var t = B(n);
-        function n() {
-            var e;
-            L(this, n);
-            for (var r = arguments.length, a = new Array(r), o = 0; o < r; o++) {
-                a[o] = arguments[o];
-            }
-            e = t.call.apply(t, [ this ].concat(a));
-            Q(H(e), "handleClick", (function(t) {
-                // destructuring this.props would make TS unable to follow
-                // the discriminated union types for this.props.onClick
-                if (e.props.page != null) {
-                    var n, r;
-                    (n = (r = e.props).onClick) === null || n === void 0 ? void 0 : n.call(r, t, {
-                        page: e.props.page
-                    });
-                } else {
-                    var a, o;
-                    (a = (o = e.props).onClick) === null || a === void 0 ? void 0 : a.call(o, t, {});
-                }
-            }));
-            return e;
-        }
-        M(n, [ {
-            key: "render",
-            value: function e() {
-                var t = this.props, a = t.children, o = t.disabled, l = t.page, i = t.selected;
-                
-                return r().createElement(T, I({
-                    "data-test": "page",
-                    "data-test-page": l,
-                    appearance: "pill",
-                    disabled: o,
-                    inline: false,
-                    onClick: this.handleClick,
-                    selected: i
-                }, w()(this.props, S()(n.propTypes))), a);
+    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) {
+            if (i != null) {
+                l === null || l === void 0 ? void 0 : l(e, {
+                    page: i
+                });
+            } else {
+                l === null || l === void 0 ? void 0 : l(e, {});
             }
-        } ]);
-        return n;
-    }(n.Component);
-    Q(J, "propTypes", V);
-    Q(J, "defaultProps", F);
-    /* harmony default export */    const K = J;
+        }), [ l, i ]);
+        
+        return n().createElement(E, _({
+            $current: o || false,
+            "data-test": "page",
+            "data-test-page": i,
+            appearance: "pill",
+            disabled: a,
+            inline: false,
+            onClick: s
+        }, c), t);
+    }
+    T.propTypes = I;
+    /* harmony default export */    const q = T;
     // CONCATENATED MODULE: ./src/Paginator/CompactStyles.ts
-    var U = E()(i()).withConfig({
+    var L = P()(o()).withConfig({
         displayName: "CompactStyles__StyledBox",
         componentId: "dwgzkj-0"
     })([ "flex:0 1 auto;flex-wrap:nowrap;margin-left:auto;" ]);
-    var X = E().span.withConfig({
+    var M = P().span.withConfig({
         displayName: "CompactStyles__StyledLabel",
         componentId: "dwgzkj-1"
-    })([ "align-items:center;display:flex;flex-wrap:wrap;margin-right:", ";" ], d.variables.spacingSmall);
+    })([ "align-items:center;display:flex;flex-wrap:wrap;margin-right:", ";" ], v.variables.spacingSmall);
     // CONCATENATED MODULE: ./src/Paginator/Compact.tsx
-    function Y() {
-        Y = Object.assign || function(e) {
+    function R() {
+        R = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
-                var n = arguments[t];
-                for (var r in n) {
-                    if (Object.prototype.hasOwnProperty.call(n, r)) {
-                        e[r] = n[r];
+                var r = arguments[t];
+                for (var n in r) {
+                    if (Object.prototype.hasOwnProperty.call(r, n)) {
+                        e[n] = r[n];
                     }
                 }
             }
             return e;
         };
-        return Y.apply(this, arguments);
+        return R.apply(this, arguments);
     }
-    function Z(e, t) {
+    function D(e, t) {
         if (e == null) return {};
-        var n = $(e, t);
-        var r, a;
+        var r = z(e, t);
+        var n, a;
         if (Object.getOwnPropertySymbols) {
-            var o = Object.getOwnPropertySymbols(e);
-            for (a = 0; a < o.length; a++) {
-                r = o[a];
-                if (t.indexOf(r) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, r)) continue;
-                n[r] = e[r];
+            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];
             }
         }
-        return n;
+        return r;
     }
-    function $(e, t) {
+    function z(e, t) {
         if (e == null) return {};
-        var n = {};
-        var r = Object.keys(e);
-        var a, o;
-        for (o = 0; o < r.length; o++) {
-            a = r[o];
+        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;
-            n[a] = e[a];
+            r[a] = e[a];
         }
-        return n;
+        return r;
     }
-    /** @public */    var ee = {
-        current: o().number,
-        elementRef: o().oneOfType([ o().func, o().object ]),
-        onChange: o().func,
-        renderLabel: o().oneOfType([ o().bool, o().func ]),
-        totalPages: o().number
+    /** @public */    var G = {
+        current: l().number,
+        elementRef: l().oneOfType([ l().func, l().object ]),
+        onChange: l().func,
+        renderLabel: l().oneOfType([ l().bool, l().func ]),
+        totalPages: l().number
     };
-    var te = function e(t) {
-        var n = t.current, r = t.totalPages;
+    var B = function e(t) {
+        var r = t.current, n = t.totalPages;
         var a = null;
-        if (n != null && r != null) {
-            a = (0, c.sprintf)((0, u._)("%d of %d pages"), n, r);
-        } else if (n != null) {
-            a = (0, c.sprintf)((0, u._)("Page %d"), n);
+        if (r != null && n != null) {
+            a = (0, c.sprintf)((0, s._)("%d of %d pages"), r, n);
+        } else if (r != null) {
+            a = (0, c.sprintf)((0, s._)("Page %d"), r);
         }
         return a;
     };
-    function ne(e) {
-        var t = e.onChange, a = e.current, o = e.renderLabel, l = e.totalPages, i = Z(e, [ "onChange", "current", "renderLabel", "totalPages" ]);
+    function H(e) {
+        var t = 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, n.useCallback)((function(e, n) {
-            var r = n.page;
+                var c = (0, r.useCallback)((function(e, r) {
+            var n = r.page;
             t === null || t === void 0 ? void 0 : t(e, {
                 direction: "prev",
-                page: r
+                page: n
             });
         }), [ t ]);
-        var s = (0, n.useCallback)((function(e, n) {
-            var r = n.page;
+        var u = (0, r.useCallback)((function(e, r) {
+            var n = r.page;
             t === null || t === void 0 ? void 0 : t(e, {
                 direction: "next",
-                page: r
+                page: n
             });
         }), [ t ]);
         var p = null;
-        if (o) {
-            var f = typeof o === "function" ? o : te;
+        if (l) {
+            var f = typeof l === "function" ? l : B;
             p = f({
                 current: a,
-                totalPages: l
+                totalPages: i
             });
         }
         
-        return r().createElement(U, Y({
-            "aria-label": (0, u._)("Pagination"),
+        return n().createElement(L, R({
+            "aria-label": (0, s._)("Pagination"),
             "data-test": "paginator",
             "data-test-current": a,
             flex: true,
             inline: true,
             tag: "nav"
-        }, i), p &&  r().createElement(X, {
+        }, o), p &&  n().createElement(M, {
             "data-test": "label"
-        }, p),  r().createElement(K, {
-            "aria-label": (0, u._)("Go to previous page"),
+        }, p),  n().createElement(q, {
+            "aria-label": (0, s._)("Go to previous page"),
             "data-test": "prev",
             disabled: a != null && a <= 1 ? "dimmed" : false,
             onClick: c,
             page: a != null ? a - 1 : undefined
-        },  r().createElement(m, null)),  r().createElement(K, {
-            "aria-label": (0, u._)("Go to next page"),
+        },  n().createElement(m, null)),  n().createElement(q, {
+            "aria-label": (0, s._)("Go to next page"),
             "data-test": "next",
-            disabled: a != null && l != null && a >= l ? "dimmed" : false,
-            onClick: s,
+            disabled: a != null && i != null && a >= i ? "dimmed" : false,
+            onClick: u,
             page: a != null ? a + 1 : undefined
-        },  r().createElement(C, null)));
+        },  n().createElement(C, null)));
     }
-    ne.propTypes = ee;
-    /* harmony default export */    const re = ne;
+    H.propTypes = G;
+    /* harmony default export */    const W = H;
     // CONCATENATED MODULE: external "@splunk/react-ui/Select"
-    const ae = require("@splunk/react-ui/Select");
-    var oe =  e.n(ae);
+    const $ = require("@splunk/react-ui/Select");
+    var A =  e.n($);
     // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
-    const le = require("@splunk/react-ui/ScreenReaderContent");
-    var ie =  e.n(le);
+    const Q = require("@splunk/react-ui/ScreenReaderContent");
+    var V =  e.n(Q);
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-    const ce = require("@splunk/ui-utils/id");
+    const F = require("@splunk/ui-utils/id");
     // CONCATENATED MODULE: ./src/Paginator/PageSelectStyles.ts
-    var ue = E().span.withConfig({
+    var J = P().span.withConfig({
         displayName: "PageSelectStyles__StyledWrapper",
         componentId: "haycz4-0"
     })([ "display:flex;" ]);
-    var se = E().span.withConfig({
+    var K = P().span.withConfig({
         displayName: "PageSelectStyles__StyledCount",
         componentId: "haycz4-1"
-    })([ "align-items:center;display:flex;flex-wrap:wrap;margin:0 ", ";" ], d.variables.spacingSmall);
-    var pe = E()(oe()).withConfig({
+    })([ "align-items:center;display:flex;flex-wrap:wrap;margin:0 ", ";" ], v.variables.spacingSmall);
+    var U = P()(A()).withConfig({
         displayName: "PageSelectStyles__StyledSelect",
         componentId: "haycz4-2"
     })([ "flex:0 0 auto;" ]);
     // CONCATENATED MODULE: ./src/Paginator/PageSelect.tsx
-    function fe(e, t) {
+    function X(e, t) {
         if (e == null) return {};
-        var n = ve(e, t);
-        var r, a;
+        var r = Y(e, t);
+        var n, a;
         if (Object.getOwnPropertySymbols) {
-            var o = Object.getOwnPropertySymbols(e);
-            for (a = 0; a < o.length; a++) {
-                r = o[a];
-                if (t.indexOf(r) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, r)) continue;
-                n[r] = e[r];
+            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];
             }
         }
-        return n;
+        return r;
     }
-    function ve(e, t) {
+    function Y(e, t) {
         if (e == null) return {};
-        var n = {};
-        var r = Object.keys(e);
-        var a, o;
-        for (o = 0; o < r.length; o++) {
-            a = r[o];
+        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;
-            n[a] = e[a];
+            r[a] = e[a];
         }
-        return n;
+        return r;
     }
-    /** @public */    var de = {
-        onChange: o().func,
-        current: o().number,
-        totalPages: o().number
+    /** @public */    var Z = {
+        onChange: l().func,
+        current: l().number,
+        totalPages: l().number
     };
-    function ge(e) {
-        var t = e.onChange, a = e.current, o = a === void 0 ? 1 : a, l = e.totalPages, i = fe(e, [ "onChange", "current", "totalPages" ]);
+    function ee(e) {
+        var t = e.onChange, a = e.current, l = a === void 0 ? 1 : a, i = e.totalPages, o = X(e, [ "onChange", "current", "totalPages" ]);
         // @docs-props-type PaginatorPageSelectPropsBase
-                var s = (0, n.useRef)((0, ce.createDOMID)("pages"));
-        var p = (0, n.useRef)((0, ce.createDOMID)("totalPages"));
-        var f = function e(n, r) {
-            var a = r.value;
-            t === null || t === void 0 ? void 0 : t(n, {
+                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, {
                 page: a
             });
         };
-        var v = [];
-        for (var d = 1; d <= l; d += 1) {
-            v.push( r().createElement(oe().Option, {
-                label: "".concat(d),
-                key: "".concat(d),
-                value: d
+        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 g = (0, c.sprintf)((0, u._)("of %d pages"), l);
+        var g = (0, c.sprintf)((0, s._)("of %d pages"), i);
         
-        return r().createElement(ue, i,  r().createElement(pe, {
-            value: o,
+        return n().createElement(J, o,  n().createElement(U, {
+            value: l,
             onChange: f,
-            "aria-labelledby": "".concat(s.current, " ").concat(p.current)
-        }, v),  r().createElement(ie(), {
-            id: s.current,
+            "aria-labelledby": "".concat(u.current, " ").concat(p.current)
+        }, d),  n().createElement(V(), {
+            id: u.current,
             "aria-hidden": true
-        }, o),  r().createElement(se, {
+        }, l),  n().createElement(K, {
             id: p.current,
             "aria-hidden": true
         }, " ", g));
     }
-    ge.propTypes = de;
-    /* harmony default export */    const me = ge;
+    ee.propTypes = Z;
+    /* harmony default export */    const te = ee;
     // CONCATENATED MODULE: ./src/Paginator/PageControl.tsx
-    function ye() {
-        ye = Object.assign || function(e) {
+    function re() {
+        re = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
-                var n = arguments[t];
-                for (var r in n) {
-                    if (Object.prototype.hasOwnProperty.call(n, r)) {
-                        e[r] = n[r];
+                var r = arguments[t];
+                for (var n in r) {
+                    if (Object.prototype.hasOwnProperty.call(r, n)) {
+                        e[n] = r[n];
                     }
                 }
             }
             return e;
         };
-        return ye.apply(this, arguments);
+        return re.apply(this, arguments);
     }
-    function be(e, t) {
+    function ne(e, t) {
         if (e == null) return {};
-        var n = he(e, t);
-        var r, a;
+        var r = ae(e, t);
+        var n, a;
         if (Object.getOwnPropertySymbols) {
-            var o = Object.getOwnPropertySymbols(e);
-            for (a = 0; a < o.length; a++) {
-                r = o[a];
-                if (t.indexOf(r) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, r)) continue;
-                n[r] = e[r];
+            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];
             }
         }
-        return n;
+        return r;
     }
-    function he(e, t) {
+    function ae(e, t) {
         if (e == null) return {};
-        var n = {};
-        var r = Object.keys(e);
-        var a, o;
-        for (o = 0; o < r.length; o++) {
-            a = r[o];
+        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;
-            n[a] = e[a];
+            r[a] = e[a];
         }
-        return n;
+        return r;
     }
-    /** @public */    var Oe = {
-        elementRef: o().oneOfType([ o().func, o().object ]),
-        onChange: o().func,
-        current: o().number,
-        totalPages: o().number
+    /** @public */    var le = {
+        elementRef: l().oneOfType([ l().func, l().object ]),
+        onChange: l().func,
+        current: l().number,
+        totalPages: l().number
     };
-    function ke(e) {
-        var t = e.onChange, a = e.current, o = a === void 0 ? 1 : a, l = e.totalPages, i = be(e, [ "onChange", "current", "totalPages" ]);
+    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" ]);
         // @docs-props-type PaginatorPageControlPropsBase
-                var c = (0, n.useCallback)((function(e, n) {
-            var r = n.page;
+                var c = (0, r.useCallback)((function(e, r) {
+            var n = 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: r
+                page: n
             });
         }), [ t ]);
-        var u = (0, n.useCallback)((function(e) {
-            var n = e.current, a = e.totalPages;
-            if (n != null && a != null) {
+        var s = (0, r.useCallback)((function(e) {
+            var r = e.current, a = e.totalPages;
+            if (r != null && a != null) {
                 
-                return r().createElement(me, {
-                    current: n,
+                return n().createElement(te, {
+                    current: r,
                     onChange: t,
                     totalPages: a
                 });
@@ -614,226 +518,227 @@
             return null;
         }), [ t ]);
         
-        return r().createElement(re, ye({
-            current: o,
-            renderLabel: u,
+        return n().createElement(W, re({
+            current: l,
+            renderLabel: s,
             onChange: c,
-            totalPages: l
-        }, i));
+            totalPages: i
+        }, o));
     }
-    ke.propTypes = Oe;
-    /* harmony default export */    const Ce = ke;
+    ie.propTypes = le;
+    /* harmony default export */    const oe = ie;
     // CONCATENATED MODULE: external "@splunk/react-icons/DotsThreeHorizontal"
-    const Pe = require("@splunk/react-icons/DotsThreeHorizontal");
-    var Se =  e.n(Pe);
+    const ce = require("@splunk/react-icons/DotsThreeHorizontal");
+    var se =  e.n(ce);
     // CONCATENATED MODULE: ./src/Paginator/PageSeparatorStyles.ts
-    var xe = E().span.withConfig({
+    var ue = P().span.withConfig({
         displayName: "PageSeparatorStyles__StyledEllipsisWrapper",
         componentId: "j50fqf-0"
-    })([ "display:flex;align-items:center;margin:", ";color:", ";" ], (0, d.pick)({
+    })([ "display:flex;align-items:center;margin:", ";color:", ";" ], (0, v.pick)({
         enterprise: "0px 11px",
         prisma: "0px 20px"
-    }), d.variables.contentColorActive);
+    }), v.variables.contentColorActive);
     // CONCATENATED MODULE: ./src/Paginator/PageSeparator.tsx
-    function we() {
-        var e = (0, d.useSplunkTheme)(), t = e.family;
-        var n = t === "enterprise" ?  r().createElement("span", {
+    function pe() {
+        var e = (0, v.useSplunkTheme)(), t = e.family;
+        var r = t === "enterprise" ?  n().createElement("span", {
             role: "separator"
-        }, "…") :  r().createElement(Se(), null);
+        }, "…") :  n().createElement(se(), null);
         
-        return r().createElement(xe, {
+        return n().createElement(ue, {
             role: "separator"
-        }, n);
+        }, r);
     }
-    /* harmony default export */    const _e = we;
+    /* harmony default export */    const fe = pe;
     // CONCATENATED MODULE: ./src/Paginator/PaginatorStyles.ts
-    var Ee = E()(m).withConfig({
+    var de = P()(m).withConfig({
         displayName: "PaginatorStyles__StyledChevronLeftIcon",
         componentId: "pmabsp-0"
-    })([ "margin:", ";" ], (0, d.pick)({
+    })([ "margin:", ";" ], (0, v.pick)({
         enterprise: "-1px 3px 0 0",
         prisma: "-2px 6px 0 0"
     }));
-    var je = E()(C).withConfig({
+    var ve = P()(C).withConfig({
         displayName: "PaginatorStyles__StyledChevronRightIcon",
         componentId: "pmabsp-1"
-    })([ "margin:", ";" ], (0, d.pick)({
+    })([ "margin:", ";" ], (0, v.pick)({
         enterprise: "-1px 0 0 3px",
         prisma: "-2px 0 0 6px"
     }));
-    var Ne = E().div.withConfig({
+    var ge = P().div.withConfig({
         displayName: "PaginatorStyles__StyledPrevNext",
         componentId: "pmabsp-2"
-    })([ "padding:", ";white-space:nowrap;" ], (0, d.pick)({
+    })([ "padding:", ";white-space:nowrap;" ], (0, v.pick)({
         enterprise: "0 3px",
         prisma: "0 8px"
     }));
-    var Te = E()(K).withConfig({
+    var me = P()(q).withConfig({
         displayName: "PaginatorStyles__StyledPaginatorButton",
         componentId: "pmabsp-3"
     })([ "&:not([disabled]){", ",", "{", "}}" ], 
     /* sc-sel */
-    Ee, 
+    de, 
     /* sc-sel */
-    je, (0, d.pick)({
-        prisma: (0, _.css)([ "color:", ";" ], d.variables.contentColorMuted)
+    ve, (0, v.pick)({
+        prisma: (0, x.css)([ "color:", ";" ], v.variables.contentColorMuted)
     }));
     // CONCATENATED MODULE: ./src/Paginator/Paginator.tsx
-    function qe() {
-        qe = Object.assign || function(e) {
+    function be() {
+        be = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
-                var n = arguments[t];
-                for (var r in n) {
-                    if (Object.prototype.hasOwnProperty.call(n, r)) {
-                        e[r] = n[r];
+                var r = arguments[t];
+                for (var n in r) {
+                    if (Object.prototype.hasOwnProperty.call(r, n)) {
+                        e[n] = r[n];
                     }
                 }
             }
             return e;
         };
-        return qe.apply(this, arguments);
+        return be.apply(this, arguments);
     }
-    function Ie(e, t) {
+    function ye(e, t) {
         if (e == null) return {};
-        var n = Le(e, t);
-        var r, a;
+        var r = he(e, t);
+        var n, a;
         if (Object.getOwnPropertySymbols) {
-            var o = Object.getOwnPropertySymbols(e);
-            for (a = 0; a < o.length; a++) {
-                r = o[a];
-                if (t.indexOf(r) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, r)) continue;
-                n[r] = e[r];
+            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];
             }
         }
-        return n;
+        return r;
     }
-    function Le(e, t) {
+    function he(e, t) {
         if (e == null) return {};
-        var n = {};
-        var r = Object.keys(e);
-        var a, o;
-        for (o = 0; o < r.length; o++) {
-            a = r[o];
+        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;
-            n[a] = e[a];
+            r[a] = e[a];
         }
-        return n;
+        return r;
     }
-    var Re = {
-        alwaysShowLastPageLink: o().bool,
-        current: o().number,
-        elementRef: o().oneOfType([ o().func, o().object ]),
-        numPageLinks: o().number,
-        onChange: o().func,
-        totalPages: o().number
+    var Oe = {
+        alwaysShowLastPageLink: l().bool,
+        current: l().number,
+        elementRef: l().oneOfType([ l().func, l().object ]),
+        numPageLinks: l().number,
+        onChange: l().func,
+        totalPages: l().number
     };
-    function Me(e) {
-        var t = e.onChange, a = e.current, o = a === void 0 ? 1 : a, l = e.alwaysShowLastPageLink, s = l === void 0 ? false : l, p = e.numPageLinks, f = p === void 0 ? 5 : p, v = e.totalPages, d = Ie(e, [ "onChange", "current", "alwaysShowLastPageLink", "numPageLinks", "totalPages" ]);
+    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" ]);
         // @docs-props-type PaginatorPropsBase
-                var g = (0, n.useCallback)((function(e, n) {
-            var r = n.page;
+                var g = (0, r.useCallback)((function(e, r) {
+            var n = 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: r
+                page: n
             });
         }), [ t ]);
  // Can't show more links than total number of pages.
-                var m = Math.min(f, v);
-        var y = Math.ceil(m / 2);
-        var b = Math.ceil(v - m / 2);
+                var m = Math.min(f, d);
+        var b = Math.ceil(m / 2);
+        var y = Math.ceil(d - m / 2);
         var h = [];
-        if (v <= 1) {
+        if (d <= 1) {
             return null;
         }
-        if ((o > v || o < 1) && process.env.NODE_ENV !== "production") {}
+        if ((l > d || l < 1) && process.env.NODE_ENV !== "production") {}
         var O;
         var k;
-        if (o <= y + 1) {
+        if (l <= b + 1) {
             // + 1 to avoid ellipsis between 1 and 2
             O = 1;
-            k = O + Math.min(v, m) - 1;
-        } else if (o > y && o < b) {
-            k = Math.ceil(o + (m - 2) / 2);
+            k = O + Math.min(d, m) - 1;
+        } else if (l > b && l < y) {
+            k = Math.ceil(l + (m - 2) / 2);
             O = k - m + 2;
         } else {
             // include page #1 to avoid ellipsis between 1 and 2
-            O = v - m === 1 ? 1 : v - m + 1;
-            k = v;
+            O = d - m === 1 ? 1 : d - m + 1;
+            k = d;
         }
  // bump up the last page to avoid ellipsis
-                k = s && k + 1 === v ? v : k;
-        h.push( r().createElement(Te, {
+                k = u && k + 1 === d ? d : k;
+        h.push( n().createElement(me, {
             "data-test": "prev",
-            disabled: o === 1,
+            disabled: l === 1,
             onClick: g,
-            page: o - 1,
+            page: l - 1,
             key: "prev",
-            "aria-label": (0, u._)("Go to previous page")
-        },  r().createElement(Ne, null,  r().createElement(Ee, null), (0, u._)("Prev"))));
-        if (o > y && v > m && O !== 1) {
-            h.push( r().createElement(Te, {
+            "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, {
                 key: "first",
                 onClick: g,
                 page: 1,
-                "aria-label": (0, u._)("Go to first page")
+                "aria-label": (0, s._)("Go to first page")
             }, "1"));
-            h.push( r().createElement(_e, {
+            h.push( n().createElement(fe, {
                 "data-test": "page",
                 key: "prevEllipsis"
             }));
         }
         for (var C = O; C <= k; C += 1) {
-            var P = C === o;
-            h.push( r().createElement(Te, {
-                selected: P,
+            var x = C === l;
+            h.push( n().createElement(me, {
+                selected: x,
                 onClick: g,
                 page: C,
                 key: C,
-                "aria-label": P ? (0, u._)("Current page") : (0, c.sprintf)((0, u._)("Go to page %(pageNumber)d"), {
+                "aria-current": x ? "page" : false,
+                "aria-label": (0, c.sprintf)((0, s._)("Page %(pageNumber)d"), {
                     pageNumber: C
                 })
             }, String(C)));
         }
-        if (o <= b && v > m && k !== v) {
-            h.push( r().createElement(_e, {
+        if (l <= y && d > m && k !== d) {
+            h.push( n().createElement(fe, {
                 "data-test": "page",
                 key: "nextEllipsis"
             }));
-            if (s) {
-                h.push( r().createElement(Te, {
+            if (u) {
+                h.push( n().createElement(me, {
                     "data-test": "last",
                     key: "last",
                     onClick: g,
-                    page: v,
-                    "aria-label": (0, u._)("Go to last page")
-                }, String(v)));
+                    page: d,
+                    "aria-label": (0, s._)("Go to last page")
+                }, String(d)));
             }
         }
-        h.push( r().createElement(Te, {
+        h.push( n().createElement(me, {
             "data-test": "next",
-            disabled: o === v,
+            disabled: l === d,
             onClick: g,
-            page: o + 1,
+            page: l + 1,
             key: "next",
-            "aria-label": (0, u._)("Go to next page")
-        },  r().createElement(Ne, null, (0, u._)("Next"),  r().createElement(je, null))));
+            "aria-label": (0, s._)("Go to next page")
+        },  n().createElement(ge, null, (0, s._)("Next"),  n().createElement(ve, null))));
         
-        return r().createElement(i(), qe({
-            "aria-label": (0, u._)("Pagination"),
+        return n().createElement(o(), be({
+            "aria-label": (0, s._)("Pagination"),
             "data-test": "paginator",
-            "data-test-current": o,
+            "data-test-current": l,
             flex: true,
             inline: true,
             tag: "nav"
-        }, d), h);
+        }, v), h);
     }
-    Me.Compact = re;
-    Me.PageControl = Ce;
-    Me.propTypes = Re;
-    /* harmony default export */    const De = Me;
+    ke.Compact = W;
+    ke.PageControl = oe;
+    ke.propTypes = Oe;
+    /* harmony default export */    const Ce = ke;
     // CONCATENATED MODULE: ./src/Paginator/index.ts
     module.exports = t;
     /******/})();