@instructure/ui-pagination 8.10.1-snapshot.9 → 8.10.3-snapshot.2

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.10.2](https://github.com/instructure/instructure-ui/compare/v8.10.1...v8.10.2) (2021-10-01)
+
+**Note:** Version bump only for package @instructure/ui-pagination
+
+## [8.10.1](https://github.com/instructure/instructure-ui/compare/v8.10.0...v8.10.1) (2021-10-01)
+
+**Note:** Version bump only for package @instructure/ui-pagination
+
 # [8.10.0](https://github.com/instructure/instructure-ui/compare/v8.9.1...v8.10.0) (2021-09-28)
 
 **Note:** Version bump only for package @instructure/ui-pagination

package/es/Pagination/PaginationArrowButton/index.js

@@ -41,6 +41,11 @@ id: Pagination.Navigation
 **/
 
 let PaginationArrowButton = (_dec = testable(), _dec(_class = (_temp = _class2 = class PaginationArrowButton extends Component {
+  constructor(...args) {
+    super(...args);
+    this.ref = null;
+  }
+
   render() {
     const _this$props = this.props,
           label = _this$props.label,
@@ -51,7 +56,11 @@ let PaginationArrowButton = (_dec = testable(), _dec(_class = (_temp = _class2 =
     const Icon = direction === 'prev' ? IconArrowOpenStartSolid : IconArrowOpenEndSolid;
     return /*#__PURE__*/React.createElement(Tooltip, {
       on: ['hover', 'focus'],
-      renderTip: /*#__PURE__*/React.createElement(PresentationContent, null, label)
+      renderTip: /*#__PURE__*/React.createElement(PresentationContent, {
+        elementRef: element => {
+          this.ref = element;
+        }
+      }, label)
     }, /*#__PURE__*/React.createElement(IconButton, Object.assign({}, props, {
       size: "small",
       withBackground: false,

package/es/Pagination/PaginationButton/index.js

@@ -36,6 +36,11 @@ id: Pagination.Page
 ---
 **/
 let PaginationButton = (_dec = testable(), _dec(_class = (_temp = _class2 = class PaginationButton extends Component {
+  constructor(...args) {
+    super(...args);
+    this.ref = null;
+  }
+
   render() {
     const exclude = this.props.current ? ['onClick', 'href'] : [];
     const props = omitProps(this.props, PaginationButton.allowedProps, exclude);
@@ -44,7 +49,10 @@ let PaginationButton = (_dec = testable(), _dec(_class = (_temp = _class2 = clas
       withBackground: this.props.current ? true : false,
       withBorder: this.props.current ? true : false
     }, props, {
-      "aria-current": this.props.current ? 'page' : null
+      "aria-current": this.props.current ? 'page' : null,
+      elementRef: element => {
+        this.ref = element;
+      }
     }), this.props.children);
   }
 

package/es/Pagination/index.js

@@ -64,8 +64,11 @@ category: components
 let Pagination = (_dec = withStyle(generateStyle, null), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class Pagination extends Component {
   constructor(...args) {
     super(...args);
+    this.ref = null;
 
     this.handleElementRef = el => {
+      this.ref = el;
+
       if (el) {
         this._root = el;
 

package/lib/Pagination/PaginationArrowButton/index.js

@@ -38,6 +38,11 @@ id: Pagination.Navigation
 ---
 **/
 let PaginationArrowButton = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _class2 = class PaginationArrowButton extends _react.Component {
+  constructor(...args) {
+    super(...args);
+    this.ref = null;
+  }
+
   render() {
     const _this$props = this.props,
           label = _this$props.label,
@@ -47,7 +52,11 @@ let PaginationArrowButton = (_dec = (0, _testable.testable)(), _dec(_class = (_t
     const Icon = direction === 'prev' ? _IconArrowOpenStartSolid.IconArrowOpenStartSolid : _IconArrowOpenEndSolid.IconArrowOpenEndSolid;
     return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
       on: ['hover', 'focus'],
-      renderTip: /*#__PURE__*/_react.default.createElement(_PresentationContent.PresentationContent, null, label)
+      renderTip: /*#__PURE__*/_react.default.createElement(_PresentationContent.PresentationContent, {
+        elementRef: element => {
+          this.ref = element;
+        }
+      }, label)
     }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, Object.assign({}, props, {
       size: "small",
       withBackground: false,

package/lib/Pagination/PaginationButton/index.js

@@ -26,6 +26,11 @@ id: Pagination.Page
 ---
 **/
 let PaginationButton = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _class2 = class PaginationButton extends _react.Component {
+  constructor(...args) {
+    super(...args);
+    this.ref = null;
+  }
+
   render() {
     const exclude = this.props.current ? ['onClick', 'href'] : [];
     const props = (0, _omitProps.omitProps)(this.props, PaginationButton.allowedProps, exclude);
@@ -34,7 +39,10 @@ let PaginationButton = (_dec = (0, _testable.testable)(), _dec(_class = (_temp =
       withBackground: this.props.current ? true : false,
       withBorder: this.props.current ? true : false
     }, props, {
-      "aria-current": this.props.current ? 'page' : null
+      "aria-current": this.props.current ? 'page' : null,
+      elementRef: element => {
+        this.ref = element;
+      }
     }), this.props.children);
   }
 

package/lib/Pagination/index.js

@@ -69,8 +69,11 @@ category: components
 let Pagination = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class Pagination extends _react.Component {
   constructor(...args) {
     super(...args);
+    this.ref = null;
 
     this.handleElementRef = el => {
+      this.ref = el;
+
       if (el) {
         this._root = el;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-pagination",
-  "version": "8.10.1-snapshot.9+93b506fe0",
+  "version": "8.10.3-snapshot.2+ccdf8f43b",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -24,28 +24,28 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/ui-test-locator": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/ui-test-queries": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/ui-test-utils": "8.10.1-snapshot.9+93b506fe0"
+    "@instructure/ui-babel-preset": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/ui-test-locator": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/ui-test-queries": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/ui-test-utils": "8.10.3-snapshot.2+ccdf8f43b"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/emotion": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/shared-types": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/ui-a11y-content": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/ui-a11y-utils": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/ui-buttons": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/ui-dom-utils": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/ui-icons": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/ui-portal": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/ui-prop-types": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/ui-react-utils": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/ui-testable": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/ui-tooltip": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/ui-utils": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/ui-view": "8.10.1-snapshot.9+93b506fe0",
-    "@instructure/uid": "8.10.1-snapshot.9+93b506fe0",
+    "@instructure/emotion": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/shared-types": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/ui-a11y-content": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/ui-a11y-utils": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/ui-buttons": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/ui-dom-utils": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/ui-icons": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/ui-portal": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/ui-prop-types": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/ui-react-utils": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/ui-testable": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/ui-tooltip": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/ui-utils": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/ui-view": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/uid": "8.10.3-snapshot.2+ccdf8f43b",
     "prop-types": "^15"
   },
   "peerDependencies": {
@@ -55,5 +55,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "93b506fe0860718ebe2cc2729fd023e3e7489231"
+  "gitHead": "ccdf8f43b56a8edef32600281692dfeb436d5a01"
 }

package/src/Pagination/PaginationArrowButton/index.tsx

@@ -53,6 +53,8 @@ class PaginationArrowButton extends Component<PaginationNavigationProps> {
     buttonRef: (el) => {}
   }
 
+  ref: Element | null = null
+
   render() {
     const { label, direction, buttonRef, ...props } = this.props
     const Icon =
@@ -60,7 +62,15 @@ class PaginationArrowButton extends Component<PaginationNavigationProps> {
     return (
       <Tooltip
         on={['hover', 'focus']}
-        renderTip={<PresentationContent>{label}</PresentationContent>}
+        renderTip={
+          <PresentationContent
+            elementRef={(element) => {
+              this.ref = element
+            }}
+          >
+            {label}
+          </PresentationContent>
+        }
       >
         <IconButton
           {...props}

package/src/Pagination/PaginationButton/index.tsx

@@ -48,6 +48,8 @@ class PaginationButton extends Component<PaginationPageProps> {
     current: false
   }
 
+  ref: Element | null = null
+
   render() {
     const exclude = this.props.current ? ['onClick', 'href'] : []
     const props = omitProps(this.props, PaginationButton.allowedProps, exclude)
@@ -58,6 +60,9 @@ class PaginationButton extends Component<PaginationPageProps> {
         withBorder={this.props.current ? true : false}
         {...props}
         aria-current={this.props.current ? 'page' : null}
+        elementRef={(element) => {
+          this.ref = element
+        }}
       >
         {this.props.children}
       </BaseButton>

package/src/Pagination/index.tsx

@@ -88,6 +88,8 @@ class Pagination extends Component<PaginationProps> {
   static Page = PaginationButton
   static Navigation = PaginationArrowButton
 
+  ref: Element | null = null
+
   // @ts-expect-error ts-migrate(7019) FIXME: Rest parameter 'args' implicitly has an 'any[]' ty... Remove this comment to see the full error message
   constructor(...args) {
     // @ts-expect-error ts-migrate(2556) FIXME: Expected 1-2 arguments, but got 0 or more.
@@ -155,6 +157,7 @@ class Pagination extends Component<PaginationProps> {
 
   // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'el' implicitly has an 'any' type.
   handleElementRef = (el) => {
+    this.ref = el
     if (el) {
       // @ts-expect-error ts-migrate(2339) FIXME: Property '_root' does not exist on type 'Paginatio... Remove this comment to see the full error message
       this._root = el

package/src/Pagination/props.ts

@@ -46,7 +46,7 @@ type PaginationOwnProps = {
   variant?: 'full' | 'compact'
   margin?: Spacing
   as?: AsElementType
-  elementRef?: (...args: any[]) => any
+  elementRef?: (element: Element | null) => void
   shouldHandleFocus?: boolean
 }
 

package/types/Pagination/PaginationArrowButton/PaginationArrowButtonLocator.d.ts

@@ -22,24 +22,28 @@ export declare const PaginationArrowButtonLocator: {
         findParent: typeof import("@instructure/ui-test-queries/src/utils/queries").findParent;
         findParents: typeof import("@instructure/ui-test-queries/src/utils/queries").findParents;
     } & {
+        toString: (maxLength?: number | undefined, options?: {
+            highlight: boolean;
+        } | undefined) => string;
+        contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
+        children: (selector: string) => Element[];
+        title: () => string | null | undefined;
+        id: () => string;
+        tagName: () => string;
+        getAttribute: (qualifiedName: string) => string | null;
+        getBoundingClientRect: () => DOMRect;
+        matches: (selector: string | undefined) => boolean;
         visible: () => boolean;
         value: () => string | null;
         disabled: () => string | null;
         role: () => string | null;
-        id: () => string;
         label: () => string | null | undefined;
-        title: () => string | null | undefined;
-        toString: (maxLength?: number | undefined, options?: {
-            highlight: boolean;
-        } | undefined) => string;
         getId: () => string;
         getOwnerWindow: () => (Window & typeof globalThis) | null;
         getOwnerDocument: () => Document;
         getComputedStyle: () => CSSStyleDeclaration;
         getTagName: () => string;
-        tagName: () => string;
         typeIn: (text: string) => Promise<void>;
-        getAttribute: (qualifiedName: string) => string | null;
         getDOMNode: () => Element;
         node: () => Element;
         debug: (maxLength?: number | undefined, options?: {
@@ -47,9 +51,8 @@ export declare const PaginationArrowButtonLocator: {
         } | undefined) => void;
         accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
         getTextContent: () => string | null;
-        getParentNode: () => (Node & ParentNode) | null;
-        parent: () => (Node & ParentNode) | null;
-        getBoundingClientRect: () => DOMRect;
+        getParentNode: () => ParentNode | null;
+        parent: () => ParentNode | null;
         rect: () => DOMRect;
         hasClass: (classname: string) => boolean;
         containsFocus: () => boolean;
@@ -61,19 +64,17 @@ export declare const PaginationArrowButtonLocator: {
         exists: () => boolean;
         text: () => string | null;
         empty: () => boolean;
-        contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
         descendants: (selector: string) => Element[];
-        ancestors: (selector: string) => (Node & ParentNode)[];
+        ancestors: (selector: string) => ParentNode[];
         attribute: (qualifiedName: string) => string | null;
         style: (property: string) => string;
         classNames: () => string[];
-        matches: (selector: string | undefined) => boolean;
         checked: () => any;
         selected: () => any;
         readonly: () => any;
-        children: (selector: string) => Element[];
-        parents: (selector: string) => (Node & ParentNode)[];
+        parents: (selector: string) => ParentNode[];
     } & {
+        scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         copy: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         cut: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         paste: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
@@ -111,7 +112,6 @@ export declare const PaginationArrowButtonLocator: {
         touchEnd: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         touchMove: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         touchStart: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
-        scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         wheel: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         abort: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         canPlay: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
@@ -164,24 +164,28 @@ export declare const PaginationArrowButtonLocator: {
         findParent: typeof import("@instructure/ui-test-queries/src/utils/queries").findParent;
         findParents: typeof import("@instructure/ui-test-queries/src/utils/queries").findParents;
     } & {
+        toString: (maxLength?: number | undefined, options?: {
+            highlight: boolean;
+        } | undefined) => string;
+        contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
+        children: (selector: string) => Element[];
+        title: () => string | null | undefined;
+        id: () => string;
+        tagName: () => string;
+        getAttribute: (qualifiedName: string) => string | null;
+        getBoundingClientRect: () => DOMRect;
+        matches: (selector: string | undefined) => boolean;
         visible: () => boolean;
         value: () => string | null;
         disabled: () => string | null;
         role: () => string | null;
-        id: () => string;
         label: () => string | null | undefined;
-        title: () => string | null | undefined;
-        toString: (maxLength?: number | undefined, options?: {
-            highlight: boolean;
-        } | undefined) => string;
         getId: () => string;
         getOwnerWindow: () => (Window & typeof globalThis) | null;
         getOwnerDocument: () => Document;
         getComputedStyle: () => CSSStyleDeclaration;
         getTagName: () => string;
-        tagName: () => string;
         typeIn: (text: string) => Promise<void>;
-        getAttribute: (qualifiedName: string) => string | null;
         getDOMNode: () => Element;
         node: () => Element;
         debug: (maxLength?: number | undefined, options?: {
@@ -189,9 +193,8 @@ export declare const PaginationArrowButtonLocator: {
         } | undefined) => void;
         accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
         getTextContent: () => string | null;
-        getParentNode: () => (Node & ParentNode) | null;
-        parent: () => (Node & ParentNode) | null;
-        getBoundingClientRect: () => DOMRect;
+        getParentNode: () => ParentNode | null;
+        parent: () => ParentNode | null;
         rect: () => DOMRect;
         hasClass: (classname: string) => boolean;
         containsFocus: () => boolean;
@@ -203,19 +206,17 @@ export declare const PaginationArrowButtonLocator: {
         exists: () => boolean;
         text: () => string | null;
         empty: () => boolean;
-        contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
         descendants: (selector: string) => Element[];
-        ancestors: (selector: string) => (Node & ParentNode)[];
+        ancestors: (selector: string) => ParentNode[];
         attribute: (qualifiedName: string) => string | null;
         style: (property: string) => string;
         classNames: () => string[];
-        matches: (selector: string | undefined) => boolean;
         checked: () => any;
         selected: () => any;
         readonly: () => any;
-        children: (selector: string) => Element[];
-        parents: (selector: string) => (Node & ParentNode)[];
+        parents: (selector: string) => ParentNode[];
     } & {
+        scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         copy: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         cut: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         paste: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
@@ -253,7 +254,6 @@ export declare const PaginationArrowButtonLocator: {
         touchEnd: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         touchMove: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         touchStart: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
-        scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         wheel: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         abort: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         canPlay: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
@@ -306,24 +306,28 @@ export declare const PaginationArrowButtonLocator: {
         findParent: typeof import("@instructure/ui-test-queries/src/utils/queries").findParent;
         findParents: typeof import("@instructure/ui-test-queries/src/utils/queries").findParents;
     } & {
+        toString: (maxLength?: number | undefined, options?: {
+            highlight: boolean;
+        } | undefined) => string;
+        contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
+        children: (selector: string) => Element[];
+        title: () => string | null | undefined;
+        id: () => string;
+        tagName: () => string;
+        getAttribute: (qualifiedName: string) => string | null;
+        getBoundingClientRect: () => DOMRect;
+        matches: (selector: string | undefined) => boolean;
         visible: () => boolean;
         value: () => string | null;
         disabled: () => string | null;
         role: () => string | null;
-        id: () => string;
         label: () => string | null | undefined;
-        title: () => string | null | undefined;
-        toString: (maxLength?: number | undefined, options?: {
-            highlight: boolean;
-        } | undefined) => string;
         getId: () => string;
         getOwnerWindow: () => (Window & typeof globalThis) | null;
         getOwnerDocument: () => Document;
         getComputedStyle: () => CSSStyleDeclaration;
         getTagName: () => string;
-        tagName: () => string;
         typeIn: (text: string) => Promise<void>;
-        getAttribute: (qualifiedName: string) => string | null;
         getDOMNode: () => Element;
         node: () => Element;
         debug: (maxLength?: number | undefined, options?: {
@@ -331,9 +335,8 @@ export declare const PaginationArrowButtonLocator: {
         } | undefined) => void;
         accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
         getTextContent: () => string | null;
-        getParentNode: () => (Node & ParentNode) | null;
-        parent: () => (Node & ParentNode) | null;
-        getBoundingClientRect: () => DOMRect;
+        getParentNode: () => ParentNode | null;
+        parent: () => ParentNode | null;
         rect: () => DOMRect;
         hasClass: (classname: string) => boolean;
         containsFocus: () => boolean;
@@ -345,19 +348,17 @@ export declare const PaginationArrowButtonLocator: {
         exists: () => boolean;
         text: () => string | null;
         empty: () => boolean;
-        contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
         descendants: (selector: string) => Element[];
-        ancestors: (selector: string) => (Node & ParentNode)[];
+        ancestors: (selector: string) => ParentNode[];
         attribute: (qualifiedName: string) => string | null;
         style: (property: string) => string;
         classNames: () => string[];
-        matches: (selector: string | undefined) => boolean;
         checked: () => any;
         selected: () => any;
         readonly: () => any;
-        children: (selector: string) => Element[];
-        parents: (selector: string) => (Node & ParentNode)[];
+        parents: (selector: string) => ParentNode[];
     } & {
+        scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         copy: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         cut: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         paste: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
@@ -395,7 +396,6 @@ export declare const PaginationArrowButtonLocator: {
         touchEnd: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         touchMove: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         touchStart: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
-        scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         wheel: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         abort: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         canPlay: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
@@ -448,24 +448,28 @@ export declare const PaginationArrowButtonLocator: {
         findParent: typeof import("@instructure/ui-test-queries/src/utils/queries").findParent;
         findParents: typeof import("@instructure/ui-test-queries/src/utils/queries").findParents;
     } & {
+        toString: (maxLength?: number | undefined, options?: {
+            highlight: boolean;
+        } | undefined) => string;
+        contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
+        children: (selector: string) => Element[];
+        title: () => string | null | undefined;
+        id: () => string;
+        tagName: () => string;
+        getAttribute: (qualifiedName: string) => string | null;
+        getBoundingClientRect: () => DOMRect;
+        matches: (selector: string | undefined) => boolean;
         visible: () => boolean;
         value: () => string | null;
         disabled: () => string | null;
         role: () => string | null;
-        id: () => string;
         label: () => string | null | undefined;
-        title: () => string | null | undefined;
-        toString: (maxLength?: number | undefined, options?: {
-            highlight: boolean;
-        } | undefined) => string;
         getId: () => string;
         getOwnerWindow: () => (Window & typeof globalThis) | null;
         getOwnerDocument: () => Document;
         getComputedStyle: () => CSSStyleDeclaration;
         getTagName: () => string;
-        tagName: () => string;
         typeIn: (text: string) => Promise<void>;
-        getAttribute: (qualifiedName: string) => string | null;
         getDOMNode: () => Element;
         node: () => Element;
         debug: (maxLength?: number | undefined, options?: {
@@ -473,9 +477,8 @@ export declare const PaginationArrowButtonLocator: {
         } | undefined) => void;
         accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
         getTextContent: () => string | null;
-        getParentNode: () => (Node & ParentNode) | null;
-        parent: () => (Node & ParentNode) | null;
-        getBoundingClientRect: () => DOMRect;
+        getParentNode: () => ParentNode | null;
+        parent: () => ParentNode | null;
         rect: () => DOMRect;
         hasClass: (classname: string) => boolean;
         containsFocus: () => boolean;
@@ -487,19 +490,17 @@ export declare const PaginationArrowButtonLocator: {
         exists: () => boolean;
         text: () => string | null;
         empty: () => boolean;
-        contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
         descendants: (selector: string) => Element[];
-        ancestors: (selector: string) => (Node & ParentNode)[];
+        ancestors: (selector: string) => ParentNode[];
         attribute: (qualifiedName: string) => string | null;
         style: (property: string) => string;
         classNames: () => string[];
-        matches: (selector: string | undefined) => boolean;
         checked: () => any;
         selected: () => any;
         readonly: () => any;
-        children: (selector: string) => Element[];
-        parents: (selector: string) => (Node & ParentNode)[];
+        parents: (selector: string) => ParentNode[];
     } & {
+        scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         copy: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         cut: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         paste: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
@@ -537,7 +538,6 @@ export declare const PaginationArrowButtonLocator: {
         touchEnd: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         touchMove: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         touchStart: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
-        scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         wheel: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         abort: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         canPlay: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;

package/types/Pagination/PaginationArrowButton/index.d.ts

@@ -21,6 +21,7 @@ declare class PaginationArrowButton extends Component<PaginationNavigationProps>
     static defaultProps: {
         buttonRef: (el: any) => void;
     };
+    ref: Element | null;
     render(): JSX.Element;
 }
 export default PaginationArrowButton;

package/types/Pagination/PaginationArrowButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Pagination/PaginationArrowButton/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAUxC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGxD;;;;;GAKG;AACH,cACM,qBAAsB,SAAQ,SAAS,CAAC,yBAAyB,CAAC;IACtE,MAAM,CAAC,QAAQ,CAAC,WAAW,2BAA0B;IAErD,MAAM,CAAC,YAAY;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;MAGlB;IAED,MAAM;CAyBP;AAED,eAAe,qBAAqB,CAAA;AACpC,OAAO,EAAE,qBAAqB,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Pagination/PaginationArrowButton/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAUxC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGxD;;;;;GAKG;AACH,cACM,qBAAsB,SAAQ,SAAS,CAAC,yBAAyB,CAAC;IACtE,MAAM,CAAC,QAAQ,CAAC,WAAW,2BAA0B;IAErD,MAAM,CAAC,YAAY;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;MAGlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,MAAM;CAiCP;AAED,eAAe,qBAAqB,CAAA;AACpC,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

package/types/Pagination/PaginationButton/index.d.ts

@@ -19,6 +19,7 @@ declare class PaginationButton extends Component<PaginationPageProps> {
     static defaultProps: {
         current: boolean;
     };
+    ref: Element | null;
     render(): JSX.Element;
 }
 export default PaginationButton;

package/types/Pagination/PaginationButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Pagination/PaginationButton/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOxC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD;;;;;GAKG;AAEH,cACM,gBAAiB,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IAC3D,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,SAAS;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;SAAe;IAClC,MAAM,CAAC,YAAY;;MAElB;IAED,MAAM;CAeP;AAED,eAAe,gBAAgB,CAAA;AAC/B,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Pagination/PaginationButton/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOxC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD;;;;;GAKG;AAEH,cACM,gBAAiB,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IAC3D,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,SAAS;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;SAAe;IAClC,MAAM,CAAC,YAAY;;MAElB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,MAAM;CAkBP;AAED,eAAe,gBAAgB,CAAA;AAC/B,OAAO,EAAE,gBAAgB,EAAE,CAAA"}