@instructure/ui-pagination 8.14.1-snapshot.21 → 8.14.1-snapshot.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/es/Pagination/PaginationArrowButton/PaginationArrowButtonLocator.js +4 -2
  2. package/es/Pagination/PaginationArrowButton/index.js +2 -3
  3. package/es/Pagination/PaginationArrowButton/props.js +1 -1
  4. package/es/Pagination/PaginationButton/index.js +2 -2
  5. package/es/Pagination/PaginationButton/props.js +0 -11
  6. package/es/Pagination/PaginationLocator.js +4 -2
  7. package/es/Pagination/PaginationPageInput/PaginationPageInputLocator.js +4 -2
  8. package/es/Pagination/PaginationPageInput/index.js +0 -3
  9. package/es/Pagination/index.js +10 -12
  10. package/es/Pagination/props.js +2 -70
  11. package/lib/Pagination/PaginationArrowButton/PaginationArrowButtonLocator.js +3 -1
  12. package/lib/Pagination/PaginationArrowButton/index.js +2 -3
  13. package/lib/Pagination/PaginationArrowButton/props.js +1 -1
  14. package/lib/Pagination/PaginationButton/index.js +2 -2
  15. package/lib/Pagination/PaginationButton/props.js +0 -11
  16. package/lib/Pagination/PaginationLocator.js +3 -1
  17. package/lib/Pagination/PaginationPageInput/PaginationPageInputLocator.js +3 -1
  18. package/lib/Pagination/PaginationPageInput/index.js +0 -3
  19. package/lib/Pagination/index.js +10 -12
  20. package/lib/Pagination/props.js +2 -70
  21. package/package.json +22 -22
  22. package/src/Pagination/PaginationArrowButton/index.tsx +3 -6
  23. package/src/Pagination/PaginationArrowButton/props.ts +20 -6
  24. package/src/Pagination/PaginationButton/index.tsx +4 -2
  25. package/src/Pagination/PaginationButton/props.ts +16 -11
  26. package/src/Pagination/PaginationPageInput/index.tsx +0 -3
  27. package/src/Pagination/PaginationPageInput/props.ts +1 -1
  28. package/src/Pagination/index.tsx +26 -31
  29. package/src/Pagination/props.ts +82 -55
  30. package/tsconfig.build.tsbuildinfo +1 -1
  31. package/types/Pagination/PaginationArrowButton/index.d.ts +6 -7
  32. package/types/Pagination/PaginationArrowButton/index.d.ts.map +1 -1
  33. package/types/Pagination/PaginationArrowButton/props.d.ts +5 -4
  34. package/types/Pagination/PaginationArrowButton/props.d.ts.map +1 -1
  35. package/types/Pagination/PaginationButton/index.d.ts.map +1 -1
  36. package/types/Pagination/PaginationButton/props.d.ts +12 -2
  37. package/types/Pagination/PaginationButton/props.d.ts.map +1 -1
  38. package/types/Pagination/PaginationPageInput/index.d.ts +2 -3
  39. package/types/Pagination/PaginationPageInput/index.d.ts.map +1 -1
  40. package/types/Pagination/PaginationPageInput/props.d.ts +1 -1
  41. package/types/Pagination/PaginationPageInput/props.d.ts.map +1 -1
  42. package/types/Pagination/index.d.ts +15 -15
  43. package/types/Pagination/index.d.ts.map +1 -1
  44. package/types/Pagination/props.d.ts +66 -2
  45. package/types/Pagination/props.d.ts.map +1 -1
@@ -6,24 +6,23 @@ import type { PaginationNavigationProps } from './props';
6
6
  parent: Pagination
7
7
  id: Pagination.Navigation
8
8
  ---
9
+ @tsProps
9
10
  **/
10
11
  declare class PaginationArrowButton extends Component<PaginationNavigationProps> {
11
12
  static readonly componentId = "Pagination.Navigation";
12
13
  static allowedProps: readonly (keyof {
13
14
  direction?: import("./props").PaginationArrowDirections | undefined;
14
- label: React.ReactChild | React.ReactFragment;
15
- buttonRef?: ((...args: any[]) => any) | undefined;
15
+ label: string;
16
+ buttonRef?: ((element: Element | null) => void) | undefined;
16
17
  onClick?: ((event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement, MouseEvent> | React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
17
18
  })[];
18
19
  static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
19
20
  direction?: import("./props").PaginationArrowDirections | undefined;
20
- label: React.ReactChild | React.ReactFragment;
21
- buttonRef?: ((...args: any[]) => any) | undefined;
21
+ label: string;
22
+ buttonRef?: ((element: Element | null) => void) | undefined;
22
23
  onClick?: ((event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement, MouseEvent> | React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
23
24
  }>;
24
- static defaultProps: {
25
- buttonRef: (el: any) => void;
26
- };
25
+ static defaultProps: {};
27
26
  ref: Element | null;
28
27
  handleRef: (el: Element | null) => void;
29
28
  get margin(): "0 xx-small 0 0" | "0 0 0 xx-small" | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Pagination/PaginationArrowButton/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKxC,OAAO,EAGL,yBAAyB,EAE1B,MAAM,uBAAuB,CAAA;AAG9B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGxD;;;;;GAKG;AACH,cACM,qBAAsB,SAAQ,SAAS,CAAC,yBAAyB,CAAC;IACtE,MAAM,CAAC,QAAQ,CAAC,WAAW,2BAA0B;IAErD,MAAM,CAAC,YAAY;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;MAGlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,IAAI,MAAM,oDAST;IAED,IAAI,IAAI,4CAaP;IAED,MAAM;CA4BP;AAED,eAAe,qBAAqB,CAAA;AACpC,OAAO,EAAE,qBAAqB,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Pagination/PaginationArrowButton/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKxC,OAAO,EAGL,yBAAyB,EAE1B,MAAM,uBAAuB,CAAA;AAG9B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGxD;;;;;;GAMG;AACH,cACM,qBAAsB,SAAQ,SAAS,CAAC,yBAAyB,CAAC;IACtE,MAAM,CAAC,QAAQ,CAAC,WAAW,2BAA0B;IAErD,MAAM,CAAC,YAAY;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY,KAAK;IAExB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,IAAI,MAAM,oDAST;IAED,IAAI,IAAI,4CAaP;IAED,MAAM;CA2BP;AAED,eAAe,qBAAqB,CAAA;AACpC,OAAO,EAAE,qBAAqB,EAAE,CAAA"}
@@ -1,15 +1,16 @@
1
1
  import React from 'react';
2
- import type { OtherHTMLAttributes, PropValidators } from '@instructure/shared-types';
2
+ import type { OtherHTMLAttributes, PropValidators, PickPropsWithExceptions } from '@instructure/shared-types';
3
+ import type { IconButtonProps } from '@instructure/ui-buttons';
3
4
  declare type PaginationArrowDirections = 'first' | 'prev' | 'next' | 'last';
4
5
  declare type PaginationNavigationOwnProps = {
5
6
  direction?: PaginationArrowDirections;
6
- label: string | React.ReactChild | React.ReactFragment;
7
- buttonRef?: (...args: any[]) => any;
7
+ label: string;
8
+ buttonRef?: (element: Element | null) => void;
8
9
  onClick?: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> | React.FocusEvent<HTMLInputElement>) => void;
9
10
  };
10
11
  declare type PropKeys = keyof PaginationNavigationOwnProps;
11
12
  declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
12
- declare type PaginationNavigationProps = PaginationNavigationOwnProps & OtherHTMLAttributes<PaginationNavigationOwnProps>;
13
+ declare type PaginationNavigationProps = PickPropsWithExceptions<IconButtonProps, 'size' | 'withBackground' | 'withBorder' | 'screenReaderLabel' | 'rel' | 'elementRef' | 'margin'> & PaginationNavigationOwnProps & OtherHTMLAttributes<PaginationNavigationOwnProps>;
13
14
  declare const propTypes: PropValidators<PropKeys>;
14
15
  declare const allowedProps: AllowedPropKeys;
15
16
  export type { PaginationNavigationProps, PaginationArrowDirections };
@@ -1 +1 @@
1
- {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Pagination/PaginationArrowButton/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAElC,aAAK,yBAAyB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;AAEnE,aAAK,4BAA4B,GAAG;IAClC,SAAS,CAAC,EAAE,yBAAyB,CAAA;IACrC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,CAAA;IACtD,SAAS,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACnC,OAAO,CAAC,EAAE,CACR,KAAK,EACD,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,GACrC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GACnC,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KACnC,IAAI,CAAA;CACV,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,4BAA4B,CAAA;AAElD,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,yBAAyB,GAAG,4BAA4B,GAC3D,mBAAmB,CAAC,4BAA4B,CAAC,CAAA;AAEnD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAKvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAOnB,CAAA;AAED,YAAY,EAAE,yBAAyB,EAAE,yBAAyB,EAAE,CAAA;AACpE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Pagination/PaginationArrowButton/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACd,uBAAuB,EACxB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAE9D,aAAK,yBAAyB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;AAEnE,aAAK,4BAA4B,GAAG;IAClC,SAAS,CAAC,EAAE,yBAAyB,CAAA;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC7C,OAAO,CAAC,EAAE,CACR,KAAK,EACD,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,GACrC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GACnC,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KACnC,IAAI,CAAA;CACV,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,4BAA4B,CAAA;AAElD,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,yBAAyB,GAE5B,uBAAuB,CACrB,eAAe,EACb,MAAM,GACN,gBAAgB,GAChB,YAAY,GACZ,mBAAmB,GACnB,KAAK,GACL,YAAY,GACZ,QAAQ,CACX,GACC,4BAA4B,GAC5B,mBAAmB,CAAC,4BAA4B,CAAC,CAAA;AAErD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAKvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAOnB,CAAA;AAED,YAAY,EAAE,yBAAyB,EAAE,yBAAyB,EAAE,CAAA;AACpE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Pagination/PaginationButton/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOxC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD;;;;;GAKG;AAEH,cACM,gBAAiB,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IAC3D,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,SAAS;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;MAElB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,MAAM;CAgBP;AAED,eAAe,gBAAgB,CAAA;AAC/B,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Pagination/PaginationButton/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOxC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD;;;;;GAKG;AAEH,cACM,gBAAiB,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IAC3D,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,SAAS;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;MAElB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,MAAM;CAkBP;AAED,eAAe,gBAAgB,CAAA;AAC/B,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
@@ -1,13 +1,23 @@
1
1
  import React from 'react';
2
- import type { OtherHTMLAttributes, PropValidators } from '@instructure/shared-types';
2
+ import type { OtherHTMLAttributes, PickPropsWithExceptions, PropValidators } from '@instructure/shared-types';
3
+ import type { BaseButtonProps } from '@instructure/ui-buttons';
3
4
  declare type PaginationPageOwnProps = {
5
+ /**
6
+ * Content to render as page selection
7
+ */
4
8
  children: React.ReactNode;
9
+ /**
10
+ * Whether the page is currently displayed
11
+ */
5
12
  current?: boolean;
13
+ /**
14
+ * Whether the page is currently displayed
15
+ */
6
16
  onClick?: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> | React.FocusEvent<HTMLInputElement>) => void;
7
17
  };
8
18
  declare type PropKeys = keyof PaginationPageOwnProps;
9
19
  declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
10
- declare type PaginationPageProps = PaginationPageOwnProps & OtherHTMLAttributes<PaginationPageOwnProps>;
20
+ declare type PaginationPageProps = PickPropsWithExceptions<BaseButtonProps, 'aria-current' | 'elementRef'> & PaginationPageOwnProps & OtherHTMLAttributes<PaginationPageOwnProps>;
11
21
  declare const propTypes: PropValidators<PropKeys>;
12
22
  declare const allowedProps: AllowedPropKeys;
13
23
  export type { PaginationPageProps };
@@ -1 +1 @@
1
- {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Pagination/PaginationButton/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAElC,aAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,CACR,KAAK,EACD,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,GACrC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GACnC,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KACnC,IAAI,CAAA;CACV,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,mBAAmB,GAAG,sBAAsB,GAC/C,mBAAmB,CAAC,sBAAsB,CAAC,CAAA;AAE7C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAavC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAMnB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Pagination/PaginationButton/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EACV,mBAAmB,EACnB,uBAAuB,EACvB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAE9D,aAAK,sBAAsB,GAAG;IAC5B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,CACR,KAAK,EACD,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,GACrC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GACnC,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KACnC,IAAI,CAAA;CACV,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,mBAAmB,GAEtB,uBAAuB,CAAC,eAAe,EAAE,cAAc,GAAG,YAAY,CAAC,GACrE,sBAAsB,GACtB,mBAAmB,CAAC,sBAAsB,CAAC,CAAA;AAE/C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAIvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAMnB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
@@ -18,7 +18,7 @@ declare class PaginationPageInput extends Component<PaginationPageInputProps, Pa
18
18
  screenReaderLabel: (currentPage: number, numberOfPages: number) => string;
19
19
  label?: ((numberOfPages: number) => React.ReactNode) | undefined;
20
20
  disabled?: boolean | undefined;
21
- inputRef?: ((element: Element | null) => void) | undefined;
21
+ inputRef?: ((element: HTMLInputElement | null) => void) | undefined;
22
22
  }>;
23
23
  static allowedProps: readonly (keyof {
24
24
  numberOfPages: number;
@@ -27,13 +27,12 @@ declare class PaginationPageInput extends Component<PaginationPageInputProps, Pa
27
27
  screenReaderLabel: (currentPage: number, numberOfPages: number) => string;
28
28
  label?: ((numberOfPages: number) => React.ReactNode) | undefined;
29
29
  disabled?: boolean | undefined;
30
- inputRef?: ((element: Element | null) => void) | undefined;
30
+ inputRef?: ((element: HTMLInputElement | null) => void) | undefined;
31
31
  })[];
32
32
  static defaultProps: {
33
33
  disabled: boolean;
34
34
  };
35
35
  ref: HTMLSpanElement | null;
36
- _inputRef: HTMLInputElement | null;
37
36
  constructor(props: PaginationPageInputProps);
38
37
  get currentPage(): number;
39
38
  get initialState(): {
@@ -1 +1 @@
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"}
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;gBAEtB,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,UAI5C;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"}
@@ -29,7 +29,7 @@ declare type PaginationPageInputOwnProps = {
29
29
  /**
30
30
  * provides a reference to the underlying html root element
31
31
  */
32
- inputRef?: (element: Element | null) => void;
32
+ inputRef?: (element: HTMLInputElement | null) => void;
33
33
  };
34
34
  declare type PropKeys = keyof PaginationPageInputOwnProps;
35
35
  declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
@@ -1 +1 @@
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"}
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,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAA;CACtD,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"}
@@ -5,22 +5,23 @@ import { PaginationButton } from './PaginationButton';
5
5
  import { PaginationArrowButton } from './PaginationArrowButton';
6
6
  import type { PaginationPageProps } from './PaginationButton/props';
7
7
  import type { PaginationArrowDirections } from './PaginationArrowButton/props';
8
- import type { PaginationProps, PaginationSnapshot } from './props';
8
+ import type { PaginationProps, PaginationSnapshot, ChildPage } from './props';
9
9
  declare type ArrowConfig = {
10
10
  pageIndex: number;
11
11
  label: string;
12
12
  shouldEnableIcon: boolean;
13
- handleButtonRef: (el: HTMLButtonElement) => void;
13
+ handleButtonRef: (el: Element | null) => void;
14
14
  };
15
15
  /**
16
16
  ---
17
17
  category: components
18
18
  ---
19
+ @tsProps
19
20
  **/
20
21
  declare class Pagination extends Component<PaginationProps> {
21
22
  static readonly componentId = "Pagination";
22
23
  static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
23
- children?: React.ReactElement<PaginationPageProps, string | React.JSXElementConstructor<any>> | React.ReactElement<PaginationPageProps, string | React.JSXElementConstructor<any>>[] | undefined;
24
+ children?: ChildPage | ChildPage[] | undefined;
24
25
  disabled?: boolean | undefined;
25
26
  withFirstAndLastButton?: boolean | undefined;
26
27
  showDisabledButtons?: boolean | undefined;
@@ -35,10 +36,11 @@ declare class Pagination extends Component<PaginationProps> {
35
36
  margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
36
37
  as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
37
38
  elementRef?: ((element: Element | null) => void) | undefined;
39
+ inputRef?: ((inputElement: HTMLInputElement | null) => void) | undefined;
38
40
  shouldHandleFocus?: boolean | undefined;
39
41
  }>;
40
42
  static allowedProps: readonly (keyof {
41
- children?: React.ReactElement<PaginationPageProps, string | React.JSXElementConstructor<any>> | React.ReactElement<PaginationPageProps, string | React.JSXElementConstructor<any>>[] | undefined;
43
+ children?: ChildPage | ChildPage[] | undefined;
42
44
  disabled?: boolean | undefined;
43
45
  withFirstAndLastButton?: boolean | undefined;
44
46
  showDisabledButtons?: boolean | undefined;
@@ -53,30 +55,28 @@ declare class Pagination extends Component<PaginationProps> {
53
55
  margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
54
56
  as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
55
57
  elementRef?: ((element: Element | null) => void) | undefined;
58
+ inputRef?: ((inputElement: HTMLInputElement | null) => void) | undefined;
56
59
  shouldHandleFocus?: boolean | undefined;
57
60
  })[];
58
61
  static defaultProps: {
59
- children: null;
60
62
  disabled: boolean;
61
63
  withFirstAndLastButton: boolean;
62
64
  showDisabledButtons: boolean;
63
65
  variant: string;
64
66
  as: string;
65
- elementRef: (el: any) => void;
66
67
  labelNumberInput: (numberOfPages: number) => string;
67
68
  screenReaderLabelNumberInput: (currentPage: number, numberOfPages: number) => string;
68
69
  shouldHandleFocus: boolean;
69
70
  };
70
71
  static Page: typeof PaginationButton;
71
72
  static Navigation: typeof PaginationArrowButton;
72
- _labelId: string;
73
+ private readonly _labelId;
74
+ private _firstButton;
75
+ private _prevButton;
76
+ private _nextButton;
77
+ private _lastButton;
73
78
  ref: Element | null;
74
- _inputRef: Element | null;
75
- _firstButton: HTMLButtonElement | null;
76
- _prevButton: HTMLButtonElement | null;
77
- _nextButton: HTMLButtonElement | null;
78
- _lastButton: HTMLButtonElement | null;
79
- constructor(...args: any[]);
79
+ constructor(props: PaginationProps);
80
80
  get _root(): Element | null;
81
81
  get inputMode(): boolean;
82
82
  get childPages(): React.ReactElement<PaginationPageProps, string | React.JSXElementConstructor<any>>[];
@@ -87,9 +87,9 @@ declare class Pagination extends Component<PaginationProps> {
87
87
  componentDidUpdate(prevProps: PaginationProps, _prevState: unknown, snapshot: PaginationSnapshot): void;
88
88
  focusElementAfterUpdate(snapshot: PaginationSnapshot): void;
89
89
  get compactView(): boolean;
90
- transferDisabledPropToChildren(children: PaginationProps['children']): React.ReactElement<PaginationPageProps, string | React.JSXElementConstructor<any>> | React.ReactElement<PaginationPageProps, string | React.JSXElementConstructor<any>>[] | undefined;
90
+ transferDisabledPropToChildren(children: PaginationProps['children']): ChildPage | ChildPage[] | undefined;
91
91
  handleElementRef: (el: Element | null) => void;
92
- handleInputRef: (el: Element | null) => void;
92
+ handleInputRef: (el: HTMLInputElement | null) => void;
93
93
  renderLabel(): jsx.JSX.Element;
94
94
  renderPageInput(currentPageIndex: number): jsx.JSX.Element;
95
95
  handleInputChange(event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> | React.FocusEvent<HTMLInputElement>, pageIndex: number): void;
@@ -1 +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,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"}
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,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AACnE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAA;AAG9E,OAAO,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAwB7E,aAAK,WAAW,GAAG;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,gBAAgB,EAAE,OAAO,CAAA;IACzB,eAAe,EAAE,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;CAC9C,CAAA;AAED;;;;;GAKG;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;;;;;;0CAMiB,MAAM;oDAEzB,MAAM,iBACJ,MAAM;;MAGxB;IAED,MAAM,CAAC,IAAI,0BAAmB;IAC9B,MAAM,CAAC,UAAU,+BAAwB;IAEzC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAQ;IAEjC,OAAO,CAAC,YAAY,CAAiC;IACrD,OAAO,CAAC,WAAW,CAAiC;IACpD,OAAO,CAAC,WAAW,CAAiC;IACpD,OAAO,CAAC,WAAW,CAAiC;IAEpD,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;gBAEd,KAAK,EAAE,eAAe;IAMlC,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,UAKrC;IAED,cAAc,OAAQ,gBAAgB,GAAG,IAAI,UAI5C;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;CAsCP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAA"}
@@ -2,22 +2,86 @@ import React from 'react';
2
2
  import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
3
3
  import type { AsElementType, OtherHTMLAttributes, PropValidators } from '@instructure/shared-types';
4
4
  import type { PaginationPageProps } from './PaginationButton/props';
5
+ declare type ChildPage = React.ReactElement<PaginationPageProps>;
5
6
  declare type PaginationOwnProps = {
6
- children?: React.ReactElement<PaginationPageProps> | React.ReactElement<PaginationPageProps>[];
7
+ /**
8
+ * children of type Pagination.Page
9
+ */
10
+ children?: ChildPage | ChildPage[];
11
+ /**
12
+ * Disables interaction with all pages
13
+ */
7
14
  disabled?: boolean;
15
+ /**
16
+ * Displays "jump to first" and "jump to last" buttons. Always turned on with `input` variant.
17
+ */
8
18
  withFirstAndLastButton?: boolean;
19
+ /**
20
+ * Displays the unavailable navigation buttons as disabled instead of hiding them. Always turned on with `input` variant.
21
+ */
9
22
  showDisabledButtons?: boolean;
23
+ /**
24
+ * Visible label for component
25
+ */
10
26
  label?: React.ReactNode;
27
+ /**
28
+ * Accessible label for next button
29
+ */
11
30
  labelNext?: string;
31
+ /**
32
+ * Accessible label for previous button
33
+ */
12
34
  labelPrev?: string;
35
+ /**
36
+ * Accessible label for "jump to first" button
37
+ */
13
38
  labelFirst?: string;
39
+ /**
40
+ * Accessible label for "jump to last" button
41
+ */
14
42
  labelLast?: string;
43
+ /**
44
+ * Label for number input
45
+ *
46
+ * (__only__ for `input` variant)
47
+ */
15
48
  labelNumberInput?: (numberOfPages: number) => React.ReactNode;
49
+ /**
50
+ * ScreenReaderLabel for number input
51
+ *
52
+ * (__only__ for `input` variant)
53
+ */
16
54
  screenReaderLabelNumberInput?: (currentPage: number, numberOfPages: number) => string;
55
+ /**
56
+ * The compact variant truncates the page navigation to show only the first,
57
+ * last, and pages immediately surrounding the current page. Fewer than 5 pages,
58
+ * no next/previous arrow buttons will be shown, and all pages will be listed
59
+ */
17
60
  variant?: 'full' | 'compact' | 'input';
61
+ /**
62
+ * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
63
+ * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
64
+ * familiar CSS-like shorthand. For example: `margin="small auto large"`.
65
+ */
18
66
  margin?: Spacing;
67
+ /**
68
+ * the element type to render as
69
+ */
19
70
  as?: AsElementType;
71
+ /**
72
+ * provides a reference to the underlying html root element
73
+ */
20
74
  elementRef?: (element: Element | null) => void;
75
+ /**
76
+ * provides a reference to the html input element
77
+ *
78
+ * (__only__ for `input` variant)
79
+ */
80
+ inputRef?: (inputElement: HTMLInputElement | null) => void;
81
+ /**
82
+ * For accessibility, Pagination sets focus on the first or last Pagination.Pages, respectively, when the Previous or Next arrow buttons are removed from the DOM.
83
+ * Set this property to `false` to prevent this behavior.
84
+ */
21
85
  shouldHandleFocus?: boolean;
22
86
  };
23
87
  declare type PropKeys = keyof PaginationOwnProps;
@@ -29,6 +93,6 @@ declare const allowedProps: AllowedPropKeys;
29
93
  declare type PaginationSnapshot = {
30
94
  lastFocusedButton?: HTMLButtonElement;
31
95
  };
32
- export type { PaginationProps, PaginationStyle, PaginationSnapshot };
96
+ export type { PaginationProps, PaginationStyle, PaginationSnapshot, ChildPage };
33
97
  export { propTypes, allowedProps };
34
98
  //# sourceMappingURL=props.d.ts.map
@@ -1 +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;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"}
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;AAClC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAEnE,aAAK,SAAS,GAAG,KAAK,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAAA;AAExD,aAAK,kBAAkB,GAAG;IAIxB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;IAElC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAEhC;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IAE7D;;;;OAIG;IACH,4BAA4B,CAAC,EAAE,CAC7B,WAAW,EAAE,MAAM,EACnB,aAAa,EAAE,MAAM,KAClB,MAAM,CAAA;IAEX;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;IAEtC;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAE9C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAA;IAE1D;;;OAGG;IACH,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,CAkBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAkBnB,CAAA;AAED,aAAK,kBAAkB,GAAG;IACxB,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;CACtC,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,kBAAkB,EAAE,SAAS,EAAE,CAAA;AAC/E,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}