@instructure/ui-pages 8.12.1-snapshot.7 → 8.13.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.13.0](https://github.com/instructure/instructure-ui/compare/v8.12.0...v8.13.0) (2021-12-01)
+
+**Note:** Version bump only for package @instructure/ui-pages
+
 # [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-pages

package/es/Pages/Page/index.js

@@ -29,18 +29,19 @@ import PropTypes from 'prop-types';
 import { findDOMNode, findTabbable } from '@instructure/ui-dom-utils';
 import { logError as error } from '@instructure/console';
 import { View } from '@instructure/ui-view';
-import { PagesContext } from '..';
+import { PagesContext } from '../PagesContext';
 import { allowedProps, propTypes } from './props';
+
 /**
 ---
 parent: Pages
 id: Pages.Page
 ---
+@tsProps
 **/
-
 class Page extends Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     this.ref = null;
 
     this.handleRef = el => {
@@ -68,17 +69,18 @@ class Page extends Component {
       defaultFocusElement = tabbable && tabbable[0];
     }
 
-    error(defaultFocusElement && defaultFocusElement.focus, '[Page] A default focusable element is required or focus will be lost.');
+    error(defaultFocusElement && !!defaultFocusElement.focus, '[Page] A default focusable element is required or focus will be lost.');
     return defaultFocusElement;
   }
 
   get focusable() {
     const element = this.defaultFocusElement;
-    return element && typeof element.focus === 'function';
+    return !!element && typeof element.focus === 'function';
   }
 
   focus() {
     if (this.focusable) {
+      ;
       this.defaultFocusElement.focus();
     }
   }
@@ -88,15 +90,16 @@ class Page extends Component {
           children = _this$props.children,
           props = _objectWithoutProperties(_this$props, _excluded);
 
-    return /*#__PURE__*/React.createElement(PagesContext.Consumer, null, ({
-      history,
-      navigateToPreviousPage
-    }) => /*#__PURE__*/React.createElement(View, {
-      as: "div",
-      padding: props.padding,
-      textAlign: props.textAlign,
-      elementRef: this.handleRef
-    }, children && typeof children === 'function' ? children(history, navigateToPreviousPage) : children));
+    return /*#__PURE__*/React.createElement(PagesContext.Consumer, null, _ref => {
+      let history = _ref.history,
+          navigateToPreviousPage = _ref.navigateToPreviousPage;
+      return /*#__PURE__*/React.createElement(View, {
+        as: "div",
+        padding: props.padding,
+        textAlign: props.textAlign,
+        elementRef: this.handleRef
+      }, children && typeof children === 'function' ? children(history, navigateToPreviousPage) : children);
+    });
   }
 
 }

package/es/Pages/Page/props.js

@@ -24,19 +24,8 @@
 import PropTypes from 'prop-types';
 import { ThemeablePropTypes } from '@instructure/emotion';
 const propTypes = {
-  /**
-   * The children to be rendered
-   */
   children: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
-
-  /**
-   * An element or a function returning an element to focus by default
-   */
   defaultFocusElement: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
-
-  /**
-   * Set the padding using familiar CSS shorthand
-   */
   padding: ThemeablePropTypes.spacing,
   textAlign: PropTypes.oneOf(['start', 'center', 'end'])
 };

package/es/Pages/PagesContext.js

@@ -0,0 +1,30 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present 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.
+ */
+import { createContext } from 'react';
+const PagesContext = /*#__PURE__*/createContext({
+  history: [],
+  navigateToPreviousPage: () => {}
+});
+export default PagesContext;
+export { PagesContext };

package/es/Pages/index.js

@@ -25,7 +25,7 @@ var _dec, _class, _class2, _temp;
  */
 
 /** @jsx jsx */
-import React, { Component, createContext } from 'react';
+import React, { Component } from 'react';
 import { View } from '@instructure/ui-view';
 import { containsActiveElement, findTabbable } from '@instructure/ui-dom-utils';
 import { safeCloneElement } from '@instructure/ui-react-utils';
@@ -35,17 +35,15 @@ import { Page } from './Page';
 import { withStyle, jsx } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
+import { PagesContext } from './PagesContext';
 import { allowedProps, propTypes } from './props';
-export const PagesContext = /*#__PURE__*/createContext({
-  history: [],
-  navigateToPreviousPage: () => {}
-});
+
 /**
 ---
 category: components
 ---
+@tsProps
 **/
-
 let Pages = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = class Pages extends Component {
   get _contentElement() {
     return this.ref;
@@ -54,6 +52,9 @@ let Pages = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_clas
   constructor(props) {
     super(props);
     this._timeouts = [];
+    this._history = void 0;
+    this._activePage = null;
+    this._contentId = void 0;
     this.ref = null;
 
     this.handleRef = el => {
@@ -61,10 +62,12 @@ let Pages = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_clas
     };
 
     this.handleBackButtonClick = () => {
+      var _this$props$onPageInd, _this$props;
+
       const oldPageIndex = this._history.pop();
 
       const newPageIndex = this._history[this._history.length - 1];
-      this.props.onPageIndexChange(newPageIndex || 0, oldPageIndex);
+      (_this$props$onPageInd = (_this$props = this.props).onPageIndexChange) === null || _this$props$onPageInd === void 0 ? void 0 : _this$props$onPageInd.call(_this$props, newPageIndex || 0, oldPageIndex);
     };
 
     this._history = [typeof props.defaultPageIndex === 'number' ? props.defaultPageIndex : props.activePageIndex];
@@ -72,25 +75,26 @@ let Pages = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_clas
   }
 
   componentDidMount() {
-    var _this$props$makeStyle, _this$props;
+    var _this$props$makeStyle, _this$props2;
 
-    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
+    (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2);
   }
 
-  componentWillReceiveProps(nextProps, nextContext) {
+  // TODO: componentWillReceiveProps has been renamed, and is not recommended for use. See https://reactjs.org/link/unsafe-component-lifecycles for details.
+  componentWillReceiveProps(nextProps) {
     if (nextProps && typeof nextProps.activePageIndex === 'number' && (this._history.length === 0 || nextProps.activePageIndex !== this._history[this._history.length - 1])) {
       this._history.push(nextProps.activePageIndex);
     }
   }
 
   componentDidUpdate() {
-    var _this$props$makeStyle2, _this$props2;
+    var _this$props$makeStyle2, _this$props3;
 
     this._timeouts.push(setTimeout(() => {
       !this.focused && this.focus();
     }, 0));
 
-    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
+    (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3);
   }
 
   componentWillUnmount() {
@@ -117,12 +121,12 @@ let Pages = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_clas
   }
 
   get activePage() {
-    const _this$props3 = this.props,
-          activePageIndex = _this$props3.activePageIndex,
-          children = _this$props3.children;
+    const _this$props4 = this.props,
+          activePageIndex = _this$props4.activePageIndex,
+          children = _this$props4.children;
     const pages = React.Children.toArray(children);
     const activePage = activePageIndex < pages.length ? pages[activePageIndex] : null;
-    error(activePage, '[Pages] Invalid `activePageIndex`.');
+    error(!!activePage, '[Pages] Invalid `activePageIndex`.');
     return activePage ? safeCloneElement(activePage, {
       ref: el => {
         this._activePage = el;
@@ -133,7 +137,8 @@ let Pages = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_clas
   render() {
     var _this$props$styles;
 
-    return this.activePage ? jsx(PagesContext.Provider, {
+    const activePage = this.activePage;
+    return activePage ? jsx(PagesContext.Provider, {
       value: {
         history: this._history,
         navigateToPreviousPage: () => {
@@ -147,14 +152,11 @@ let Pages = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_clas
       margin: this.props.margin,
       role: "region",
       elementRef: this.handleRef
-    }, this.activePage)) : null;
+    }, activePage)) : null;
   }
 
 }, _class2.displayName = "Pages", _class2.componentId = 'Pages', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
-  children: null,
-  defaultPageIndex: null,
-  activePageIndex: 0,
-  onPageIndexChange: function () {}
+  activePageIndex: 0
 }, _class2.Page = Page, _temp)) || _class);
 export default Pages;
 export { Pages, Page };

package/es/Pages/props.js

@@ -28,22 +28,8 @@ import { Page } from './Page';
 const propTypes = {
   children: Children.oneOf([Page]),
   defaultPageIndex: PropTypes.number,
-
-  /**
-   * The currently active page index
-   */
   activePageIndex: controllable(PropTypes.number, 'onPageIndexChange', 'defaultPageIndex'),
-
-  /**
-   * Event handler fired anytime page index has changed due to back button being clicked
-   */
   onPageIndexChange: PropTypes.func,
-
-  /**
-   * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
-   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-   * familiar CSS-like shorthand. For example: `margin="small auto large"`.
-   */
   margin: ThemeablePropTypes.spacing
 };
 const allowedProps = ['children', 'defaultPageIndex', 'activePageIndex', 'onPageIndexChange', 'margin'];

package/lib/Pages/Page/index.js

@@ -7,7 +7,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Page = exports.default = void 0;
+exports.default = exports.Page = void 0;
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -23,7 +23,7 @@ var _console = require("@instructure/console");
 
 var _View = require("@instructure/ui-view/lib/View");
 
-var _ = require("..");
+var _PagesContext = require("../PagesContext");
 
 var _props = require("./props");
 
@@ -34,10 +34,11 @@ const _excluded = ["children"];
 parent: Pages
 id: Pages.Page
 ---
+@tsProps
 **/
 class Page extends _react.Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     this.ref = null;
 
     this.handleRef = el => {
@@ -65,17 +66,18 @@ class Page extends _react.Component {
       defaultFocusElement = tabbable && tabbable[0];
     }
 
-    (0, _console.logError)(defaultFocusElement && defaultFocusElement.focus, '[Page] A default focusable element is required or focus will be lost.');
+    (0, _console.logError)(defaultFocusElement && !!defaultFocusElement.focus, '[Page] A default focusable element is required or focus will be lost.');
     return defaultFocusElement;
   }
 
   get focusable() {
     const element = this.defaultFocusElement;
-    return element && typeof element.focus === 'function';
+    return !!element && typeof element.focus === 'function';
   }
 
   focus() {
     if (this.focusable) {
+      ;
       this.defaultFocusElement.focus();
     }
   }
@@ -84,15 +86,16 @@ class Page extends _react.Component {
     const _this$props = this.props,
           children = _this$props.children,
           props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-    return /*#__PURE__*/_react.default.createElement(_.PagesContext.Consumer, null, ({
-      history,
-      navigateToPreviousPage
-    }) => /*#__PURE__*/_react.default.createElement(_View.View, {
-      as: "div",
-      padding: props.padding,
-      textAlign: props.textAlign,
-      elementRef: this.handleRef
-    }, children && typeof children === 'function' ? children(history, navigateToPreviousPage) : children));
+    return /*#__PURE__*/_react.default.createElement(_PagesContext.PagesContext.Consumer, null, _ref => {
+      let history = _ref.history,
+          navigateToPreviousPage = _ref.navigateToPreviousPage;
+      return /*#__PURE__*/_react.default.createElement(_View.View, {
+        as: "div",
+        padding: props.padding,
+        textAlign: props.textAlign,
+        elementRef: this.handleRef
+      }, children && typeof children === 'function' ? children(history, navigateToPreviousPage) : children);
+    });
   }
 
 }

package/lib/Pages/Page/props.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.allowedProps = exports.propTypes = void 0;
+exports.propTypes = exports.allowedProps = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -35,19 +35,8 @@ var _emotion = require("@instructure/emotion");
  * SOFTWARE.
  */
 const propTypes = {
-  /**
-   * The children to be rendered
-   */
   children: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node]),
-
-  /**
-   * An element or a function returning an element to focus by default
-   */
   defaultFocusElement: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.func]),
-
-  /**
-   * Set the padding using familiar CSS shorthand
-   */
   padding: _emotion.ThemeablePropTypes.spacing,
   textAlign: _propTypes.default.oneOf(['start', 'center', 'end'])
 };

package/lib/Pages/PagesContext.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.PagesContext = void 0;
+
+var _react = require("react");
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present 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.
+ */
+const PagesContext = /*#__PURE__*/(0, _react.createContext)({
+  history: [],
+  navigateToPreviousPage: () => {}
+});
+exports.PagesContext = PagesContext;
+var _default = PagesContext;
+exports.default = _default;

package/lib/Pages/index.js

@@ -13,7 +13,7 @@ Object.defineProperty(exports, "Page", {
     return _Page.Page;
   }
 });
-exports.Pages = exports.default = exports.PagesContext = void 0;
+exports.default = exports.Pages = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -37,21 +37,18 @@ var _styles = _interopRequireDefault(require("./styles"));
 
 var _theme = _interopRequireDefault(require("./theme"));
 
+var _PagesContext = require("./PagesContext");
+
 var _props = require("./props");
 
 var _dec, _class, _class2, _temp;
 
-const PagesContext = /*#__PURE__*/(0, _react.createContext)({
-  history: [],
-  navigateToPreviousPage: () => {}
-});
 /**
 ---
 category: components
 ---
+@tsProps
 **/
-
-exports.PagesContext = PagesContext;
 let Pages = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = class Pages extends _react.Component {
   get _contentElement() {
     return this.ref;
@@ -60,6 +57,9 @@ let Pages = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
   constructor(props) {
     super(props);
     this._timeouts = [];
+    this._history = void 0;
+    this._activePage = null;
+    this._contentId = void 0;
     this.ref = null;
 
     this.handleRef = el => {
@@ -67,10 +67,12 @@ let Pages = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
     };
 
     this.handleBackButtonClick = () => {
+      var _this$props$onPageInd, _this$props;
+
       const oldPageIndex = this._history.pop();
 
       const newPageIndex = this._history[this._history.length - 1];
-      this.props.onPageIndexChange(newPageIndex || 0, oldPageIndex);
+      (_this$props$onPageInd = (_this$props = this.props).onPageIndexChange) === null || _this$props$onPageInd === void 0 ? void 0 : _this$props$onPageInd.call(_this$props, newPageIndex || 0, oldPageIndex);
     };
 
     this._history = [typeof props.defaultPageIndex === 'number' ? props.defaultPageIndex : props.activePageIndex];
@@ -78,25 +80,26 @@ let Pages = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
   }
 
   componentDidMount() {
-    var _this$props$makeStyle, _this$props;
+    var _this$props$makeStyle, _this$props2;
 
-    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
+    (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2);
   }
 
-  componentWillReceiveProps(nextProps, nextContext) {
+  // TODO: componentWillReceiveProps has been renamed, and is not recommended for use. See https://reactjs.org/link/unsafe-component-lifecycles for details.
+  componentWillReceiveProps(nextProps) {
     if (nextProps && typeof nextProps.activePageIndex === 'number' && (this._history.length === 0 || nextProps.activePageIndex !== this._history[this._history.length - 1])) {
       this._history.push(nextProps.activePageIndex);
     }
   }
 
   componentDidUpdate() {
-    var _this$props$makeStyle2, _this$props2;
+    var _this$props$makeStyle2, _this$props3;
 
     this._timeouts.push(setTimeout(() => {
       !this.focused && this.focus();
     }, 0));
 
-    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
+    (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3);
   }
 
   componentWillUnmount() {
@@ -123,14 +126,14 @@ let Pages = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
   }
 
   get activePage() {
-    const _this$props3 = this.props,
-          activePageIndex = _this$props3.activePageIndex,
-          children = _this$props3.children;
+    const _this$props4 = this.props,
+          activePageIndex = _this$props4.activePageIndex,
+          children = _this$props4.children;
 
     const pages = _react.default.Children.toArray(children);
 
     const activePage = activePageIndex < pages.length ? pages[activePageIndex] : null;
-    (0, _console.logError)(activePage, '[Pages] Invalid `activePageIndex`.');
+    (0, _console.logError)(!!activePage, '[Pages] Invalid `activePageIndex`.');
     return activePage ? (0, _safeCloneElement.safeCloneElement)(activePage, {
       ref: el => {
         this._activePage = el;
@@ -141,7 +144,8 @@ let Pages = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
   render() {
     var _this$props$styles;
 
-    return this.activePage ? (0, _emotion.jsx)(PagesContext.Provider, {
+    const activePage = this.activePage;
+    return activePage ? (0, _emotion.jsx)(_PagesContext.PagesContext.Provider, {
       value: {
         history: this._history,
         navigateToPreviousPage: () => {
@@ -155,14 +159,11 @@ let Pages = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
       margin: this.props.margin,
       role: "region",
       elementRef: this.handleRef
-    }, this.activePage)) : null;
+    }, activePage)) : null;
   }
 
 }, _class2.displayName = "Pages", _class2.componentId = 'Pages', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
-  children: null,
-  defaultPageIndex: null,
-  activePageIndex: 0,
-  onPageIndexChange: function () {}
+  activePageIndex: 0
 }, _class2.Page = _Page.Page, _temp)) || _class);
 exports.Pages = Pages;
 var _default = Pages;

package/lib/Pages/props.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.allowedProps = exports.propTypes = void 0;
+exports.propTypes = exports.allowedProps = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -43,22 +43,8 @@ var _Page = require("./Page");
 const propTypes = {
   children: _Children.Children.oneOf([_Page.Page]),
   defaultPageIndex: _propTypes.default.number,
-
-  /**
-   * The currently active page index
-   */
   activePageIndex: (0, _controllable.controllable)(_propTypes.default.number, 'onPageIndexChange', 'defaultPageIndex'),
-
-  /**
-   * Event handler fired anytime page index has changed due to back button being clicked
-   */
   onPageIndexChange: _propTypes.default.func,
-
-  /**
-   * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
-   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-   * familiar CSS-like shorthand. For example: `margin="small auto large"`.
-   */
   margin: _emotion.ThemeablePropTypes.spacing
 };
 exports.propTypes = propTypes;

package/package.json

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