@instructure/ui-pagination 8.13.1-snapshot.9 → 8.14.0

package/types/Pagination/PaginationPageInput/PaginationPageInputLocator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationPageInputLocator.d.ts","sourceRoot":"","sources":["../../../src/Pagination/PaginationPageInput/PaginationPageInputLocator.ts"],"names":[],"mappings":"AA+BA,eAAO,MAAM,0BAA0B;;6BAKd,GAAG,EAAE;yCAEO,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BAFjB,GAAG,EAAE;yCAEO,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BAFjB,GAAG,EAAE;yCAEO,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BAFjB,GAAG,EAAE;yCAEO,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BAFjB,GAAG,EAAE;yCAEO,GAAG,EAAE;;qKAGzC,CAAA"}

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

@@ -0,0 +1,63 @@
+/** @jsx jsx */
+import React, { Component } from 'react';
+import { jsx } from '@instructure/emotion';
+import type { PaginationPageInputProps, PaginationPageInputState } from './props';
+/**
+---
+parent: Pagination
+id: Pagination.PageInput
+---
+@tsProps
+**/
+declare class PaginationPageInput extends Component<PaginationPageInputProps, PaginationPageInputState> {
+    static readonly componentId = "Pagination.PageInput";
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        numberOfPages: number;
+        currentPageIndex: number;
+        onChange: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement, MouseEvent> | React.FocusEvent<HTMLInputElement, Element>, pageIndex: number) => void;
+        screenReaderLabel: (currentPage: number, numberOfPages: number) => string;
+        label?: ((numberOfPages: number) => React.ReactNode) | undefined;
+        disabled?: boolean | undefined;
+        inputRef?: ((element: Element | null) => void) | undefined;
+    }>;
+    static allowedProps: readonly (keyof {
+        numberOfPages: number;
+        currentPageIndex: number;
+        onChange: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement, MouseEvent> | React.FocusEvent<HTMLInputElement, Element>, pageIndex: number) => void;
+        screenReaderLabel: (currentPage: number, numberOfPages: number) => string;
+        label?: ((numberOfPages: number) => React.ReactNode) | undefined;
+        disabled?: boolean | undefined;
+        inputRef?: ((element: Element | null) => void) | undefined;
+    })[];
+    static defaultProps: {
+        disabled: boolean;
+    };
+    ref: HTMLSpanElement | null;
+    _inputRef: HTMLInputElement | null;
+    constructor(props: PaginationPageInputProps);
+    get currentPage(): number;
+    get initialState(): {
+        number: number;
+        value: string;
+    };
+    get MIN(): number;
+    get MAX(): number;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: PaginationPageInputProps): void;
+    resetInitialState(): void;
+    handleRef: (el: HTMLSpanElement | null) => void;
+    handleInputRef: (el: HTMLInputElement | null) => void;
+    handleChange: (_event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
+    handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void;
+    handleDecrement: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement>) => void;
+    handleIncrement: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement>) => void;
+    handleBlur: (event: React.FocusEvent<HTMLInputElement>) => void;
+    getNumberWithinRange(n: number): number;
+    setNewPage(event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> | React.FocusEvent<HTMLInputElement>, n: number): void;
+    renderLabel(): jsx.JSX.Element | null;
+    renderScreenReaderLabel(): jsx.JSX.Element;
+    render(): jsx.JSX.Element;
+}
+export default PaginationPageInput;
+export { PaginationPageInput };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Pagination/PaginationPageInput/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AAEf,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGxC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAQrD,OAAO,KAAK,EACV,wBAAwB,EACxB,wBAAwB,EACzB,MAAM,SAAS,CAAA;AAEhB;;;;;;GAMG;AACH,cAEM,mBAAoB,SAAQ,SAAS,CACzC,wBAAwB,EACxB,wBAAwB,CACzB;IACC,MAAM,CAAC,QAAQ,CAAC,WAAW,0BAAyB;IAEpD,MAAM,CAAC,SAAS;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;MAElB;IAED,GAAG,EAAE,eAAe,GAAG,IAAI,CAAO;IAClC,SAAS,EAAE,gBAAgB,GAAG,IAAI,CAAO;gBAE7B,KAAK,EAAE,wBAAwB;IAM3C,IAAI,WAAW,WAEd;IAED,IAAI,YAAY;;;MAKf;IAED,IAAI,GAAG,WAEN;IAED,IAAI,GAAG,WAEN;IAED,iBAAiB;IAIjB,kBAAkB,CAAC,SAAS,EAAE,wBAAwB;IAUtD,iBAAiB;IAIjB,SAAS,OAAQ,eAAe,GAAG,IAAI,UAEtC;IAED,cAAc,OAAQ,gBAAgB,GAAG,IAAI,UAM5C;IAED,YAAY,WACF,MAAM,WAAW,CAAC,gBAAgB,CAAC,SACpC,MAAM,UAad;IAED,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC;IAgB1D,eAAe,UAET,mBAAmB,CAAC,gBAAgB,CAAC,GACrC,gBAAgB,CAAC,iBAAiB,CAAC,UAGxC;IAED,eAAe,UAET,mBAAmB,CAAC,gBAAgB,CAAC,GACrC,gBAAgB,CAAC,iBAAiB,CAAC,UAGxC;IAED,UAAU,UAAW,gBAAgB,CAAC,gBAAgB,CAAC,UAEtD;IAED,oBAAoB,CAAC,CAAC,EAAE,MAAM;IAM9B,UAAU,CACR,KAAK,EACD,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,GACrC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GACnC,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,EACtC,CAAC,EAAE,MAAM;IAYX,WAAW;IAQX,uBAAuB;IASvB,MAAM;CAyBP;AAED,eAAe,mBAAmB,CAAA;AAClC,OAAO,EAAE,mBAAmB,EAAE,CAAA"}

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

@@ -0,0 +1,46 @@
+import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
+import type { PaginationPageInputTheme, PropValidators } from '@instructure/shared-types';
+import React from 'react';
+declare type PaginationPageInputOwnProps = {
+    /**
+     * The number of pages in total
+     */
+    numberOfPages: number;
+    /**
+     * The index of the current page
+     */
+    currentPageIndex: number;
+    /**
+     * Fires when a new page index is selected
+     */
+    onChange: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> | React.FocusEvent<HTMLInputElement>, pageIndex: number) => void;
+    /**
+     * ScreenReaderLabel for number input
+     */
+    screenReaderLabel: (currentPage: number, numberOfPages: number) => string;
+    /**
+     * Label for number input
+     */
+    label?: (numberOfPages: number) => React.ReactNode;
+    /**
+     * Disables interaction with the input
+     */
+    disabled?: boolean;
+    /**
+     * provides a reference to the underlying html root element
+     */
+    inputRef?: (element: Element | null) => void;
+};
+declare type PropKeys = keyof PaginationPageInputOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type PaginationPageInputProps = PaginationPageInputOwnProps & WithStyleProps<PaginationPageInputTheme, PaginationPageInputStyle>;
+declare type PaginationPageInputStyle = ComponentStyle<'paginationPageInput' | 'numberInput' | 'inputLabel'>;
+declare type PaginationPageInputState = {
+    number: number;
+    value: string;
+};
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { PaginationPageInputProps, PaginationPageInputStyle, PaginationPageInputState };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Pagination/PaginationPageInput/props.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EACV,wBAAwB,EACxB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,aAAK,2BAA2B,GAAG;IACjC;;OAEG;IACH,aAAa,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,QAAQ,EAAE,CACR,KAAK,EACD,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,GACrC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GACnC,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,EACtC,SAAS,EAAE,MAAM,KACd,IAAI,CAAA;IACT;;OAEG;IACH,iBAAiB,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,KAAK,MAAM,CAAA;IACzE;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IAClD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;CAC7C,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,2BAA2B,CAAA;AAEjD,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,wBAAwB,GAAG,2BAA2B,GACzD,cAAc,CAAC,wBAAwB,EAAE,wBAAwB,CAAC,CAAA;AAEpE,aAAK,wBAAwB,GAAG,cAAc,CAC5C,qBAAqB,GAAG,aAAa,GAAG,YAAY,CACrD,CAAA;AAED,aAAK,wBAAwB,GAAG;IAC9B,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAQvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAQnB,CAAA;AAED,YAAY,EACV,wBAAwB,EACxB,wBAAwB,EACxB,wBAAwB,EACzB,CAAA;AACD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

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

@@ -0,0 +1,15 @@
+import type { PaginationPageInputTheme } from '@instructure/shared-types';
+import type { PaginationPageInputStyle } from './props';
+/**
+ * ---
+ * private: true
+ * ---
+ * Generates the style object from the theme and provided additional information
+ * @param  {Object} componentTheme The theme variable object.
+ * @param  {Object} props the props of the component, the style is applied to
+ * @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: (componentTheme: PaginationPageInputTheme) => PaginationPageInputStyle;
+export default generateStyle;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Pagination/PaginationPageInput/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AACzE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAEvD;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,wBAAwB,KACvC,wBAkBF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/Pagination/PaginationPageInput/theme.d.ts

@@ -0,0 +1,10 @@
+import type { Theme } from '@instructure/ui-themes';
+import type { PaginationPageInputTheme } from '@instructure/shared-types';
+/**
+ * Generates the theme object for the component from the theme and provided additional information
+ * @param  {Object} theme The actual theme object.
+ * @return {Object} The final theme object with the overrides and component variables
+ */
+declare const generateComponentTheme: (theme: Theme) => PaginationPageInputTheme;
+export default generateComponentTheme;
+//# sourceMappingURL=theme.d.ts.map

package/types/Pagination/PaginationPageInput/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/Pagination/PaginationPageInput/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AAEzE;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,UAAW,KAAK,KAAG,wBAW9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/types/Pagination/index.d.ts

@@ -3,7 +3,15 @@ import React, { Component } from 'react';
 import { jsx } from '@instructure/emotion';
 import { PaginationButton } from './PaginationButton';
 import { PaginationArrowButton } from './PaginationArrowButton';
-import type { PaginationProps } from './props';
+import type { PaginationPageProps } from './PaginationButton/props';
+import type { PaginationArrowDirections } from './PaginationArrowButton/props';
+import type { PaginationProps, PaginationSnapshot } from './props';
+declare type ArrowConfig = {
+    pageIndex: number;
+    label: string;
+    shouldEnableIcon: boolean;
+    handleButtonRef: (el: HTMLButtonElement) => void;
+};
 /**
 ---
 category: components
@@ -12,24 +20,36 @@ category: components
 declare class Pagination extends Component<PaginationProps> {
     static readonly componentId = "Pagination";
     static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
-        children?: React.ReactNode;
+        children?: React.ReactElement<PaginationPageProps, string | React.JSXElementConstructor<any>> | React.ReactElement<PaginationPageProps, string | React.JSXElementConstructor<any>>[] | undefined;
         disabled?: boolean | undefined;
+        withFirstAndLastButton?: boolean | undefined;
+        showDisabledButtons?: boolean | undefined;
         label?: React.ReactNode;
         labelNext?: string | undefined;
         labelPrev?: string | undefined;
-        variant?: "full" | "compact" | undefined;
+        labelFirst?: string | undefined;
+        labelLast?: string | undefined;
+        labelNumberInput?: ((numberOfPages: number) => React.ReactNode) | undefined;
+        screenReaderLabelNumberInput?: ((currentPage: number, numberOfPages: number) => string) | undefined;
+        variant?: "input" | "compact" | "full" | undefined;
         margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
         elementRef?: ((element: Element | null) => void) | undefined;
         shouldHandleFocus?: boolean | undefined;
     }>;
     static allowedProps: readonly (keyof {
-        children?: React.ReactNode;
+        children?: React.ReactElement<PaginationPageProps, string | React.JSXElementConstructor<any>> | React.ReactElement<PaginationPageProps, string | React.JSXElementConstructor<any>>[] | undefined;
         disabled?: boolean | undefined;
+        withFirstAndLastButton?: boolean | undefined;
+        showDisabledButtons?: boolean | undefined;
         label?: React.ReactNode;
         labelNext?: string | undefined;
         labelPrev?: string | undefined;
-        variant?: "full" | "compact" | undefined;
+        labelFirst?: string | undefined;
+        labelLast?: string | undefined;
+        labelNumberInput?: ((numberOfPages: number) => React.ReactNode) | undefined;
+        screenReaderLabelNumberInput?: ((currentPage: number, numberOfPages: number) => string) | undefined;
+        variant?: "input" | "compact" | "full" | undefined;
         margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
         elementRef?: ((element: Element | null) => void) | undefined;
@@ -38,28 +58,44 @@ declare class Pagination extends Component<PaginationProps> {
     static defaultProps: {
         children: null;
         disabled: boolean;
+        withFirstAndLastButton: boolean;
+        showDisabledButtons: boolean;
         variant: string;
         as: string;
         elementRef: (el: any) => void;
+        labelNumberInput: (numberOfPages: number) => string;
+        screenReaderLabelNumberInput: (currentPage: number, numberOfPages: number) => string;
         shouldHandleFocus: boolean;
     };
     static Page: typeof PaginationButton;
     static Navigation: typeof PaginationArrowButton;
+    _labelId: string;
     ref: Element | null;
+    _inputRef: Element | null;
+    _firstButton: HTMLButtonElement | null;
+    _prevButton: HTMLButtonElement | null;
+    _nextButton: HTMLButtonElement | null;
+    _lastButton: HTMLButtonElement | null;
     constructor(...args: any[]);
     get _root(): Element | null;
-    getSnapshotBeforeUpdate(): {
-        prevButtonFocused: boolean;
-        nextButtonFocused: boolean;
-    };
+    get inputMode(): boolean;
+    get childPages(): React.ReactElement<PaginationPageProps, string | React.JSXElementConstructor<any>>[];
+    get withFirstAndLastButton(): boolean | undefined;
+    get showDisabledButtons(): boolean | undefined;
+    getSnapshotBeforeUpdate(): PaginationSnapshot;
     componentDidMount(): void;
-    componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
+    componentDidUpdate(prevProps: PaginationProps, _prevState: unknown, snapshot: PaginationSnapshot): void;
+    focusElementAfterUpdate(snapshot: PaginationSnapshot): void;
     get compactView(): boolean;
-    transferDisabledPropToChildren(children: any): any;
-    handleElementRef: (el: any) => void;
+    transferDisabledPropToChildren(children: PaginationProps['children']): React.ReactElement<PaginationPageProps, string | React.JSXElementConstructor<any>> | React.ReactElement<PaginationPageProps, string | React.JSXElementConstructor<any>>[] | undefined;
+    handleElementRef: (el: Element | null) => void;
+    handleInputRef: (el: Element | null) => void;
     renderLabel(): jsx.JSX.Element;
-    renderPages(currentPageIndex: any): jsx.JSX.Element;
-    renderArrowButton(label: any, direction: any, currentPageIndex: any): jsx.JSX.Element;
+    renderPageInput(currentPageIndex: number): jsx.JSX.Element;
+    handleInputChange(event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> | React.FocusEvent<HTMLInputElement>, pageIndex: number): void;
+    renderPages(currentPageIndex: number): jsx.JSX.Element;
+    getArrowVariant(direction: PaginationArrowDirections, currentPageIndex: number, pagesCount: number): ArrowConfig;
+    renderArrowButton(direction: PaginationArrowDirections, currentPageIndex: number): jsx.JSX.Element | null;
     render(): jsx.JSX.Element | null;
 }
 export default Pagination;

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;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"}
+{"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,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AACnE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAA;AAG9E,OAAO,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAuBlE,aAAK,WAAW,GAAG;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,gBAAgB,EAAE,OAAO,CAAA;IACzB,eAAe,EAAE,CAAC,EAAE,EAAE,iBAAiB,KAAK,IAAI,CAAA;CACjD,CAAA;AAED;;;;GAIG;AACH,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;;;;;;;;0CASiB,MAAM;oDAEzB,MAAM,iBACJ,MAAM;;MAGxB;IAED,MAAM,CAAC,IAAI,0BAAmB;IAC9B,MAAM,CAAC,UAAU,+BAAwB;IAEzC,QAAQ,EAAE,MAAM,CAAA;IAEhB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAC1B,SAAS,EAAE,OAAO,GAAG,IAAI,CAAO;IAEhC,YAAY,EAAE,iBAAiB,GAAG,IAAI,CAAO;IAC7C,WAAW,EAAE,iBAAiB,GAAG,IAAI,CAAO;IAC5C,WAAW,EAAE,iBAAiB,GAAG,IAAI,CAAO;IAC5C,WAAW,EAAE,iBAAiB,GAAG,IAAI,CAAO;gBAGhC,GAAG,IAAI,OAAA;IAOnB,IAAI,KAAK,mBAMR;IAED,IAAI,SAAS,YAEZ;IAED,IAAI,UAAU,yFAEb;IAED,IAAI,sBAAsB,wBAEzB;IAED,IAAI,mBAAmB,wBAEtB;IAED,uBAAuB,IAAI,kBAAkB;IAe7C,iBAAiB;IAIjB,kBAAkB,CAChB,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,OAAO,EACnB,QAAQ,EAAE,kBAAkB;IAc9B,uBAAuB,CAAC,QAAQ,EAAE,kBAAkB;IAyBpD,IAAI,WAAW,YAEd;IAED,8BAA8B,CAAC,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC;IAQpE,gBAAgB,OAAQ,OAAO,GAAG,IAAI,UAOrC;IAED,cAAc,OAAQ,OAAO,GAAG,IAAI,UAEnC;IAED,WAAW;IAgBX,eAAe,CAAC,gBAAgB,EAAE,MAAM;IAcxC,iBAAiB,CACf,KAAK,EACD,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,GACrC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GACnC,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,EACtC,SAAS,EAAE,MAAM;IAKnB,WAAW,CAAC,gBAAgB,EAAE,MAAM;IA0CpC,eAAe,CACb,SAAS,EAAE,yBAAyB,EACpC,gBAAgB,EAAE,MAAM,EACxB,UAAU,EAAE,MAAM,GACjB,WAAW;IAyCd,iBAAiB,CACf,SAAS,EAAE,yBAAyB,EACpC,gBAAgB,EAAE,MAAM;IAqC1B,MAAM;CAuCP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAA"}

package/types/Pagination/props.d.ts

@@ -1,13 +1,20 @@
 import React from 'react';
 import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
 import type { AsElementType, OtherHTMLAttributes, PropValidators } from '@instructure/shared-types';
+import type { PaginationPageProps } from './PaginationButton/props';
 declare type PaginationOwnProps = {
-    children?: React.ReactNode;
+    children?: React.ReactElement<PaginationPageProps> | React.ReactElement<PaginationPageProps>[];
     disabled?: boolean;
+    withFirstAndLastButton?: boolean;
+    showDisabledButtons?: boolean;
     label?: React.ReactNode;
     labelNext?: string;
     labelPrev?: string;
-    variant?: 'full' | 'compact';
+    labelFirst?: string;
+    labelLast?: string;
+    labelNumberInput?: (numberOfPages: number) => React.ReactNode;
+    screenReaderLabelNumberInput?: (currentPage: number, numberOfPages: number) => string;
+    variant?: 'full' | 'compact' | 'input';
     margin?: Spacing;
     as?: AsElementType;
     elementRef?: (element: Element | null) => void;
@@ -19,6 +26,9 @@ declare type PaginationProps = PaginationOwnProps & WithStyleProps<null, Paginat
 declare type PaginationStyle = ComponentStyle<'pagination' | 'pages'>;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;
-export type { PaginationProps, PaginationStyle };
+declare type PaginationSnapshot = {
+    lastFocusedButton?: HTMLButtonElement;
+};
+export type { PaginationProps, PaginationStyle, PaginationSnapshot };
 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,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAElC,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,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,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,GACrC,mBAAmB,CAAC,kBAAkB,CAAC,CAAA;AAEzC,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"}
+{"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,EACV,aAAa,EACb,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAEnE,aAAK,kBAAkB,GAAG;IAIxB,QAAQ,CAAC,EACL,KAAK,CAAC,YAAY,CAAC,mBAAmB,CAAC,GACvC,KAAK,CAAC,YAAY,CAAC,mBAAmB,CAAC,EAAE,CAAA;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IAC7D,4BAA4B,CAAC,EAAE,CAC7B,WAAW,EAAE,MAAM,EACnB,aAAa,EAAE,MAAM,KAClB,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;IACtC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,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,GACrC,mBAAmB,CAAC,kBAAkB,CAAC,CAAA;AAEzC,aAAK,eAAe,GAAG,cAAc,CAAC,YAAY,GAAG,OAAO,CAAC,CAAA;AAE7D,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAuEvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAiBnB,CAAA;AAED,aAAK,kBAAkB,GAAG;IACxB,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;CACtC,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,kBAAkB,EAAE,CAAA;AACpE,OAAO,EAAE,SAAS,EAAE,YAAY,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.