@instructure/ui-pagination 8.11.2-snapshot.7 → 8.12.0

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.12.0](https://github.com/instructure/instructure-ui/compare/v8.11.1...v8.12.0) (2021-11-17)
+
+**Note:** Version bump only for package @instructure/ui-pagination
+
 ## [8.11.1](https://github.com/instructure/instructure-ui/compare/v8.11.0...v8.11.1) (2021-10-19)
 
 **Note:** Version bump only for package @instructure/ui-pagination

package/es/Pagination/index.js

@@ -70,8 +70,6 @@ let Pagination = (_dec = withStyle(generateStyle, null), _dec2 = testable(), _de
       this.ref = el;
 
       if (el) {
-        this._root = el;
-
         if (typeof this.props.elementRef === 'function') {
           this.props.elementRef(el);
         }
@@ -83,6 +81,10 @@ let Pagination = (_dec = withStyle(generateStyle, null), _dec2 = testable(), _de
     this._nextButton = null;
   }
 
+  get _root() {
+    return this.ref;
+  }
+
   getSnapshotBeforeUpdate() {
     const activeElement = getActiveElement();
     return {
@@ -107,7 +109,7 @@ let Pagination = (_dec = withStyle(generateStyle, null), _dec2 = testable(), _de
           nextButtonFocused = _ref.nextButtonFocused;
 
     if (prevButtonFocused || nextButtonFocused) {
-      const focusable = findTabbable(this._root);
+      const focusable = findTabbable(this.ref);
       const focusIndex = prevButtonFocused ? 0 : focusable.length - 1;
       focusable[focusIndex].focus();
     }

package/es/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/Pagination/index.js

@@ -75,8 +75,6 @@ let Pagination = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 =
       this.ref = el;
 
       if (el) {
-        this._root = el;
-
         if (typeof this.props.elementRef === 'function') {
           this.props.elementRef(el);
         }
@@ -88,6 +86,10 @@ let Pagination = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 =
     this._nextButton = null;
   }
 
+  get _root() {
+    return this.ref;
+  }
+
   getSnapshotBeforeUpdate() {
     const activeElement = (0, _getActiveElement.getActiveElement)();
     return {
@@ -112,7 +114,7 @@ let Pagination = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 =
           nextButtonFocused = _ref.nextButtonFocused;
 
     if (prevButtonFocused || nextButtonFocused) {
-      const focusable = (0, _findTabbable.findTabbable)(this._root);
+      const focusable = (0, _findTabbable.findTabbable)(this.ref);
       const focusIndex = prevButtonFocused ? 0 : focusable.length - 1;
       focusable[focusIndex].focus();
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-pagination",
-  "version": "8.11.2-snapshot.7+2681e145a",
+  "version": "8.12.0",
   "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.11.2-snapshot.7+2681e145a",
-    "@instructure/ui-test-locator": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/ui-test-queries": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/ui-test-utils": "8.11.2-snapshot.7+2681e145a"
+    "@instructure/ui-babel-preset": "8.12.0",
+    "@instructure/ui-test-locator": "8.12.0",
+    "@instructure/ui-test-queries": "8.12.0",
+    "@instructure/ui-test-utils": "8.12.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/emotion": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/shared-types": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/ui-a11y-content": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/ui-a11y-utils": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/ui-buttons": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/ui-dom-utils": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/ui-icons": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/ui-portal": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/ui-prop-types": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/ui-react-utils": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/ui-testable": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/ui-tooltip": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/ui-utils": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/ui-view": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/uid": "8.11.2-snapshot.7+2681e145a",
+    "@instructure/emotion": "8.12.0",
+    "@instructure/shared-types": "8.12.0",
+    "@instructure/ui-a11y-content": "8.12.0",
+    "@instructure/ui-a11y-utils": "8.12.0",
+    "@instructure/ui-buttons": "8.12.0",
+    "@instructure/ui-dom-utils": "8.12.0",
+    "@instructure/ui-icons": "8.12.0",
+    "@instructure/ui-portal": "8.12.0",
+    "@instructure/ui-prop-types": "8.12.0",
+    "@instructure/ui-react-utils": "8.12.0",
+    "@instructure/ui-testable": "8.12.0",
+    "@instructure/ui-tooltip": "8.12.0",
+    "@instructure/ui-utils": "8.12.0",
+    "@instructure/ui-view": "8.12.0",
+    "@instructure/uid": "8.12.0",
     "prop-types": "^15"
   },
   "peerDependencies": {
@@ -54,6 +54,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false,
-  "gitHead": "2681e145ad469e1396536d3e9eed75a19995eb8a"
+  "sideEffects": false
 }

package/src/Pagination/index.tsx

@@ -103,6 +103,13 @@ class Pagination extends Component<PaginationProps> {
     // @ts-expect-error ts-migrate(2339) FIXME: Property '_nextButton' does not exist on type 'Pag... Remove this comment to see the full error message
     this._nextButton = null
   }
+  get _root() {
+    console.warn(
+      '_root property is deprecated and will be removed in v9, please use ref instead'
+    )
+
+    return this.ref
+  }
 
   getSnapshotBeforeUpdate() {
     const activeElement = getActiveElement()
@@ -134,8 +141,7 @@ class Pagination extends Component<PaginationProps> {
     const { prevButtonFocused, nextButtonFocused } = snapshot || {}
 
     if (prevButtonFocused || nextButtonFocused) {
-      // @ts-expect-error ts-migrate(2339) FIXME:
-      const focusable = findTabbable(this._root)
+      const focusable = findTabbable(this.ref)
       const focusIndex = prevButtonFocused ? 0 : focusable.length - 1
       // @ts-expect-error ts-migrate(2554) FIXME:
       focusable[focusIndex].focus()
@@ -159,8 +165,6 @@ class Pagination extends Component<PaginationProps> {
   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
       if (typeof this.props.elementRef === 'function') {
         this.props.elementRef(el)
       }

package/types/Pagination/index.d.ts

@@ -47,6 +47,7 @@ declare class Pagination extends Component<PaginationProps> {
     static Navigation: typeof PaginationArrowButton;
     ref: Element | null;
     constructor(...args: any[]);
+    get _root(): Element | null;
     getSnapshotBeforeUpdate(): {
         prevButtonFocused: boolean;
         nextButtonFocused: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Pagination/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQxC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAK/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAwB9C;;;;GAIG;AAEH,cAEM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,SAAS;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;MAQlB;IAED,MAAM,CAAC,IAAI,0BAAmB;IAC9B,MAAM,CAAC,UAAU,+BAAwB;IAEzC,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;gBAGd,GAAG,IAAI,OAAA;IAanB,uBAAuB;;;;IAWvB,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAqBjD,IAAI,WAAW,YAEd;IAGD,8BAA8B,CAAC,QAAQ,KAAA;IASvC,gBAAgB,oBASf;IAED,WAAW;IAkBX,WAAW,CAAC,gBAAgB,KAAA;IAmD5B,iBAAiB,CAAC,KAAK,KAAA,EAAE,SAAS,KAAA,EAAE,gBAAgB,KAAA;IA4BpD,MAAM;CAoCP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Pagination/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQxC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAK/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAwB9C;;;;GAIG;AAEH,cAEM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,SAAS;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;MAQlB;IAED,MAAM,CAAC,IAAI,0BAAmB;IAC9B,MAAM,CAAC,UAAU,+BAAwB;IAEzC,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;gBAGd,GAAG,IAAI,OAAA;IAYnB,IAAI,KAAK,mBAMR;IAED,uBAAuB;;;;IAWvB,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAoBjD,IAAI,WAAW,YAEd;IAGD,8BAA8B,CAAC,QAAQ,KAAA;IASvC,gBAAgB,oBAOf;IAED,WAAW;IAkBX,WAAW,CAAC,gBAAgB,KAAA;IAmD5B,iBAAiB,CAAC,KAAK,KAAA,EAAE,SAAS,KAAA,EAAE,gBAAgB,KAAA;IA4BpD,MAAM;CAoCP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAA"}

package/LICENSE.md

@@ -1,27 +0,0 @@
----
-title: The MIT License (MIT)
-category: Getting Started
-order: 9
----
-
-# The MIT License (MIT)
-
-Copyright (c) 2015 Instructure, Inc.
-
-**Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions.**
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.