@splunk/react-ui 4.42.0 → 4.43.0

package/Paginator.js

@@ -9,26 +9,26 @@
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
         /******/ e.n = n => {
-            /******/ var r = n && n.__esModule ? 
+            /******/ var a = n && n.__esModule ? 
             /******/ () => n["default"]
             /******/ : () => n
             /******/;
-            e.d(r, {
-                a: r
+            e.d(a, {
+                a
             });
-            /******/            return r;
+            /******/            return a;
             /******/        };
         /******/    })();
     /******/
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ e.d = (n, r) => {
-            /******/ for (var t in r) {
-                /******/ if (e.o(r, t) && !e.o(n, t)) {
-                    /******/ Object.defineProperty(n, t, {
+        /******/ e.d = (n, a) => {
+            /******/ for (var r in a) {
+                /******/ if (e.o(a, r) && !e.o(n, r)) {
+                    /******/ Object.defineProperty(n, r, {
                         enumerable: true,
-                        get: r[t]
+                        get: a[r]
                     });
                     /******/                }
                 /******/            }
@@ -66,11 +66,11 @@
         default: () => /* reexport */ ke
     });
     // CONCATENATED MODULE: external "react"
-    const r = require("react");
-    var t =  e.n(r);
+    const a = require("react");
+    var r =  e.n(a);
     // CONCATENATED MODULE: external "prop-types"
-    const a = require("prop-types");
-    var l =  e.n(a);
+    const t = require("prop-types");
+    var l =  e.n(t);
     // CONCATENATED MODULE: external "@splunk/react-ui/Box"
     const i = require("@splunk/react-ui/Box");
     var o =  e.n(i);
@@ -83,47 +83,47 @@
     var p =  e.n(u);
     // CONCATENATED MODULE: external "@splunk/react-icons/ChevronLeft"
     const d = require("@splunk/react-icons/ChevronLeft");
-    var f =  e.n(d);
+    var g =  e.n(d);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const g = require("@splunk/themes");
+    const v = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Paginator/icons/ChevronLeft.tsx
-    function v(e) {
+    function f(e) {
         var n = e.className;
-        var r = (0, g.useSplunkTheme)(), a = r.isCompact, l = r.isEnterprise;
-        var i = a ? "20px" : "24px";
-        return l ?  t().createElement(p(), {
+        var a = (0, v.useSplunkTheme)(), t = a.isCompact, l = a.isEnterprise;
+        var i = t ? "20px" : "24px";
+        return l ?  r().createElement(p(), {
             className: n,
             hideDefaultTooltip: true,
             screenReaderText: null
-        }) :  t().createElement(f(), {
+        }) :  r().createElement(g(), {
             className: n,
             height: i,
             width: i
         });
     }
-    /* harmony default export */    const m = v;
+    /* harmony default export */    const m = f;
     // 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 C =  e.n(h);
+    var P =  e.n(h);
     // CONCATENATED MODULE: ./src/Paginator/icons/ChevronRight.tsx
-    function P(e) {
+    function C(e) {
         var n = e.className;
-        var r = (0, g.useSplunkTheme)(), a = r.isCompact, l = r.isEnterprise;
-        var i = a ? "20px" : "24px";
-        return l ?  t().createElement(y(), {
+        var a = (0, v.useSplunkTheme)(), t = a.isCompact, l = a.isEnterprise;
+        var i = t ? "20px" : "24px";
+        return l ?  r().createElement(y(), {
             className: n,
             hideDefaultTooltip: true,
             screenReaderText: null
-        }) :  t().createElement(C(), {
+        }) :  r().createElement(P(), {
             className: n,
             height: i,
             width: i
         });
     }
-    /* harmony default export */    const k = P;
+    /* harmony default export */    const k = C;
     // CONCATENATED MODULE: external "styled-components"
     const S = require("styled-components");
     var O =  e.n(S);
@@ -134,31 +134,31 @@
     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']){", ";", ";}", "" ], g.variables.fontWeightNormal, g.variables.inputHeight, g.variables.inputHeight, (0, 
-    g.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: {
             // 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, S.css)([ "color:", ";" ], g.variables.textGray)
+            dark: (0, S.css)([ "color:", ";" ], v.variables.textGray)
         },
-        prisma: (0, S.css)([ "color:", ";" ], g.variables.contentColorDefault)
+        prisma: (0, S.css)([ "color:", ";" ], v.variables.contentColorDefault)
     }), (function(e) {
         var n = e.$current;
-        return n && (0, S.css)([ "", ";", ";" ], g.mixins.typography({
+        return n && (0, S.css)([ "", ";", ";" ], v.mixins.typography({
             color: "active",
             weight: "bold"
-        }), (0, g.pick)({
+        }), (0, v.pick)({
             // TODO: maintain this separation until SUI 5, where we unify on Prisma's approach
-            enterprise: (0, S.css)([ "border-color:", ";" ], g.variables.accentColor),
-            prisma: (0, S.css)([ "background-color:", ";" ], g.variables.interactiveColorOverlaySelected)
+            enterprise: (0, S.css)([ "border-color:", ";" ], v.variables.accentColor),
+            prisma: (0, S.css)([ "background-color:", ";" ], v.variables.interactiveColorOverlaySelected)
         }));
-    }), (0, g.pick)({
+    }), (0, v.pick)({
         enterprise: {
-            comfortable: (0, S.css)([ "padding:", ";" ], g.variables.spacingXSmall),
+            comfortable: (0, S.css)([ "padding:", ";" ], v.variables.spacingXSmall),
             compact: (0, S.css)([ "padding:3px;" ])
         },
-        prisma: (0, S.css)([ "padding:", ";& + &{margin-left:8px;}" ], (0, g.pick)({
+        prisma: (0, S.css)([ "padding:", ";& + &{margin-left:8px;}" ], (0, v.pick)({
             comfortable: "5px 8px",
             compact: "4px"
         }))
@@ -167,9 +167,9 @@
     function _() {
         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]);
+                var a = arguments[n];
+                for (var r in a) {
+                    ({}).hasOwnProperty.call(a, r) && (e[r] = a[r]);
                 }
             }
             return e;
@@ -177,25 +177,25 @@
     }
     function j(e, n) {
         if (null == e) return {};
-        var r, t, a = N(e, n);
+        var a, r, t = N(e, n);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
-            for (t = 0; t < l.length; t++) {
-                r = l[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
+            for (r = 0; r < l.length; r++) {
+                a = l[r], n.includes(a) || {}.propertyIsEnumerable.call(e, a) && (t[a] = e[a]);
             }
         }
-        return a;
+        return t;
     }
     function N(e, n) {
         if (null == e) return {};
-        var r = {};
-        for (var t in e) {
-            if ({}.hasOwnProperty.call(e, t)) {
-                if (n.includes(t)) continue;
-                r[t] = e[t];
+        var a = {};
+        for (var r in e) {
+            if ({}.hasOwnProperty.call(e, r)) {
+                if (n.includes(r)) continue;
+                a[r] = e[r];
             }
         }
-        return r;
+        return a;
     }
     var I = {
         children: l().node,
@@ -206,8 +206,8 @@
         selected: l().bool
     };
     function T(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) {
+        var n = e.children, t = e.disabled, l = e.onClick, i = e.page, o = e.selected, s = j(e, [ "children", "disabled", "onClick", "page", "selected" ]);
+        var c = (0, a.useCallback)((function(e) {
             if (i != null) {
                 l === null || l === void 0 ? void 0 : l(e, {
                     page: i
@@ -217,12 +217,12 @@
             }
         }), [ l, i ]);
         
-        return t().createElement(E, _({
+        return r().createElement(E, _({
             $current: o || false,
             "data-test": "page",
             "data-test-page": i,
             appearance: "subtle",
-            disabled: a,
+            disabled: t,
             inline: false,
             onClick: c
         }, s), n);
@@ -237,14 +237,14 @@
     var M = O().span.withConfig({
         displayName: "CompactStyles__StyledLabel",
         componentId: "dwgzkj-1"
-    })([ "align-items:center;display:flex;flex-wrap:wrap;margin-right:", ";" ], g.variables.spacingSmall);
+    })([ "align-items:center;display:flex;flex-wrap:wrap;margin-right:", ";" ], v.variables.spacingSmall);
     // CONCATENATED MODULE: ./src/Paginator/Compact.tsx
     function R() {
         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]);
+                var a = arguments[n];
+                for (var r in a) {
+                    ({}).hasOwnProperty.call(a, r) && (e[r] = a[r]);
                 }
             }
             return e;
@@ -252,25 +252,25 @@
     }
     function D(e, n) {
         if (null == e) return {};
-        var r, t, a = z(e, n);
+        var a, r, t = z(e, n);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
-            for (t = 0; t < l.length; t++) {
-                r = l[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
+            for (r = 0; r < l.length; r++) {
+                a = l[r], n.includes(a) || {}.propertyIsEnumerable.call(e, a) && (t[a] = e[a]);
             }
         }
-        return a;
+        return t;
     }
     function z(e, n) {
         if (null == e) return {};
-        var r = {};
-        for (var t in e) {
-            if ({}.hasOwnProperty.call(e, t)) {
-                if (n.includes(t)) continue;
-                r[t] = e[t];
+        var a = {};
+        for (var r in e) {
+            if ({}.hasOwnProperty.call(e, r)) {
+                if (n.includes(r)) continue;
+                a[r] = e[r];
             }
         }
-        return r;
+        return a;
     }
     /** @public */
     /** @public */    var G = {
@@ -281,63 +281,63 @@
         totalPages: l().number
     };
     var B = function e(n) {
-        var r = n.current, t = n.totalPages;
-        var a = null;
-        if (r != null && t != null) {
-            a = (0, s.sprintf)((0, c._)("%d of %d pages"), r, t);
-        } else if (r != null) {
-            a = (0, s.sprintf)((0, c._)("Page %d"), r);
+        var a = n.current, r = n.totalPages;
+        var t = null;
+        if (a != null && r != null) {
+            t = (0, s.sprintf)((0, c._)("%d of %d pages"), a, r);
+        } else if (a != null) {
+            t = (0, s.sprintf)((0, c._)("Page %d"), a);
         }
-        return a;
+        return t;
     };
     function H(e) {
-        var n = e.onChange, a = e.current, l = e.renderLabel, i = e.totalPages, o = D(e, [ "onChange", "current", "renderLabel", "totalPages" ]);
+        var n = e.onChange, t = e.current, l = e.renderLabel, i = e.totalPages, o = D(e, [ "onChange", "current", "renderLabel", "totalPages" ]);
         // @docs-props-type PaginatorCompactPropsBase
-                var s = (0, r.useCallback)((function(e, r) {
-            var t = r.page;
+                var s = (0, a.useCallback)((function(e, a) {
+            var r = a.page;
             n === null || n === void 0 ? void 0 : n(e, {
                 direction: "prev",
-                page: t
+                page: r
             });
         }), [ n ]);
-        var u = (0, r.useCallback)((function(e, r) {
-            var t = r.page;
+        var u = (0, a.useCallback)((function(e, a) {
+            var r = a.page;
             n === null || n === void 0 ? void 0 : n(e, {
                 direction: "next",
-                page: t
+                page: r
             });
         }), [ n ]);
         var p = null;
         if (l) {
             var d = typeof l === "function" ? l : B;
             p = d({
-                current: a,
+                current: t,
                 totalPages: i
             });
         }
         
-        return t().createElement(L, R({
+        return r().createElement(L, R({
             "aria-label": (0, c._)("Pagination"),
             "data-test": "paginator",
-            "data-test-current": a,
+            "data-test-current": t,
             flex: true,
             inline: true,
             tag: "nav"
-        }, o), p &&  t().createElement(M, {
+        }, o), p &&  r().createElement(M, {
             "data-test": "label"
-        }, p),  t().createElement(q, {
+        }, p),  r().createElement(q, {
             "aria-label": (0, c._)("Go to previous page"),
             "data-test": "prev",
-            disabled: a != null && a <= 1 ? "dimmed" : false,
+            disabled: t != null && t <= 1 ? "dimmed" : false,
             onClick: s,
-            page: a != null ? a - 1 : undefined
-        },  t().createElement(m, null)),  t().createElement(q, {
+            page: t != null ? t - 1 : undefined
+        },  r().createElement(m, null)),  r().createElement(q, {
             "aria-label": (0, c._)("Go to next page"),
             "data-test": "next",
-            disabled: a != null && i != null && a >= i ? "dimmed" : false,
+            disabled: t != null && i != null && t >= i ? "dimmed" : false,
             onClick: u,
-            page: a != null ? a + 1 : undefined
-        },  t().createElement(k, null)));
+            page: t != null ? t + 1 : undefined
+        },  r().createElement(k, null)));
     }
     H.propTypes = G;
     /* harmony default export */    const W = H;
@@ -357,7 +357,7 @@
     var K = O().span.withConfig({
         displayName: "PageSelectStyles__StyledCount",
         componentId: "haycz4-1"
-    })([ "align-items:center;display:flex;flex-wrap:wrap;margin:0 ", ";" ], g.variables.spacingSmall);
+    })([ "align-items:center;display:flex;flex-wrap:wrap;margin:0 ", ";" ], v.variables.spacingSmall);
     var Q = O()(A()).withConfig({
         displayName: "PageSelectStyles__StyledSelect",
         componentId: "haycz4-2"
@@ -365,25 +365,25 @@
     // CONCATENATED MODULE: ./src/Paginator/PageSelect.tsx
     function U(e, n) {
         if (null == e) return {};
-        var r, t, a = Y(e, n);
+        var a, r, t = Y(e, n);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
-            for (t = 0; t < l.length; t++) {
-                r = l[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
+            for (r = 0; r < l.length; r++) {
+                a = l[r], n.includes(a) || {}.propertyIsEnumerable.call(e, a) && (t[a] = e[a]);
             }
         }
-        return a;
+        return t;
     }
     function Y(e, n) {
         if (null == e) return {};
-        var r = {};
-        for (var t in e) {
-            if ({}.hasOwnProperty.call(e, t)) {
-                if (n.includes(t)) continue;
-                r[t] = e[t];
+        var a = {};
+        for (var r in e) {
+            if ({}.hasOwnProperty.call(e, r)) {
+                if (n.includes(r)) continue;
+                a[r] = e[r];
             }
         }
-        return r;
+        return a;
     }
     /** @public */    var Z = {
         onChange: l().func,
@@ -391,73 +391,73 @@
         totalPages: l().number
     };
     function ee(e) {
-        var n = e.onChange, a = e.current, l = a === void 0 ? 1 : a, i = e.totalPages, o = U(e, [ "onChange", "current", "totalPages" ]);
+        var n = e.onChange, t = e.current, l = t === void 0 ? 1 : t, 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 d = function e(r, t) {
-            var a = t.value;
-            n === null || n === void 0 ? void 0 : n(r, {
-                page: a
+                var u = (0, a.useRef)((0, F.createDOMID)("pages"));
+        var p = (0, a.useRef)((0, F.createDOMID)("totalPages"));
+        var d = function e(a, r) {
+            var t = r.value;
+            n === null || n === void 0 ? void 0 : n(a, {
+                page: t
             });
         };
-        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 = [];
+        for (var v = 1; v <= i; v += 1) {
+            g.push( r().createElement(A().Option, {
+                label: "".concat(v),
+                key: "".concat(v),
+                value: v
             }));
         }
-        var v = (0, s.sprintf)((0, c._)("of %d pages"), i);
+        var f = (0, s.sprintf)((0, c._)("of %d pages"), i);
         
-        return t().createElement(J, o,  t().createElement(Q, {
+        return r().createElement(J, o,  r().createElement(Q, {
             value: l,
             onChange: d,
             "aria-labelledby": "".concat(u.current, " ").concat(p.current)
-        }, f),  t().createElement(X(), {
+        }, g),  r().createElement(X(), {
             id: u.current,
             "aria-hidden": true
-        }, l),  t().createElement(K, {
+        }, l),  r().createElement(K, {
             id: p.current,
             "aria-hidden": true
-        }, " ", v));
+        }, " ", f));
     }
     ee.propTypes = Z;
     /* harmony default export */    const ne = ee;
     // CONCATENATED MODULE: ./src/Paginator/PageControl.tsx
-    function re() {
-        return re = Object.assign ? Object.assign.bind() : function(e) {
+    function ae() {
+        return ae = 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]);
+                var a = arguments[n];
+                for (var r in a) {
+                    ({}).hasOwnProperty.call(a, r) && (e[r] = a[r]);
                 }
             }
             return e;
-        }, re.apply(null, arguments);
+        }, ae.apply(null, arguments);
     }
-    function te(e, n) {
+    function re(e, n) {
         if (null == e) return {};
-        var r, t, a = ae(e, n);
+        var a, r, t = te(e, n);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
-            for (t = 0; t < l.length; t++) {
-                r = l[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
+            for (r = 0; r < l.length; r++) {
+                a = l[r], n.includes(a) || {}.propertyIsEnumerable.call(e, a) && (t[a] = e[a]);
             }
         }
-        return a;
+        return t;
     }
-    function ae(e, n) {
+    function te(e, n) {
         if (null == e) return {};
-        var r = {};
-        for (var t in e) {
-            if ({}.hasOwnProperty.call(e, t)) {
-                if (n.includes(t)) continue;
-                r[t] = e[t];
+        var a = {};
+        for (var r in e) {
+            if ({}.hasOwnProperty.call(e, r)) {
+                if (n.includes(r)) continue;
+                a[r] = e[r];
             }
         }
-        return r;
+        return a;
     }
     /** @public */    var le = {
         elementRef: l().oneOfType([ l().func, l().object ]),
@@ -466,31 +466,31 @@
         totalPages: l().number
     };
     function ie(e) {
-        var n = e.onChange, a = e.current, l = a === void 0 ? 1 : a, i = e.totalPages, o = te(e, [ "onChange", "current", "totalPages" ]);
+        var n = e.onChange, t = e.current, l = t === void 0 ? 1 : t, i = e.totalPages, o = re(e, [ "onChange", "current", "totalPages" ]);
         // @docs-props-type PaginatorPageControlPropsBase
-                var s = (0, r.useCallback)((function(e, r) {
-            var t = r.page;
+                var s = (0, a.useCallback)((function(e, a) {
+            var r = a.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
                         n === null || n === void 0 ? void 0 : n(e, {
-                page: t
+                page: r
             });
         }), [ n ]);
-        var c = (0, r.useCallback)((function(e) {
-            var r = e.current, a = e.totalPages;
-            if (r != null && a != null) {
+        var c = (0, a.useCallback)((function(e) {
+            var a = e.current, t = e.totalPages;
+            if (a != null && t != null) {
                 
-                return t().createElement(ne, {
-                    current: r,
+                return r().createElement(ne, {
+                    current: a,
                     onChange: n,
-                    totalPages: a
+                    totalPages: t
                 });
             }
             return null;
         }), [ n ]);
         
-        return t().createElement(W, re({
+        return r().createElement(W, ae({
             current: l,
             renderLabel: c,
             onChange: s,
@@ -506,58 +506,58 @@
     var ue = O().span.withConfig({
         displayName: "PageSeparatorStyles__StyledEllipsisWrapper",
         componentId: "j50fqf-0"
-    })([ "display:flex;align-items:center;margin:", ";color:", ";" ], (0, g.pick)({
+    })([ "display:flex;align-items:center;margin:", ";color:", ";" ], (0, v.pick)({
         enterprise: "0px 11px",
         prisma: "0px 20px"
-    }), g.variables.contentColorActive);
+    }), v.variables.contentColorActive);
     // CONCATENATED MODULE: ./src/Paginator/PageSeparator.tsx
     function pe() {
-        var e = (0, g.useSplunkTheme)(), n = e.family;
-        var r = n === "enterprise" ?  t().createElement("span", {
+        var e = (0, v.useSplunkTheme)(), n = e.family;
+        var a = n === "enterprise" ?  r().createElement("span", {
             role: "separator"
-        }, "…") :  t().createElement(ce(), null);
+        }, "…") :  r().createElement(ce(), null);
         
-        return t().createElement(ue, {
+        return r().createElement(ue, {
             role: "separator"
-        }, r);
+        }, a);
     }
     /* harmony default export */    const de = pe;
     // CONCATENATED MODULE: ./src/Paginator/PaginatorStyles.ts
-    var fe = O()(m).withConfig({
+    var ge = O()(m).withConfig({
         displayName: "PaginatorStyles__StyledChevronLeftIcon",
         componentId: "pmabsp-0"
-    })([ "margin:", ";" ], (0, g.pick)({
+    })([ "margin:", ";" ], (0, v.pick)({
         enterprise: "-1px 3px 0 0",
         prisma: "-2px 6px 0 0"
     }));
-    var ge = O()(k).withConfig({
+    var ve = O()(k).withConfig({
         displayName: "PaginatorStyles__StyledChevronRightIcon",
         componentId: "pmabsp-1"
-    })([ "margin:", ";" ], (0, g.pick)({
+    })([ "margin:", ";" ], (0, v.pick)({
         enterprise: "-1px 0 0 3px",
         prisma: "-2px 0 0 6px"
     }));
-    var ve = O().div.withConfig({
+    var fe = O().div.withConfig({
         displayName: "PaginatorStyles__StyledPrevNext",
         componentId: "pmabsp-2"
-    })([ "padding:", ";white-space:nowrap;" ], (0, g.pick)({
+    })([ "padding:", ";white-space:nowrap;" ], (0, v.pick)({
         enterprise: "0 3px",
         prisma: "0 8px"
     }));
     var me = O()(q).withConfig({
         displayName: "PaginatorStyles__StyledPaginatorButton",
         componentId: "pmabsp-3"
-    })([ "&:not([disabled]){", ",", "{", "}}" ], /* sc-sel */ fe, /* sc-sel */ ge, (0, 
-    g.pick)({
-        prisma: (0, S.css)([ "color:", ";" ], g.variables.contentColorMuted)
+    })([ "&:not([disabled]){", ",", "{", "}}" ], /* sc-sel */ ge, /* sc-sel */ ve, (0, 
+    v.pick)({
+        prisma: (0, S.css)([ "color:", ";" ], v.variables.contentColorMuted)
     }));
     // CONCATENATED MODULE: ./src/Paginator/Paginator.tsx
     function be() {
         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]);
+                var a = arguments[n];
+                for (var r in a) {
+                    ({}).hasOwnProperty.call(a, r) && (e[r] = a[r]);
                 }
             }
             return e;
@@ -565,141 +565,159 @@
     }
     function ye(e, n) {
         if (null == e) return {};
-        var r, t, a = he(e, n);
+        var a, r, t = he(e, n);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
-            for (t = 0; t < l.length; t++) {
-                r = l[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
+            for (r = 0; r < l.length; r++) {
+                a = l[r], n.includes(a) || {}.propertyIsEnumerable.call(e, a) && (t[a] = e[a]);
             }
         }
-        return a;
+        return t;
     }
     function he(e, n) {
         if (null == e) return {};
-        var r = {};
-        for (var t in e) {
-            if ({}.hasOwnProperty.call(e, t)) {
-                if (n.includes(t)) continue;
-                r[t] = e[t];
+        var a = {};
+        for (var r in e) {
+            if ({}.hasOwnProperty.call(e, r)) {
+                if (n.includes(r)) continue;
+                a[r] = e[r];
             }
         }
-        return r;
+        return a;
     }
-    /** @public */    var Ce = {
+    /** @public */
+    /** @public */    var Pe = {
         alwaysShowLastPageLink: l().bool,
+        generatePageProps: l().func,
         current: l().number,
         elementRef: l().oneOfType([ l().func, l().object ]),
         numPageLinks: l().number,
         onChange: l().func,
         totalPages: l().number
     };
-    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" ]);
+    function Ce(e) {
+        var n = e.alwaysShowLastPageLink, t = n === void 0 ? false : n, l = e.generatePageProps, i = e.current, u = i === void 0 ? 1 : i, p = e.numPageLinks, d = p === void 0 ? 5 : p, g = e.onChange, v = e.totalPages, f = ye(e, [ "alwaysShowLastPageLink", "generatePageProps", "current", "numPageLinks", "onChange", "totalPages" ]);
         // @docs-props-type PaginatorPropsBase
-                var v = (0, r.useCallback)((function(e, r) {
-            var t = r.page;
+                var m = (0, a.useCallback)((function(e, n) {
+            var a = n.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
-                        n === null || n === void 0 ? void 0 : n(e, {
-                page: t
+                        g === null || g === void 0 ? void 0 : g(e, {
+                page: a
             });
-        }), [ n ]);
+        }), [ g ]);
         // 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(f - m / 2);
-        var h = [];
-        if (f <= 1) {
+                var b = Math.min(d, v);
+        var y = Math.ceil(b / 2);
+        var h = Math.ceil(v - b / 2);
+        var P = [];
+        if (v <= 1) {
             return null;
         }
-        if ((l > f || l < 1) && process.env.NODE_ENV !== "production") {}
-        var C;
-        var P;
-        if (l <= b + 1) {
+        if ((u > v || u < 1) && process.env.NODE_ENV !== "production") {}
+        /**
+   * Paginator shows numPageLinks page buttons that are nearby the current page.
+   * firstPageNearbyCurrent and lastPageNearbyCurrent refer to the page number of the first and last of these buttons.
+   */        var C;
+        var k;
+        if (u <= y + 1) {
             // + 1 to avoid ellipsis between 1 and 2
             C = 1;
-            P = C + Math.min(f, m) - 1;
-        } else if (l > b && l < y) {
-            P = Math.ceil(l + (m - 2) / 2);
-            C = P - m + 2;
+            k = C + Math.min(v, b) - 1;
+        } else if (u > y && u < h) {
+            k = Math.ceil(u + (b - 2) / 2);
+            C = k - b + 2;
         } else {
             // include page #1 to avoid ellipsis between 1 and 2
-            C = f - m === 1 ? 1 : f - m + 1;
-            P = f;
+            C = v - b === 1 ? 1 : v - b + 1;
+            k = v;
         }
         // bump up the last page to avoid ellipsis
-                P = u && P + 1 === f ? f : P;
-        h.push( t().createElement(me, {
+                k = t && k + 1 === v ? v : k;
+        var S = u - 1;
+        P.push( r().createElement(me, be({}, l === null || l === void 0 ? void 0 : l({
+            page: S
+        }), {
+            "aria-label": (0, c._)("Go to previous page"),
             "data-test": "prev",
-            disabled: l === 1,
-            onClick: v,
-            page: l - 1,
+            disabled: u === 1,
             key: "prev",
-            "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, {
+            onClick: m,
+            page: S
+        }),  r().createElement(fe, null,  r().createElement(ge, null), (0, c._)("Prev"))));
+        if (u > y && v > b && C !== 1) {
+            var O = 1;
+            P.push( r().createElement(me, be({}, l === null || l === void 0 ? void 0 : l({
+                page: O
+            }), {
+                "aria-label": (0, c._)("Go to first page"),
                 key: "first",
-                onClick: v,
-                page: 1,
-                "aria-label": (0, c._)("Go to first page")
-            }, "1"));
-            h.push( t().createElement(de, {
+                onClick: m,
+                page: O
+            }), "1"));
+            P.push( r().createElement(de, {
                 "data-test": "page",
                 key: "prevEllipsis"
             }));
         }
-        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,
+        for (var w = C; w <= k; w += 1) {
+            var x = w === u;
+            P.push( r().createElement(me, be({}, l === null || l === void 0 ? void 0 : l({
+                page: w
+            }), {
+                "aria-current": x ? "page" : false,
                 "aria-label": (0, s.sprintf)((0, c._)("Page %(pageNumber)d"), {
-                    pageNumber: k
-                })
-            }, String(k)));
+                    pageNumber: w
+                }),
+                key: w,
+                onClick: m,
+                selected: x,
+                page: w
+            }), String(w)));
         }
-        if (l <= y && f > m && P !== f) {
-            h.push( t().createElement(de, {
+        if (u <= h && v > b && k !== v) {
+            P.push( r().createElement(de, {
                 "data-test": "page",
                 key: "nextEllipsis"
             }));
-            if (u) {
-                h.push( t().createElement(me, {
+            if (t) {
+                P.push( r().createElement(me, be({}, l === null || l === void 0 ? void 0 : l({
+                    page: v
+                }), {
+                    "aria-label": (0, c._)("Go to last page"),
                     "data-test": "last",
                     key: "last",
-                    onClick: v,
-                    page: f,
-                    "aria-label": (0, c._)("Go to last page")
-                }, String(f)));
+                    onClick: m,
+                    page: v
+                }), String(v)));
             }
         }
-        h.push( t().createElement(me, {
+        var E = u + 1;
+        P.push( r().createElement(me, be({}, l === null || l === void 0 ? void 0 : l({
+            page: E
+        }), {
+            "aria-label": (0, c._)("Go to next page"),
             "data-test": "next",
-            disabled: l === f,
-            onClick: v,
-            page: l + 1,
+            disabled: u === v,
             key: "next",
-            "aria-label": (0, c._)("Go to next page")
-        },  t().createElement(ve, null, (0, c._)("Next"),  t().createElement(ge, null))));
+            onClick: m,
+            page: E
+        }),  r().createElement(fe, null, (0, c._)("Next"),  r().createElement(ve, null))));
         
-        return t().createElement(o(), be({
+        return r().createElement(o(), be({
             "aria-label": (0, c._)("Pagination"),
             "data-test": "paginator",
-            "data-test-current": l,
+            "data-test-current": u,
             flex: true,
             inline: true,
             tag: "nav"
-        }, g), h);
+        }, f), P);
     }
-    Pe.Compact = W;
-    Pe.PageControl = oe;
-    Pe.propTypes = Ce;
-    /* harmony default export */    const ke = Pe;
+    Ce.Compact = W;
+    Ce.PageControl = oe;
+    Ce.propTypes = Pe;
+    /* harmony default export */    const ke = Ce;
     // CONCATENATED MODULE: ./src/Paginator/index.ts
     module.exports = n;
     /******/})();