@instructure/ui-pages 8.10.1 → 8.10.3-snapshot.3

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.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-pages
+
 ## [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-pages

package/LICENSE.md

@@ -0,0 +1,27 @@
+---
+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.

package/es/Pages/Page/index.js

@@ -39,6 +39,11 @@ id: Pages.Page
 **/
 
 class Page extends Component {
+  constructor(...args) {
+    super(...args);
+    this.ref = null;
+  }
+
   get defaultFocusElement() {
     let defaultFocusElement = this.props.defaultFocusElement;
 
@@ -83,7 +88,9 @@ class Page extends Component {
       padding: props.padding,
       textAlign: props.textAlign,
       elementRef: el => {
-        this._content = el;
+        this._content = el; // TODO remove and keep 'ref' in v9
+
+        this.ref = el;
       }
     }, children && typeof children === 'function' ? children(history, navigateToPreviousPage) : children));
   }

package/es/Pages/index.js

@@ -50,6 +50,7 @@ let Pages = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_clas
   constructor(props) {
     super(props);
     this._timeouts = [];
+    this.ref = null;
 
     this.handleBackButtonClick = () => {
       const oldPageIndex = this._history.pop();
@@ -138,7 +139,9 @@ let Pages = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_clas
       margin: this.props.margin,
       role: "region",
       elementRef: el => {
-        this._contentElement = el;
+        this._contentElement = el; // TODO remove with v9 and keep ref
+
+        this.ref = el;
       }
     }, this.activePage)) : null;
   }

package/lib/Pages/Page/index.js

@@ -36,6 +36,11 @@ id: Pages.Page
 ---
 **/
 class Page extends _react.Component {
+  constructor(...args) {
+    super(...args);
+    this.ref = null;
+  }
+
   get defaultFocusElement() {
     let defaultFocusElement = this.props.defaultFocusElement;
 
@@ -79,7 +84,9 @@ class Page extends _react.Component {
       padding: props.padding,
       textAlign: props.textAlign,
       elementRef: el => {
-        this._content = el;
+        this._content = el; // TODO remove and keep 'ref' in v9
+
+        this.ref = el;
       }
     }, children && typeof children === 'function' ? children(history, navigateToPreviousPage) : children));
   }

package/lib/Pages/index.js

@@ -56,6 +56,7 @@ let Pages = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
   constructor(props) {
     super(props);
     this._timeouts = [];
+    this.ref = null;
 
     this.handleBackButtonClick = () => {
       const oldPageIndex = this._history.pop();
@@ -146,7 +147,9 @@ let Pages = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
       margin: this.props.margin,
       role: "region",
       elementRef: el => {
-        this._contentElement = el;
+        this._contentElement = el; // TODO remove with v9 and keep ref
+
+        this.ref = el;
       }
     }, this.activePage)) : null;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-pages",
-  "version": "8.10.1",
+  "version": "8.10.3-snapshot.3+2ee813492",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -24,23 +24,23 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.10.1",
-    "@instructure/ui-color-utils": "8.10.1",
-    "@instructure/ui-test-utils": "8.10.1",
-    "@instructure/ui-themes": "8.10.1"
+    "@instructure/ui-babel-preset": "8.10.3-snapshot.3+2ee813492",
+    "@instructure/ui-color-utils": "8.10.3-snapshot.3+2ee813492",
+    "@instructure/ui-test-utils": "8.10.3-snapshot.3+2ee813492",
+    "@instructure/ui-themes": "8.10.3-snapshot.3+2ee813492"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.10.1",
-    "@instructure/emotion": "8.10.1",
-    "@instructure/shared-types": "8.10.1",
-    "@instructure/ui-a11y-utils": "8.10.1",
-    "@instructure/ui-dom-utils": "8.10.1",
-    "@instructure/ui-prop-types": "8.10.1",
-    "@instructure/ui-react-utils": "8.10.1",
-    "@instructure/ui-utils": "8.10.1",
-    "@instructure/ui-view": "8.10.1",
-    "@instructure/uid": "8.10.1",
+    "@instructure/console": "8.10.3-snapshot.3+2ee813492",
+    "@instructure/emotion": "8.10.3-snapshot.3+2ee813492",
+    "@instructure/shared-types": "8.10.3-snapshot.3+2ee813492",
+    "@instructure/ui-a11y-utils": "8.10.3-snapshot.3+2ee813492",
+    "@instructure/ui-dom-utils": "8.10.3-snapshot.3+2ee813492",
+    "@instructure/ui-prop-types": "8.10.3-snapshot.3+2ee813492",
+    "@instructure/ui-react-utils": "8.10.3-snapshot.3+2ee813492",
+    "@instructure/ui-utils": "8.10.3-snapshot.3+2ee813492",
+    "@instructure/ui-view": "8.10.3-snapshot.3+2ee813492",
+    "@instructure/uid": "8.10.3-snapshot.3+2ee813492",
     "prop-types": "^15"
   },
   "peerDependencies": {
@@ -49,5 +49,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "gitHead": "2ee8134925b02efbc5d39662a8b1edb2c83a420d"
 }

package/src/Pages/Page/index.tsx

@@ -56,6 +56,8 @@ class Page extends Component<PagesPageProps> {
     navigateToPreviousPage: PropTypes.func
   }
 
+  ref: Element | null = null
+
   get defaultFocusElement() {
     let { defaultFocusElement } = this.props
 
@@ -109,12 +111,12 @@ class Page extends Component<PagesPageProps> {
             textAlign={props.textAlign}
             elementRef={(el) => {
               // @ts-expect-error ts-migrate(2551) FIXME: Property '_content' does not exist on type 'Page'.... Remove this comment to see the full error message
-              this._content = el
+              this._content = el // TODO remove and keep 'ref' in v9
+              this.ref = el
             }}
           >
             {children && typeof children === 'function'
-              ? // @ts-expect-error FIXME: React children types are badly calculated
-                children(history, navigateToPreviousPage)
+              ? children(history, navigateToPreviousPage)
               : children}
           </View>
         )}

package/src/Pages/index.tsx

@@ -66,6 +66,7 @@ class Pages extends Component<PagesProps> {
   static Page = Page
 
   _timeouts = []
+  ref: Element | null = null
 
   // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'props' implicitly has an 'any' type.
   constructor(props) {
@@ -192,7 +193,8 @@ class Pages extends Component<PagesProps> {
           role="region"
           elementRef={(el) => {
             // @ts-expect-error ts-migrate(2339) FIXME: Property '_contentElement' does not exist on type ... Remove this comment to see the full error message
-            this._contentElement = el
+            this._contentElement = el // TODO remove with v9 and keep ref
+            this.ref = el
           }}
         >
           {this.activePage}

package/types/Pages/Page/index.d.ts

@@ -31,6 +31,7 @@ declare class Page extends Component<PagesPageProps> {
         history: PropTypes.Requireable<any[]>;
         navigateToPreviousPage: PropTypes.Requireable<(...args: any[]) => any>;
     };
+    ref: Element | null;
     get defaultFocusElement(): React.ReactElement<any, string | React.JSXElementConstructor<any>> | ((...args: any[]) => any) | undefined;
     get focusable(): boolean | undefined;
     focus(): void;

package/types/Pages/Page/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Pages/Page/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,SAAS,MAAM,YAAY,CAAA;AAMlC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAG7C;;;;;GAKG;AACH,cAAM,IAAK,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC1C,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;MAKlB;IAED,MAAM,CAAC,YAAY;;;MAGlB;IAED,IAAI,mBAAmB,+GAyBtB;IAED,IAAI,SAAS,wBAKZ;IAED,KAAK;IAOL,MAAM;CAwBP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Pages/Page/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,SAAS,MAAM,YAAY,CAAA;AAMlC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAG7C;;;;;GAKG;AACH,cAAM,IAAK,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC1C,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;MAKlB;IAED,MAAM,CAAC,YAAY;;;MAGlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,IAAI,mBAAmB,+GAyBtB;IAED,IAAI,SAAS,wBAKZ;IAED,KAAK;IAOL,MAAM;CAwBP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/types/Pages/index.d.ts

@@ -36,6 +36,7 @@ declare class Pages extends Component<PagesProps> {
     };
     static Page: typeof Page;
     _timeouts: never[];
+    ref: Element | null;
     constructor(props: any);
     componentDidMount(): void;
     handleBackButtonClick: () => void;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Pages/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,KAAK,EAAE,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAA;AAQrE,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAGrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC,eAAO,MAAM,YAAY;;;EAGvB,CAAA;AAEF;;;;GAIG;AACH,cACM,KAAM,SAAQ,SAAS,CAAC,UAAU,CAAC;IACvC,MAAM,CAAC,QAAQ,CAAC,WAAW,WAAU;IAErC,MAAM,CAAC,YAAY;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;MAKlB;IAED,MAAM,CAAC,IAAI,cAAO;IAElB,SAAS,UAAK;gBAGF,KAAK,KAAA;IAcjB,iBAAiB;IAIjB,qBAAqB,aAOpB;IAGD,yBAAyB,CAAC,SAAS,KAAA,EAAE,WAAW,KAAA;IAchD,kBAAkB;IAUlB,oBAAoB;IAIpB,IAAI,OAAO,YAGV;IAED,KAAK;IAuBL,IAAI,UAAU,8EAkBb;IAED,MAAM;CA4BP;AAED,eAAe,KAAK,CAAA;AACpB,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Pages/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,KAAK,EAAE,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAA;AAQrE,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAGrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC,eAAO,MAAM,YAAY;;;EAGvB,CAAA;AAEF;;;;GAIG;AACH,cACM,KAAM,SAAQ,SAAS,CAAC,UAAU,CAAC;IACvC,MAAM,CAAC,QAAQ,CAAC,WAAW,WAAU;IAErC,MAAM,CAAC,YAAY;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;MAKlB;IAED,MAAM,CAAC,IAAI,cAAO;IAElB,SAAS,UAAK;IACd,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;gBAGd,KAAK,KAAA;IAcjB,iBAAiB;IAIjB,qBAAqB,aAOpB;IAGD,yBAAyB,CAAC,SAAS,KAAA,EAAE,WAAW,KAAA;IAchD,kBAAkB;IAUlB,oBAAoB;IAIpB,IAAI,OAAO,YAGV;IAED,KAAK;IAuBL,IAAI,UAAU,8EAkBb;IAED,MAAM;CA6BP;AAED,eAAe,KAAK,CAAA;AACpB,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAA"}