@instructure/ui-pagination 8.13.1-snapshot.41 → 8.13.1-snapshot.47

package/es/Pagination/PaginationPageInput/index.js

@@ -25,7 +25,7 @@ var _dec, _dec2, _class, _class2, _temp;
  */
 
 /** @jsx jsx */
-import { Component } from 'react';
+import React, { Component } from 'react';
 import { testable } from '@instructure/ui-testable';
 import { withStyle, jsx } from '@instructure/emotion';
 import { NumberInput } from '@instructure/ui-number-input';

package/lib/Pagination/PaginationPageInput/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
 Object.defineProperty(exports, "__esModule", {
@@ -7,7 +9,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.PaginationPageInput = void 0;
 
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 
 var _testable = require("@instructure/ui-testable/lib/testable.js");
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-pagination",
-  "version": "8.13.1-snapshot.41+add2332d5",
+  "version": "8.13.1-snapshot.47+916492232",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -24,29 +24,29 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.13.1-snapshot.41+add2332d5",
-    "@instructure/ui-test-locator": "8.13.1-snapshot.41+add2332d5",
-    "@instructure/ui-test-queries": "8.13.1-snapshot.41+add2332d5",
-    "@instructure/ui-test-utils": "8.13.1-snapshot.41+add2332d5"
+    "@instructure/ui-babel-preset": "8.13.1-snapshot.47+916492232",
+    "@instructure/ui-test-locator": "8.13.1-snapshot.47+916492232",
+    "@instructure/ui-test-queries": "8.13.1-snapshot.47+916492232",
+    "@instructure/ui-test-utils": "8.13.1-snapshot.47+916492232"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/emotion": "8.13.1-snapshot.41+add2332d5",
-    "@instructure/shared-types": "8.13.1-snapshot.41+add2332d5",
-    "@instructure/ui-a11y-content": "8.13.1-snapshot.41+add2332d5",
-    "@instructure/ui-a11y-utils": "8.13.1-snapshot.41+add2332d5",
-    "@instructure/ui-buttons": "8.13.1-snapshot.41+add2332d5",
-    "@instructure/ui-dom-utils": "8.13.1-snapshot.41+add2332d5",
-    "@instructure/ui-icons": "8.13.1-snapshot.41+add2332d5",
-    "@instructure/ui-number-input": "8.13.1-snapshot.41+add2332d5",
-    "@instructure/ui-portal": "8.13.1-snapshot.41+add2332d5",
-    "@instructure/ui-prop-types": "8.13.1-snapshot.41+add2332d5",
-    "@instructure/ui-react-utils": "8.13.1-snapshot.41+add2332d5",
-    "@instructure/ui-testable": "8.13.1-snapshot.41+add2332d5",
-    "@instructure/ui-tooltip": "8.13.1-snapshot.41+add2332d5",
-    "@instructure/ui-utils": "8.13.1-snapshot.41+add2332d5",
-    "@instructure/ui-view": "8.13.1-snapshot.41+add2332d5",
-    "@instructure/uid": "8.13.1-snapshot.41+add2332d5",
+    "@instructure/emotion": "8.13.1-snapshot.47+916492232",
+    "@instructure/shared-types": "8.13.1-snapshot.47+916492232",
+    "@instructure/ui-a11y-content": "8.13.1-snapshot.47+916492232",
+    "@instructure/ui-a11y-utils": "8.13.1-snapshot.47+916492232",
+    "@instructure/ui-buttons": "8.13.1-snapshot.47+916492232",
+    "@instructure/ui-dom-utils": "8.13.1-snapshot.47+916492232",
+    "@instructure/ui-icons": "8.13.1-snapshot.47+916492232",
+    "@instructure/ui-number-input": "8.13.1-snapshot.47+916492232",
+    "@instructure/ui-portal": "8.13.1-snapshot.47+916492232",
+    "@instructure/ui-prop-types": "8.13.1-snapshot.47+916492232",
+    "@instructure/ui-react-utils": "8.13.1-snapshot.47+916492232",
+    "@instructure/ui-testable": "8.13.1-snapshot.47+916492232",
+    "@instructure/ui-tooltip": "8.13.1-snapshot.47+916492232",
+    "@instructure/ui-utils": "8.13.1-snapshot.47+916492232",
+    "@instructure/ui-view": "8.13.1-snapshot.47+916492232",
+    "@instructure/uid": "8.13.1-snapshot.47+916492232",
     "keycode": "^2",
     "prop-types": "^15"
   },
@@ -57,5 +57,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "add2332d5dd43d3d931c4a1631748be96f09b49a"
+  "gitHead": "91649223270a5799900148665aa0e3e67683634e"
 }

package/src/Pagination/PaginationPageInput/index.tsx

@@ -22,7 +22,8 @@
  * SOFTWARE.
  */
 /** @jsx jsx */
-import { Component } from 'react'
+
+import React, { Component } from 'react'
 
 import { testable } from '@instructure/ui-testable'
 import { withStyle, jsx } from '@instructure/emotion'
@@ -117,7 +118,10 @@ class PaginationPageInput extends Component<
     }
   }
 
-  handleChange = (_event: Event, value: string) => {
+  handleChange = (
+    _event: React.ChangeEvent<HTMLInputElement>,
+    value: string
+  ) => {
     let newValue = value
 
     // if the last character was not a number, don't accept it
@@ -131,7 +135,7 @@ class PaginationPageInput extends Component<
     })
   }
 
-  handleKeyDown(event: KeyboardEvent) {
+  handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>) {
     const { key } = event
 
     if (key.toLowerCase() === 'enter') {
@@ -147,15 +151,15 @@ class PaginationPageInput extends Component<
     }
   }
 
-  handleDecrement = (event: Event) => {
+  handleDecrement = (event: React.UIEvent<HTMLInputElement>) => {
     this.setNewPage(event, Math.floor(this.currentPage - 1))
   }
 
-  handleIncrement = (event: Event) => {
+  handleIncrement = (event: React.UIEvent<HTMLInputElement>) => {
     this.setNewPage(event, Math.floor(this.currentPage + 1))
   }
 
-  handleBlur = (event: Event) => {
+  handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {
     this.setNewPage(event, Math.round(this.state.number))
   }
 
@@ -165,7 +169,10 @@ class PaginationPageInput extends Component<
     return n
   }
 
-  setNewPage(event: Event, n: number) {
+  setNewPage(
+    event: React.UIEvent<HTMLInputElement> | React.FocusEvent<HTMLInputElement>,
+    n: number
+  ) {
     const number = this.getNumberWithinRange(n)
 
     this.setState({

package/src/Pagination/PaginationPageInput/props.ts

@@ -43,7 +43,10 @@ type PaginationPageInputOwnProps = {
   /**
    * Fires when a new page index is selected
    */
-  onChange: (event: Event, pageIndex: number) => void
+  onChange: (
+    event: React.SyntheticEvent<HTMLInputElement>,
+    pageIndex: number
+  ) => void
   /**
    * ScreenReaderLabel for number input
    */

package/src/Pagination/index.tsx

@@ -266,7 +266,10 @@ class Pagination extends Component<PaginationProps> {
     )
   }
 
-  handleInputChange(event: Event, pageIndex: number) {
+  handleInputChange(
+    event: React.SyntheticEvent<HTMLInputElement>,
+    pageIndex: number
+  ) {
     this.childPages[pageIndex].props.onClick?.(event as any)
   }
 
@@ -375,12 +378,8 @@ class Pagination extends Component<PaginationProps> {
       return null
     }
 
-    const {
-      pageIndex,
-      label,
-      shouldEnableIcon,
-      handleButtonRef
-    } = this.getArrowVariant(direction, currentPageIndex, childPages.length)
+    const { pageIndex, label, shouldEnableIcon, handleButtonRef } =
+      this.getArrowVariant(direction, currentPageIndex, childPages.length)
 
     const page = childPages[pageIndex]