@splunk/react-ui 4.26.0 → 4.28.0

package/Paginator.js

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