@instructure/ui-pagination 8.9.2-snapshot.4 → 8.10.1-snapshot.4

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.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
+
 ## [8.9.1](https://github.com/instructure/instructure-ui/compare/v8.9.0...v8.9.1) (2021-09-16)
 
 **Note:** Version bump only for package @instructure/ui-pagination

package/es/Pagination/PaginationButton/index.js

@@ -38,7 +38,7 @@ id: Pagination.Page
 let PaginationButton = (_dec = testable(), _dec(_class = (_temp = _class2 = class PaginationButton extends Component {
   render() {
     const exclude = this.props.current ? ['onClick', 'href'] : [];
-    const props = omitProps(this.props, PaginationButton.propTypes, exclude);
+    const props = omitProps(this.props, PaginationButton.allowedProps, exclude);
     return /*#__PURE__*/React.createElement(BaseButton, Object.assign({
       color: "primary",
       withBackground: this.props.current ? true : false,

package/es/Pagination/index.js

@@ -188,7 +188,7 @@ let Pagination = (_dec = withStyle(generateStyle, null), _dec2 = testable(), _de
 
     if (!this.props.children) return null;
     const currentPageIndex = fastFindIndex(this.props.children, p => p && p.props && p.props.current);
-    const passthroughProps = View.omitViewProps(omitProps(this.props, Pagination.propTypes), Pagination);
+    const passthroughProps = View.omitViewProps(omitProps(this.props, Pagination.allowedProps), Pagination);
     return jsx(View, Object.assign({}, passthroughProps, {
       role: "navigation",
       as: this.props.as,

package/lib/Pagination/PaginationButton/index.js

@@ -28,7 +28,7 @@ id: Pagination.Page
 let PaginationButton = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _class2 = class PaginationButton extends _react.Component {
   render() {
     const exclude = this.props.current ? ['onClick', 'href'] : [];
-    const props = (0, _omitProps.omitProps)(this.props, PaginationButton.propTypes, exclude);
+    const props = (0, _omitProps.omitProps)(this.props, PaginationButton.allowedProps, exclude);
     return /*#__PURE__*/_react.default.createElement(_BaseButton.BaseButton, Object.assign({
       color: "primary",
       withBackground: this.props.current ? true : false,

package/lib/Pagination/index.js

@@ -194,7 +194,7 @@ let Pagination = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 =
     if (!this.props.children) return null;
     const currentPageIndex = fastFindIndex(this.props.children, p => p && p.props && p.props.current);
 
-    const passthroughProps = _View.View.omitViewProps((0, _omitProps.omitProps)(this.props, Pagination.propTypes), Pagination);
+    const passthroughProps = _View.View.omitViewProps((0, _omitProps.omitProps)(this.props, Pagination.allowedProps), Pagination);
 
     return (0, _emotion.jsx)(_View.View, Object.assign({}, passthroughProps, {
       role: "navigation",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-pagination",
-  "version": "8.9.2-snapshot.4+bf1e82efc",
+  "version": "8.10.1-snapshot.4+6c5c9e653",
   "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.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-test-locator": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-test-queries": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-test-utils": "8.9.2-snapshot.4+bf1e82efc"
+    "@instructure/ui-babel-preset": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-test-locator": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-test-queries": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-test-utils": "8.10.1-snapshot.4+6c5c9e653"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/emotion": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/shared-types": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-a11y-content": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-a11y-utils": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-buttons": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-dom-utils": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-icons": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-portal": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-prop-types": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-react-utils": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-testable": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-tooltip": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-utils": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-view": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/uid": "8.9.2-snapshot.4+bf1e82efc",
+    "@instructure/emotion": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/shared-types": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-a11y-content": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-a11y-utils": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-buttons": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-dom-utils": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-icons": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-portal": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-prop-types": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-react-utils": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-testable": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-tooltip": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-utils": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-view": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/uid": "8.10.1-snapshot.4+6c5c9e653",
     "prop-types": "^15"
   },
   "peerDependencies": {
@@ -55,5 +55,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "bf1e82efccb682510708448efd369eddaa24f74b"
+  "gitHead": "6c5c9e653f7ce3d239296f4ed19c5679fdddcd5b"
 }

package/src/Pagination/PaginationButton/index.tsx

@@ -50,7 +50,7 @@ class PaginationButton extends Component<PaginationPageProps> {
 
   render() {
     const exclude = this.props.current ? ['onClick', 'href'] : []
-    const props = omitProps(this.props, PaginationButton.propTypes, exclude)
+    const props = omitProps(this.props, PaginationButton.allowedProps, exclude)
     return (
       <BaseButton
         color="primary"

package/src/Pagination/index.tsx

@@ -272,7 +272,7 @@ class Pagination extends Component<PaginationProps> {
     )
 
     const passthroughProps = View.omitViewProps(
-      omitProps(this.props, Pagination.propTypes),
+      omitProps(this.props, Pagination.allowedProps),
       Pagination
     )
 

package/src/Pagination/props.ts

@@ -30,7 +30,11 @@ import { ThemeablePropTypes } from '@instructure/emotion'
 
 import { PaginationButton } from './PaginationButton'
 
-import type { Spacing, WithStyleProps } from '@instructure/emotion'
+import type {
+  Spacing,
+  WithStyleProps,
+  ComponentStyle
+} from '@instructure/emotion'
 import type { AsElementType, PropValidators } from '@instructure/shared-types'
 
 type PaginationOwnProps = {
@@ -50,7 +54,10 @@ type PropKeys = keyof PaginationOwnProps
 
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
-type PaginationProps = PaginationOwnProps & WithStyleProps
+type PaginationProps = PaginationOwnProps &
+  WithStyleProps<null, PaginationStyle>
+
+type PaginationStyle = ComponentStyle<'pagination' | 'pages'>
 
 const propTypes: PropValidators<PropKeys> = {
   /**
@@ -114,5 +121,5 @@ const allowedProps: AllowedPropKeys = [
   'shouldHandleFocus'
 ]
 
-export type { PaginationProps }
+export type { PaginationProps, PaginationStyle }
 export { propTypes, allowedProps }

package/src/Pagination/styles.ts

@@ -22,6 +22,8 @@
  * SOFTWARE.
  */
 
+import type { PaginationStyle } from './props'
+
 /**
  * ---
  * private: true
@@ -32,7 +34,7 @@
  * @param  {Object} state the state of the component, the style is applied to
  * @return {Object} The final style object, which will be used in the component
  */
-const generateStyle = () => {
+const generateStyle = (): PaginationStyle => {
   return {
     pagination: {
       label: 'pagination',

package/types/Pagination/props.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { Spacing, WithStyleProps } from '@instructure/emotion';
+import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
 import type { AsElementType, PropValidators } from '@instructure/shared-types';
 declare type PaginationOwnProps = {
     children?: React.ReactNode;
@@ -15,9 +15,10 @@ declare type PaginationOwnProps = {
 };
 declare type PropKeys = keyof PaginationOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type PaginationProps = PaginationOwnProps & WithStyleProps;
+declare type PaginationProps = PaginationOwnProps & WithStyleProps<null, PaginationStyle>;
+declare type PaginationStyle = ComponentStyle<'pagination' | 'pages'>;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;
-export type { PaginationProps };
+export type { PaginationProps, PaginationStyle };
 export { propTypes, allowedProps };
 //# sourceMappingURL=props.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Pagination/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE9E,aAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,eAAe,GAAG,kBAAkB,GAAG,cAAc,CAAA;AAE1D,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA+CvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAWnB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,CAAA;AAC/B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Pagination/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE9E,aAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,eAAe,GAAG,kBAAkB,GACvC,cAAc,CAAC,IAAI,EAAE,eAAe,CAAC,CAAA;AAEvC,aAAK,eAAe,GAAG,cAAc,CAAC,YAAY,GAAG,OAAO,CAAC,CAAA;AAE7D,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA+CvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAWnB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Pagination/styles.d.ts

@@ -1,3 +1,4 @@
+import type { PaginationStyle } from './props';
 /**
  * ---
  * private: true
@@ -8,16 +9,6 @@
  * @param  {Object} state the state of the component, the style is applied to
  * @return {Object} The final style object, which will be used in the component
  */
-declare const generateStyle: () => {
-    pagination: {
-        label: string;
-        textAlign: string;
-    };
-    pages: {
-        label: string;
-        display: string;
-        alignItems: string;
-    };
-};
+declare const generateStyle: () => PaginationStyle;
 export default generateStyle;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Pagination/styles.ts"],"names":[],"mappings":"AAwBA;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa;;;;;;;;;;CAYlB,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Pagination/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,QAAO,eAYzB,CAAA;AAED,eAAe,aAAa,CAAA"}