@instructure/ui-pagination 11.6.0 → 11.6.1-snapshot-129

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 (141) hide show
  1. package/CHANGELOG.md +42 -296
  2. package/es/Pagination/{PaginationArrowButton → v1/PaginationArrowButton}/index.js +2 -2
  3. package/es/Pagination/{PaginationButton → v1/PaginationButton}/index.js +1 -1
  4. package/es/Pagination/{PaginationPageInput → v1/PaginationPageInput}/index.js +1 -1
  5. package/es/Pagination/{index.js → v1/index.js} +1 -1
  6. package/es/Pagination/v2/PaginationArrowButton/index.js +109 -0
  7. package/es/Pagination/v2/PaginationArrowButton/props.js +30 -0
  8. package/es/Pagination/v2/PaginationButton/index.js +77 -0
  9. package/es/Pagination/v2/PaginationButton/props.js +29 -0
  10. package/es/Pagination/v2/PaginationPageInput/index.js +189 -0
  11. package/es/Pagination/v2/PaginationPageInput/props.js +26 -0
  12. package/es/Pagination/v2/PaginationPageInput/styles.js +56 -0
  13. package/es/Pagination/v2/index.js +481 -0
  14. package/es/Pagination/v2/props.js +26 -0
  15. package/es/Pagination/v2/styles.js +58 -0
  16. package/es/{index.js → exports/a.js} +1 -1
  17. package/es/exports/b.js +24 -0
  18. package/lib/Pagination/{PaginationArrowButton → v1/PaginationArrowButton}/index.js +8 -8
  19. package/lib/Pagination/{PaginationButton → v1/PaginationButton}/index.js +2 -2
  20. package/lib/Pagination/{PaginationPageInput → v1/PaginationPageInput}/index.js +2 -2
  21. package/lib/Pagination/{index.js → v1/index.js} +6 -6
  22. package/lib/Pagination/v2/PaginationArrowButton/index.js +115 -0
  23. package/lib/Pagination/v2/PaginationArrowButton/props.js +35 -0
  24. package/lib/Pagination/v2/PaginationButton/index.js +83 -0
  25. package/lib/Pagination/v2/PaginationButton/props.js +34 -0
  26. package/lib/Pagination/v2/PaginationPageInput/index.js +194 -0
  27. package/lib/Pagination/v2/PaginationPageInput/props.js +31 -0
  28. package/lib/Pagination/v2/PaginationPageInput/styles.js +62 -0
  29. package/lib/Pagination/v2/index.js +496 -0
  30. package/lib/Pagination/v2/props.js +31 -0
  31. package/lib/Pagination/v2/styles.js +64 -0
  32. package/lib/{index.js → exports/a.js} +3 -3
  33. package/lib/exports/b.js +18 -0
  34. package/package.json +48 -25
  35. package/src/Pagination/{PaginationArrowButton → v1/PaginationArrowButton}/index.tsx +2 -2
  36. package/src/Pagination/{PaginationArrowButton → v1/PaginationArrowButton}/props.ts +1 -1
  37. package/src/Pagination/{PaginationButton → v1/PaginationButton}/index.tsx +1 -1
  38. package/src/Pagination/{PaginationButton → v1/PaginationButton}/props.ts +1 -1
  39. package/src/Pagination/{PaginationPageInput → v1/PaginationPageInput}/index.tsx +1 -1
  40. package/src/Pagination/{index.tsx → v1/index.tsx} +1 -1
  41. package/src/Pagination/v2/PaginationArrowButton/index.tsx +120 -0
  42. package/src/Pagination/v2/PaginationArrowButton/props.ts +74 -0
  43. package/src/Pagination/v2/PaginationButton/index.tsx +82 -0
  44. package/src/Pagination/v2/PaginationButton/props.ts +77 -0
  45. package/src/Pagination/v2/PaginationPageInput/index.tsx +242 -0
  46. package/src/Pagination/v2/PaginationPageInput/props.ts +95 -0
  47. package/src/Pagination/v2/PaginationPageInput/styles.ts +62 -0
  48. package/src/Pagination/v2/README.md +417 -0
  49. package/src/Pagination/v2/index.tsx +665 -0
  50. package/src/Pagination/v2/props.ts +245 -0
  51. package/src/Pagination/v2/styles.ts +64 -0
  52. package/src/exports/a.ts +29 -0
  53. package/src/exports/b.ts +29 -0
  54. package/tsconfig.build.json +1 -0
  55. package/tsconfig.build.tsbuildinfo +1 -1
  56. package/types/Pagination/v1/PaginationArrowButton/index.d.ts.map +1 -0
  57. package/types/Pagination/{PaginationArrowButton → v1/PaginationArrowButton}/props.d.ts +1 -1
  58. package/types/Pagination/v1/PaginationArrowButton/props.d.ts.map +1 -0
  59. package/types/Pagination/v1/PaginationButton/index.d.ts.map +1 -0
  60. package/types/Pagination/{PaginationButton → v1/PaginationButton}/props.d.ts +1 -1
  61. package/types/Pagination/v1/PaginationButton/props.d.ts.map +1 -0
  62. package/types/Pagination/v1/PaginationPageInput/index.d.ts.map +1 -0
  63. package/types/Pagination/v1/PaginationPageInput/props.d.ts.map +1 -0
  64. package/types/Pagination/v1/PaginationPageInput/styles.d.ts.map +1 -0
  65. package/types/Pagination/v1/PaginationPageInput/theme.d.ts.map +1 -0
  66. package/types/Pagination/v1/index.d.ts.map +1 -0
  67. package/types/Pagination/v1/props.d.ts.map +1 -0
  68. package/types/Pagination/v1/styles.d.ts.map +1 -0
  69. package/types/Pagination/v1/theme.d.ts.map +1 -0
  70. package/types/Pagination/v2/PaginationArrowButton/index.d.ts +27 -0
  71. package/types/Pagination/v2/PaginationArrowButton/index.d.ts.map +1 -0
  72. package/types/Pagination/v2/PaginationArrowButton/props.d.ts +17 -0
  73. package/types/Pagination/v2/PaginationArrowButton/props.d.ts.map +1 -0
  74. package/types/Pagination/v2/PaginationButton/index.d.ts +26 -0
  75. package/types/Pagination/v2/PaginationButton/index.d.ts.map +1 -0
  76. package/types/Pagination/v2/PaginationButton/props.d.ts +30 -0
  77. package/types/Pagination/v2/PaginationButton/props.d.ts.map +1 -0
  78. package/types/Pagination/v2/PaginationPageInput/index.d.ts +50 -0
  79. package/types/Pagination/v2/PaginationPageInput/index.d.ts.map +1 -0
  80. package/types/Pagination/v2/PaginationPageInput/props.d.ts +45 -0
  81. package/types/Pagination/v2/PaginationPageInput/props.d.ts.map +1 -0
  82. package/types/Pagination/v2/PaginationPageInput/styles.d.ts +16 -0
  83. package/types/Pagination/v2/PaginationPageInput/styles.d.ts.map +1 -0
  84. package/types/Pagination/v2/index.d.ts +106 -0
  85. package/types/Pagination/v2/index.d.ts.map +1 -0
  86. package/types/Pagination/v2/props.d.ts +138 -0
  87. package/types/Pagination/v2/props.d.ts.map +1 -0
  88. package/types/Pagination/v2/styles.d.ts +16 -0
  89. package/types/Pagination/v2/styles.d.ts.map +1 -0
  90. package/types/exports/a.d.ts +5 -0
  91. package/types/exports/a.d.ts.map +1 -0
  92. package/types/exports/b.d.ts +5 -0
  93. package/types/exports/b.d.ts.map +1 -0
  94. package/src/index.ts +0 -29
  95. package/types/Pagination/PaginationArrowButton/index.d.ts.map +0 -1
  96. package/types/Pagination/PaginationArrowButton/props.d.ts.map +0 -1
  97. package/types/Pagination/PaginationButton/index.d.ts.map +0 -1
  98. package/types/Pagination/PaginationButton/props.d.ts.map +0 -1
  99. package/types/Pagination/PaginationPageInput/index.d.ts.map +0 -1
  100. package/types/Pagination/PaginationPageInput/props.d.ts.map +0 -1
  101. package/types/Pagination/PaginationPageInput/styles.d.ts.map +0 -1
  102. package/types/Pagination/PaginationPageInput/theme.d.ts.map +0 -1
  103. package/types/Pagination/index.d.ts.map +0 -1
  104. package/types/Pagination/props.d.ts.map +0 -1
  105. package/types/Pagination/styles.d.ts.map +0 -1
  106. package/types/Pagination/theme.d.ts.map +0 -1
  107. package/types/index.d.ts +0 -5
  108. package/types/index.d.ts.map +0 -1
  109. /package/es/Pagination/{PaginationArrowButton → v1/PaginationArrowButton}/props.js +0 -0
  110. /package/es/Pagination/{PaginationButton → v1/PaginationButton}/props.js +0 -0
  111. /package/es/Pagination/{PaginationPageInput → v1/PaginationPageInput}/props.js +0 -0
  112. /package/es/Pagination/{PaginationPageInput → v1/PaginationPageInput}/styles.js +0 -0
  113. /package/es/Pagination/{PaginationPageInput → v1/PaginationPageInput}/theme.js +0 -0
  114. /package/es/Pagination/{props.js → v1/props.js} +0 -0
  115. /package/es/Pagination/{styles.js → v1/styles.js} +0 -0
  116. /package/es/Pagination/{theme.js → v1/theme.js} +0 -0
  117. /package/lib/Pagination/{PaginationArrowButton → v1/PaginationArrowButton}/props.js +0 -0
  118. /package/lib/Pagination/{PaginationButton → v1/PaginationButton}/props.js +0 -0
  119. /package/lib/Pagination/{PaginationPageInput → v1/PaginationPageInput}/props.js +0 -0
  120. /package/lib/Pagination/{PaginationPageInput → v1/PaginationPageInput}/styles.js +0 -0
  121. /package/lib/Pagination/{PaginationPageInput → v1/PaginationPageInput}/theme.js +0 -0
  122. /package/lib/Pagination/{props.js → v1/props.js} +0 -0
  123. /package/lib/Pagination/{styles.js → v1/styles.js} +0 -0
  124. /package/lib/Pagination/{theme.js → v1/theme.js} +0 -0
  125. /package/src/Pagination/{PaginationPageInput → v1/PaginationPageInput}/props.ts +0 -0
  126. /package/src/Pagination/{PaginationPageInput → v1/PaginationPageInput}/styles.ts +0 -0
  127. /package/src/Pagination/{PaginationPageInput → v1/PaginationPageInput}/theme.ts +0 -0
  128. /package/src/Pagination/{README.md → v1/README.md} +0 -0
  129. /package/src/Pagination/{props.ts → v1/props.ts} +0 -0
  130. /package/src/Pagination/{styles.ts → v1/styles.ts} +0 -0
  131. /package/src/Pagination/{theme.ts → v1/theme.ts} +0 -0
  132. /package/types/Pagination/{PaginationArrowButton → v1/PaginationArrowButton}/index.d.ts +0 -0
  133. /package/types/Pagination/{PaginationButton → v1/PaginationButton}/index.d.ts +0 -0
  134. /package/types/Pagination/{PaginationPageInput → v1/PaginationPageInput}/index.d.ts +0 -0
  135. /package/types/Pagination/{PaginationPageInput → v1/PaginationPageInput}/props.d.ts +0 -0
  136. /package/types/Pagination/{PaginationPageInput → v1/PaginationPageInput}/styles.d.ts +0 -0
  137. /package/types/Pagination/{PaginationPageInput → v1/PaginationPageInput}/theme.d.ts +0 -0
  138. /package/types/Pagination/{index.d.ts → v1/index.d.ts} +0 -0
  139. /package/types/Pagination/{props.d.ts → v1/props.d.ts} +0 -0
  140. /package/types/Pagination/{styles.d.ts → v1/styles.d.ts} +0 -0
  141. /package/types/Pagination/{theme.d.ts → v1/theme.d.ts} +0 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Pagination/v1/PaginationArrowButton/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAGL,yBAAyB,EAE1B,MAAM,uBAAuB,CAAA;AAE9B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGxD;;;;;GAKG;AACH,cAAM,qBAAsB,SAAQ,SAAS,CAAC,yBAAyB,CAAC;IACtE,MAAM,CAAC,QAAQ,CAAC,WAAW,2BAA0B;IAErD,MAAM,CAAC,YAAY;;;;;SAAe;IAElC,MAAM,CAAC,YAAY,KAAK;IAExB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAE9B;IAED,IAAI,MAAM,oDAST;IAED,IAAI,IAAI,4CAaP;IAED,MAAM;CAyBP;AAED,eAAe,qBAAqB,CAAA;AACpC,OAAO,EAAE,qBAAqB,EAAE,CAAA"}
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import type { OtherHTMLAttributes, PickPropsWithExceptions } from '@instructure/shared-types';
3
- import type { IconButtonProps } from '@instructure/ui-buttons';
3
+ import type { IconButtonProps } from '@instructure/ui-buttons/v11_6';
4
4
  type PaginationArrowDirections = 'first' | 'prev' | 'next' | 'last';
5
5
  type PaginationNavigationOwnProps = {
6
6
  direction?: PaginationArrowDirections;
@@ -0,0 +1 @@
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/Pagination/v1/PaginationArrowButton/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EACV,mBAAmB,EACnB,uBAAuB,EACxB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,yBAAyB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;AAEnE,KAAK,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,KAAK,QAAQ,GAAG,MAAM,4BAA4B,CAAA;AAElD,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,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;AACrD,QAAA,MAAM,YAAY,EAAE,eAOnB,CAAA;AAED,YAAY,EAAE,yBAAyB,EAAE,yBAAyB,EAAE,CAAA;AACpE,OAAO,EAAE,YAAY,EAAE,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Pagination/v1/PaginationButton/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD;;;;;GAKG;AAEH,cAAM,gBAAiB,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IAC3D,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,YAAY;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;MAElB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAE9B;IAED,MAAM;CAyBP;AAED,eAAe,gBAAgB,CAAA;AAC/B,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import type { OtherHTMLAttributes, PickPropsWithExceptions } from '@instructure/shared-types';
3
- import type { BaseButtonProps } from '@instructure/ui-buttons';
3
+ import type { BaseButtonProps } from '@instructure/ui-buttons/v11_6';
4
4
  type PaginationPageOwnProps = {
5
5
  /**
6
6
  * Content to render as page selection
@@ -0,0 +1 @@
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/Pagination/v1/PaginationButton/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EACV,mBAAmB,EACnB,uBAAuB,EACxB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,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;IACT;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,mBAAmB,GAEtB,uBAAuB,CAAC,eAAe,EAAE,cAAc,GAAG,YAAY,CAAC,GACrE,sBAAsB,GACtB,mBAAmB,CAAC,sBAAsB,CAAC,CAAA;AAE/C,QAAA,MAAM,YAAY,EAAE,eAMnB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,CAAA;AACnC,OAAO,EAAE,YAAY,EAAE,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Pagination/v1/PaginationPageInput/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAUjC,OAAO,KAAK,EACV,wBAAwB,EACxB,wBAAwB,EACzB,MAAM,SAAS,CAAA;AAEhB;;;;;GAKG;AACH,cACM,mBAAoB,SAAQ,SAAS,CACzC,wBAAwB,EACxB,wBAAwB,CACzB;IACC,MAAM,CAAC,QAAQ,CAAC,WAAW,0BAAyB;IAEpD,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,GAAI,IAAI,eAAe,GAAG,IAAI,UAEtC;IAED,cAAc,GAAI,IAAI,gBAAgB,GAAG,IAAI,UAI5C;IAED,YAAY,GACV,QAAQ,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAC3C,OAAO,MAAM,UAad;IAED,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC;IAgB1D,eAAe,GACb,OACI,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,GACrC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,UAGxC;IAED,eAAe,GACb,OACI,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,GACrC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,UAGxC;IAED,UAAU,GAAI,OAAO,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,UAItD;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;CA6BP;AAED,eAAe,mBAAmB,CAAA;AAClC,OAAO,EAAE,mBAAmB,EAAE,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/Pagination/v1/PaginationPageInput/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AACzE,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,KAAK,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,KAAK,QAAQ,GAAG,MAAM,2BAA2B,CAAA;AAEjD,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,wBAAwB,GAAG,2BAA2B,GACzD,cAAc,CAAC,wBAAwB,EAAE,wBAAwB,CAAC,CAAA;AAEpE,KAAK,wBAAwB,GAAG,cAAc,CAC5C,qBAAqB,GAAG,aAAa,GAAG,YAAY,CACrD,CAAA;AAED,KAAK,wBAAwB,GAAG;IAC9B,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AACD,QAAA,MAAM,YAAY,EAAE,eAQnB,CAAA;AAED,YAAY,EACV,wBAAwB,EACxB,wBAAwB,EACxB,wBAAwB,EACzB,CAAA;AACD,OAAO,EAAE,YAAY,EAAE,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Pagination/v1/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,GACjB,gBAAgB,wBAAwB,KACvC,wBAmBF,CAAA;AAED,eAAe,aAAa,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/Pagination/v1/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,GAAI,OAAO,KAAK,KAAG,wBAY9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Pagination/v1/index.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Pagination/v1/props.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Pagination/v1/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GAAI,gBAAgB,eAAe,KAAG,eAoBxD,CAAA;AAED,eAAe,aAAa,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/Pagination/v1/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAE3D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,eAU9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}
@@ -0,0 +1,27 @@
1
+ import { Component } from 'react';
2
+ import type { PaginationNavigationProps } from './props';
3
+ /**
4
+ ---
5
+ parent: Pagination
6
+ id: Pagination.Navigation
7
+ ---
8
+ **/
9
+ declare class PaginationArrowButton extends Component<PaginationNavigationProps> {
10
+ static readonly componentId = "Pagination.Navigation";
11
+ static allowedProps: readonly (keyof {
12
+ direction?: import("./props").PaginationArrowDirections;
13
+ label: string;
14
+ buttonRef?: (element: Element | null) => void;
15
+ onClick?: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> | React.FocusEvent<HTMLInputElement>) => void;
16
+ })[];
17
+ static defaultProps: {};
18
+ ref: Element | null;
19
+ handleRef: (el: Element | null) => void;
20
+ get margin(): "0 xx-small 0 0" | "0 0 0 xx-small" | undefined;
21
+ get Icon(): import("react").ComponentType<import("@instructure/ui-icons").InstUIIconProps> | null;
22
+ renderIcon(): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
23
+ render(): import("@emotion/react/jsx-runtime").JSX.Element;
24
+ }
25
+ export default PaginationArrowButton;
26
+ export { PaginationArrowButton };
27
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Pagination/v2/PaginationArrowButton/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAajC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGxD;;;;;GAKG;AACH,cAAM,qBAAsB,SAAQ,SAAS,CAAC,yBAAyB,CAAC;IACtE,MAAM,CAAC,QAAQ,CAAC,WAAW,2BAA0B;IAErD,MAAM,CAAC,YAAY;;;;;SAAe;IAElC,MAAM,CAAC,YAAY,KAAK;IAExB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAE9B;IAED,IAAI,MAAM,oDAST;IAED,IAAI,IAAI,0FAaP;IAED,UAAU;IAMV,MAAM;CAyBP;AAED,eAAe,qBAAqB,CAAA;AACpC,OAAO,EAAE,qBAAqB,EAAE,CAAA"}
@@ -0,0 +1,17 @@
1
+ import React from 'react';
2
+ import type { OtherHTMLAttributes, PickPropsWithExceptions } from '@instructure/shared-types';
3
+ import type { IconButtonProps } from '@instructure/ui-buttons/latest';
4
+ type PaginationArrowDirections = 'first' | 'prev' | 'next' | 'last';
5
+ type PaginationNavigationOwnProps = {
6
+ direction?: PaginationArrowDirections;
7
+ label: string;
8
+ buttonRef?: (element: Element | null) => void;
9
+ onClick?: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> | React.FocusEvent<HTMLInputElement>) => void;
10
+ };
11
+ type PropKeys = keyof PaginationNavigationOwnProps;
12
+ type AllowedPropKeys = Readonly<Array<PropKeys>>;
13
+ type PaginationNavigationProps = PickPropsWithExceptions<IconButtonProps, 'size' | 'withBackground' | 'withBorder' | 'screenReaderLabel' | 'rel' | 'elementRef' | 'margin'> & PaginationNavigationOwnProps & OtherHTMLAttributes<PaginationNavigationOwnProps>;
14
+ declare const allowedProps: AllowedPropKeys;
15
+ export type { PaginationNavigationProps, PaginationArrowDirections };
16
+ export { allowedProps };
17
+ //# sourceMappingURL=props.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/Pagination/v2/PaginationArrowButton/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EACV,mBAAmB,EACnB,uBAAuB,EACxB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAErE,KAAK,yBAAyB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;AAEnE,KAAK,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,KAAK,QAAQ,GAAG,MAAM,4BAA4B,CAAA;AAElD,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,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;AACrD,QAAA,MAAM,YAAY,EAAE,eAOnB,CAAA;AAED,YAAY,EAAE,yBAAyB,EAAE,yBAAyB,EAAE,CAAA;AACpE,OAAO,EAAE,YAAY,EAAE,CAAA"}
@@ -0,0 +1,26 @@
1
+ import { Component } from 'react';
2
+ import type { PaginationPageProps } from './props';
3
+ /**
4
+ ---
5
+ parent: Pagination
6
+ id: Pagination.Page
7
+ ---
8
+ **/
9
+ declare class PaginationButton extends Component<PaginationPageProps> {
10
+ static readonly componentId = "Pagination.Page";
11
+ static allowedProps: readonly (keyof {
12
+ children: React.ReactNode;
13
+ current?: boolean;
14
+ onClick?: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> | React.FocusEvent<HTMLInputElement>) => void;
15
+ screenReaderLabel?: string;
16
+ })[];
17
+ static defaultProps: {
18
+ current: boolean;
19
+ };
20
+ ref: Element | null;
21
+ handleRef: (el: Element | null) => void;
22
+ render(): import("@emotion/react/jsx-runtime").JSX.Element;
23
+ }
24
+ export default PaginationButton;
25
+ export { PaginationButton };
26
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Pagination/v2/PaginationButton/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD;;;;;GAKG;AAEH,cAAM,gBAAiB,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IAC3D,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,YAAY;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;MAElB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAE9B;IAED,MAAM;CAyBP;AAED,eAAe,gBAAgB,CAAA;AAC/B,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
@@ -0,0 +1,30 @@
1
+ import React from 'react';
2
+ import type { OtherHTMLAttributes, PickPropsWithExceptions } from '@instructure/shared-types';
3
+ import type { BaseButtonProps } from '@instructure/ui-buttons/latest';
4
+ type PaginationPageOwnProps = {
5
+ /**
6
+ * Content to render as page selection
7
+ */
8
+ children: React.ReactNode;
9
+ /**
10
+ * Whether the page is currently displayed
11
+ */
12
+ current?: boolean;
13
+ /**
14
+ * Callback fired when the `Pagination.Page` is clicked.
15
+ */
16
+ onClick?: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> | React.FocusEvent<HTMLInputElement>) => void;
17
+ /**
18
+ * The text screenreaders should say when this button is in focus (sets the
19
+ * `aria-label` attribute).
20
+ * If left undefined (default) SRs will announce text in the child node(s).
21
+ */
22
+ screenReaderLabel?: string;
23
+ };
24
+ type PropKeys = keyof PaginationPageOwnProps;
25
+ type AllowedPropKeys = Readonly<Array<PropKeys>>;
26
+ type PaginationPageProps = PickPropsWithExceptions<BaseButtonProps, 'aria-current' | 'elementRef'> & PaginationPageOwnProps & OtherHTMLAttributes<PaginationPageOwnProps>;
27
+ declare const allowedProps: AllowedPropKeys;
28
+ export type { PaginationPageProps };
29
+ export { allowedProps };
30
+ //# sourceMappingURL=props.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/Pagination/v2/PaginationButton/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EACV,mBAAmB,EACnB,uBAAuB,EACxB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAErE,KAAK,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;IACT;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,mBAAmB,GAEtB,uBAAuB,CAAC,eAAe,EAAE,cAAc,GAAG,YAAY,CAAC,GACrE,sBAAsB,GACtB,mBAAmB,CAAC,sBAAsB,CAAC,CAAA;AAE/C,QAAA,MAAM,YAAY,EAAE,eAMnB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,CAAA;AACnC,OAAO,EAAE,YAAY,EAAE,CAAA"}
@@ -0,0 +1,50 @@
1
+ import { Component } from 'react';
2
+ import type { PaginationPageInputProps, PaginationPageInputState } from './props';
3
+ /**
4
+ ---
5
+ parent: Pagination
6
+ id: Pagination.PageInput
7
+ ---
8
+ **/
9
+ declare class PaginationPageInput extends Component<PaginationPageInputProps, PaginationPageInputState> {
10
+ static readonly componentId = "Pagination.PageInput";
11
+ static allowedProps: readonly (keyof {
12
+ numberOfPages: number;
13
+ currentPageIndex: number;
14
+ onChange: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> | React.FocusEvent<HTMLInputElement>, pageIndex: number) => void;
15
+ screenReaderLabel: (currentPage: number, numberOfPages: number) => string;
16
+ label?: (numberOfPages: number) => React.ReactNode;
17
+ disabled?: boolean;
18
+ inputRef?: (element: HTMLInputElement | null) => void;
19
+ })[];
20
+ static defaultProps: {
21
+ disabled: boolean;
22
+ };
23
+ ref: HTMLSpanElement | null;
24
+ constructor(props: PaginationPageInputProps);
25
+ get currentPage(): number;
26
+ get initialState(): {
27
+ number: number;
28
+ value: string;
29
+ };
30
+ get MIN(): number;
31
+ get MAX(): number;
32
+ componentDidMount(): void;
33
+ componentDidUpdate(prevProps: PaginationPageInputProps): void;
34
+ resetInitialState(): void;
35
+ handleRef: (el: HTMLSpanElement | null) => void;
36
+ handleInputRef: (el: HTMLInputElement | null) => void;
37
+ handleChange: (_event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
38
+ handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void;
39
+ handleDecrement: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement>) => void;
40
+ handleIncrement: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement>) => void;
41
+ handleBlur: (event: React.FocusEvent<HTMLInputElement>) => void;
42
+ getNumberWithinRange(n: number): number;
43
+ setNewPage(event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> | React.FocusEvent<HTMLInputElement>, n: number): void;
44
+ renderLabel(): import("@emotion/react/jsx-runtime").JSX.Element | null;
45
+ renderScreenReaderLabel(): import("@emotion/react/jsx-runtime").JSX.Element;
46
+ render(): import("@emotion/react/jsx-runtime").JSX.Element;
47
+ }
48
+ export default PaginationPageInput;
49
+ export { PaginationPageInput };
50
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Pagination/v2/PaginationPageInput/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAUjC,OAAO,KAAK,EACV,wBAAwB,EACxB,wBAAwB,EACzB,MAAM,SAAS,CAAA;AAEhB;;;;;GAKG;AACH,cACM,mBAAoB,SAAQ,SAAS,CACzC,wBAAwB,EACxB,wBAAwB,CACzB;IACC,MAAM,CAAC,QAAQ,CAAC,WAAW,0BAAyB;IAEpD,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,GAAI,IAAI,eAAe,GAAG,IAAI,UAEtC;IAED,cAAc,GAAI,IAAI,gBAAgB,GAAG,IAAI,UAI5C;IAED,YAAY,GACV,QAAQ,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAC3C,OAAO,MAAM,UAad;IAED,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC;IAgB1D,eAAe,GACb,OACI,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,GACrC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,UAGxC;IAED,eAAe,GACb,OACI,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,GACrC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,UAGxC;IAED,UAAU,GAAI,OAAO,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,UAItD;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;IAUX,uBAAuB;IASvB,MAAM;CA6BP;AAED,eAAe,mBAAmB,CAAA;AAClC,OAAO,EAAE,mBAAmB,EAAE,CAAA"}
@@ -0,0 +1,45 @@
1
+ import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
2
+ import type { PaginationPageInputTheme } from '@instructure/shared-types';
3
+ import React from 'react';
4
+ type PaginationPageInputOwnProps = {
5
+ /**
6
+ * The number of pages in total
7
+ */
8
+ numberOfPages: number;
9
+ /**
10
+ * The index of the current page
11
+ */
12
+ currentPageIndex: number;
13
+ /**
14
+ * Fires when a new page index is selected
15
+ */
16
+ onChange: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> | React.FocusEvent<HTMLInputElement>, pageIndex: number) => void;
17
+ /**
18
+ * ScreenReaderLabel for number input
19
+ */
20
+ screenReaderLabel: (currentPage: number, numberOfPages: number) => string;
21
+ /**
22
+ * Label for number input
23
+ */
24
+ label?: (numberOfPages: number) => React.ReactNode;
25
+ /**
26
+ * Disables interaction with the input
27
+ */
28
+ disabled?: boolean;
29
+ /**
30
+ * provides a reference to the underlying html root element
31
+ */
32
+ inputRef?: (element: HTMLInputElement | null) => void;
33
+ };
34
+ type PropKeys = keyof PaginationPageInputOwnProps;
35
+ type AllowedPropKeys = Readonly<Array<PropKeys>>;
36
+ type PaginationPageInputProps = PaginationPageInputOwnProps & WithStyleProps<PaginationPageInputTheme, PaginationPageInputStyle>;
37
+ type PaginationPageInputStyle = ComponentStyle<'paginationPageInput' | 'numberInput' | 'inputLabel'>;
38
+ type PaginationPageInputState = {
39
+ number: number;
40
+ value: string;
41
+ };
42
+ declare const allowedProps: AllowedPropKeys;
43
+ export type { PaginationPageInputProps, PaginationPageInputStyle, PaginationPageInputState };
44
+ export { allowedProps };
45
+ //# sourceMappingURL=props.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/Pagination/v2/PaginationPageInput/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AACzE,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,KAAK,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,KAAK,QAAQ,GAAG,MAAM,2BAA2B,CAAA;AAEjD,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,wBAAwB,GAAG,2BAA2B,GACzD,cAAc,CAAC,wBAAwB,EAAE,wBAAwB,CAAC,CAAA;AAEpE,KAAK,wBAAwB,GAAG,cAAc,CAC5C,qBAAqB,GAAG,aAAa,GAAG,YAAY,CACrD,CAAA;AAED,KAAK,wBAAwB,GAAG;IAC9B,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AACD,QAAA,MAAM,YAAY,EAAE,eAQnB,CAAA;AAED,YAAY,EACV,wBAAwB,EACxB,wBAAwB,EACxB,wBAAwB,EACzB,CAAA;AACD,OAAO,EAAE,YAAY,EAAE,CAAA"}
@@ -0,0 +1,16 @@
1
+ import type { NewComponentTypes } from '@instructure/ui-themes';
2
+ import type { PaginationPageInputStyle } from './props';
3
+ /**
4
+ * ---
5
+ * private: true
6
+ * ---
7
+ * Generates the style object from the theme and provided additional information
8
+ * @param {Object} componentTheme The theme variable object.
9
+ * @param {Object} props the props of the component, the style is applied to
10
+ * @param {Object} sharedTokens Shared token object that stores common values for the theme.
11
+ * @param {Object} state the state of the component, the style is applied to
12
+ * @return {Object} The final style object, which will be used in the component
13
+ */
14
+ declare const generateStyle: (componentTheme: NewComponentTypes["PaginationPageInput"]) => PaginationPageInputStyle;
15
+ export default generateStyle;
16
+ //# sourceMappingURL=styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Pagination/v2/PaginationPageInput/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAEvD;;;;;;;;;;GAUG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,iBAAiB,CAAC,qBAAqB,CAAC,KACvD,wBAmBF,CAAA;AAED,eAAe,aAAa,CAAA"}
@@ -0,0 +1,106 @@
1
+ import { Component, ReactElement } from 'react';
2
+ import { PaginationButton } from './PaginationButton';
3
+ import { PaginationArrowButton } from './PaginationArrowButton';
4
+ import { PaginationPageInput } from './PaginationPageInput';
5
+ import type { PaginationPageProps } from './PaginationButton/props';
6
+ import type { PaginationArrowDirections } from './PaginationArrowButton/props';
7
+ import type { PaginationProps, PaginationSnapshot, ChildPage } from './props';
8
+ type ArrowConfig = {
9
+ pageIndex: number;
10
+ label: string;
11
+ shouldEnableIcon: boolean;
12
+ handleButtonRef: (el: Element | null) => void;
13
+ };
14
+ /**
15
+ ---
16
+ category: components
17
+ ---
18
+ **/
19
+ declare class Pagination extends Component<PaginationProps> {
20
+ static readonly componentId = "Pagination";
21
+ static allowedProps: readonly (keyof {
22
+ children?: ChildPage | ChildPage[];
23
+ disabled?: boolean;
24
+ withFirstAndLastButton?: boolean;
25
+ showDisabledButtons?: boolean;
26
+ label?: React.ReactNode;
27
+ labelNext?: string;
28
+ labelPrev?: string;
29
+ labelFirst?: string;
30
+ labelLast?: string;
31
+ labelNumberInput?: (totalPageNumber: number) => React.ReactNode;
32
+ screenReaderLabelNumberInput?: (currentPage: number, totalPageNumber: number) => string;
33
+ screenReaderLabelPageButton?: (currentPage: number, totalPageNumber: number) => string;
34
+ variant?: "full" | "compact" | "input";
35
+ margin?: import("@instructure/emotion").Spacing;
36
+ as?: import("@instructure/shared-types").AsElementType;
37
+ elementRef?: (element: Element | null) => void;
38
+ inputRef?: (inputElement: HTMLInputElement | null) => void;
39
+ shouldHandleFocus?: boolean;
40
+ totalPageNumber?: number;
41
+ currentPage?: number;
42
+ siblingCount?: number;
43
+ boundaryCount?: number;
44
+ onPageChange?: (next: number, prev: number) => void;
45
+ onMouseEnter?: (page: number) => void;
46
+ renderPageIndicator?: (pageIndex: number, currentPage: number) => React.ReactNode;
47
+ ellipsis?: React.ReactNode;
48
+ })[];
49
+ static defaultProps: {
50
+ disabled: boolean;
51
+ withFirstAndLastButton: boolean;
52
+ showDisabledButtons: boolean;
53
+ variant: string;
54
+ as: string;
55
+ labelNumberInput: (numberOfPages: number) => string;
56
+ screenReaderLabelNumberInput: (currentPage: number, numberOfPages: number) => string;
57
+ shouldHandleFocus: boolean;
58
+ totalPageNumber: number;
59
+ currentPage: number;
60
+ siblingCount: number;
61
+ boundaryCount: number;
62
+ ellipsis: string;
63
+ renderPageIndicator: (page: number) => number;
64
+ margin: string;
65
+ };
66
+ static Page: typeof PaginationButton;
67
+ static Navigation: typeof PaginationArrowButton;
68
+ static PageInput: typeof PaginationPageInput;
69
+ private readonly _labelId;
70
+ private _firstButton;
71
+ private _prevButton;
72
+ private _nextButton;
73
+ private _lastButton;
74
+ ref: Element | null;
75
+ currentPageRef: PaginationButton | null;
76
+ constructor(props: PaginationProps);
77
+ get _root(): Element | null;
78
+ get inputMode(): boolean;
79
+ get childPages(): ReactElement<PaginationPageProps, string | import("react").JSXElementConstructor<any>>[];
80
+ get withFirstAndLastButton(): boolean | undefined;
81
+ get showDisabledButtons(): boolean | undefined;
82
+ getSnapshotBeforeUpdate(): PaginationSnapshot;
83
+ componentDidMount(): void;
84
+ componentDidUpdate(prevProps: PaginationProps, _prevState: unknown, snapshot: PaginationSnapshot): void;
85
+ focusElementAfterUpdate(snapshot: PaginationSnapshot): void;
86
+ get compactView(): boolean;
87
+ transferDisabledPropToChildren(children: PaginationProps['children']): ChildPage | ChildPage[] | undefined;
88
+ handleElementRef: (el: Element | null) => void;
89
+ handleInputRef: (el: HTMLInputElement | null) => void;
90
+ renderLabel(): import("@emotion/react/jsx-runtime").JSX.Element;
91
+ renderDefaultPageInput: () => import("@emotion/react/jsx-runtime").JSX.Element;
92
+ renderPageInput(currentPageIndex: number): import("@emotion/react/jsx-runtime").JSX.Element;
93
+ handleInputChange(event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> | React.FocusEvent<HTMLInputElement>, pageIndex: number): void;
94
+ handleNavigation: (nextIndex: number, previousIndex: number) => void;
95
+ renderPagesInInterval: (from: number, to: number, currentPage: number) => ReactElement<any, string | import("react").JSXElementConstructor<any>>[];
96
+ renderDefaultPages: () => import("@emotion/react/jsx-runtime").JSX.Element;
97
+ renderPages(currentPageIndex: number): import("@emotion/react/jsx-runtime").JSX.Element;
98
+ getArrowVariant(direction: PaginationArrowDirections, currentPageIndex: number, pagesCount: number): ArrowConfig;
99
+ renderDefaultArrowButton: (direction: PaginationArrowDirections) => import("@emotion/react/jsx-runtime").JSX.Element | null;
100
+ renderArrowButton(direction: PaginationArrowDirections, currentPageIndex: number): import("@emotion/react/jsx-runtime").JSX.Element | null;
101
+ handleOnMouseEnter: (page: number) => void;
102
+ render(): import("@emotion/react/jsx-runtime").JSX.Element;
103
+ }
104
+ export default Pagination;
105
+ export { Pagination, PaginationButton };
106
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Pagination/v2/index.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,138 @@
1
+ import React from 'react';
2
+ import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
3
+ import type { AsElementType, OtherHTMLAttributes } from '@instructure/shared-types';
4
+ import type { PaginationPageProps } from './PaginationButton/props';
5
+ import type { WithDeterministicIdProps } from '@instructure/ui-react-utils';
6
+ type ChildPage = React.ReactElement<PaginationPageProps>;
7
+ type PaginationOwnProps = {
8
+ /**
9
+ * children of type Pagination.Page
10
+ */
11
+ children?: ChildPage | ChildPage[];
12
+ /**
13
+ * Disables interaction with all pages
14
+ */
15
+ disabled?: boolean;
16
+ /**
17
+ * Displays "jump to first" and "jump to last" buttons. Always turned on with `input` variant.
18
+ */
19
+ withFirstAndLastButton?: boolean;
20
+ /**
21
+ * Displays the unavailable navigation buttons as disabled instead of hiding them. Always turned on with `input` variant.
22
+ */
23
+ showDisabledButtons?: boolean;
24
+ /**
25
+ * Visible label for component
26
+ */
27
+ label?: React.ReactNode;
28
+ /**
29
+ * Accessible label for next button
30
+ */
31
+ labelNext?: string;
32
+ /**
33
+ * Accessible label for previous button
34
+ */
35
+ labelPrev?: string;
36
+ /**
37
+ * Accessible label for "jump to first" button
38
+ */
39
+ labelFirst?: string;
40
+ /**
41
+ * Accessible label for "jump to last" button
42
+ */
43
+ labelLast?: string;
44
+ /**
45
+ * Label for number input
46
+ *
47
+ * (__only__ for `input` variant)
48
+ */
49
+ labelNumberInput?: (totalPageNumber: number) => React.ReactNode;
50
+ /**
51
+ * ScreenReaderLabel for number input
52
+ *
53
+ * (__only__ for `input` variant)
54
+ */
55
+ screenReaderLabelNumberInput?: (currentPage: number, totalPageNumber: number) => string;
56
+ /**
57
+ * ScreenReaderLabel for page number buttons
58
+ *
59
+ * (__only__ for `full` and `compact variants)
60
+ */
61
+ screenReaderLabelPageButton?: (currentPage: number, totalPageNumber: number) => string;
62
+ /**
63
+ * The compact variant truncates the page navigation to show only the first,
64
+ * last, and pages immediately surrounding the current page. Fewer than 5 pages,
65
+ * no next/previous arrow buttons will be shown, and all pages will be listed
66
+ */
67
+ variant?: 'full' | 'compact' | 'input';
68
+ /**
69
+ * Spacing token values can be found here: [Spacing Tokens](https://instructure.design/#layout-spacing/%23Tokens)
70
+ *
71
+ * Apply these values via familiar CSS-like shorthand. For example: `margin="space8 0 space12"`.
72
+ */
73
+ margin?: Spacing;
74
+ /**
75
+ * the element type to render as
76
+ */
77
+ as?: AsElementType;
78
+ /**
79
+ * provides a reference to the underlying html root element
80
+ */
81
+ elementRef?: (element: Element | null) => void;
82
+ /**
83
+ * provides a reference to the html input element
84
+ *
85
+ * (__only__ for `input` variant)
86
+ */
87
+ inputRef?: (inputElement: HTMLInputElement | null) => void;
88
+ /**
89
+ * 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.
90
+ * Set this property to `false` to prevent this behavior.
91
+ */
92
+ shouldHandleFocus?: boolean;
93
+ /**
94
+ * The total number of pages
95
+ */
96
+ totalPageNumber?: number;
97
+ /**
98
+ * The current page number
99
+ */
100
+ currentPage?: number;
101
+ /**
102
+ * The number of pages to display before and after the current page
103
+ */
104
+ siblingCount?: number;
105
+ /**
106
+ * The number of always visible pages at the beginning and end
107
+ * of the pagination component
108
+ * */
109
+ boundaryCount?: number;
110
+ /**
111
+ * Called when page number is changed
112
+ */
113
+ onPageChange?: (next: number, prev: number) => void;
114
+ /**
115
+ * Called when a page is hovered.
116
+ */
117
+ onMouseEnter?: (page: number) => void;
118
+ /**
119
+ * Renders the visible pages
120
+ */
121
+ renderPageIndicator?: (pageIndex: number, currentPage: number) => React.ReactNode;
122
+ /**
123
+ * The ellipsis
124
+ * (e.g. "...")
125
+ */
126
+ ellipsis?: React.ReactNode;
127
+ };
128
+ type PropKeys = keyof PaginationOwnProps;
129
+ type AllowedPropKeys = Readonly<Array<PropKeys>>;
130
+ type PaginationProps = PaginationOwnProps & WithStyleProps<null, PaginationStyle> & OtherHTMLAttributes<PaginationOwnProps> & WithDeterministicIdProps;
131
+ type PaginationStyle = ComponentStyle<'pagination' | 'pages' | 'pageIndicatorList'>;
132
+ declare const allowedProps: AllowedPropKeys;
133
+ type PaginationSnapshot = {
134
+ lastFocusedButton?: HTMLButtonElement;
135
+ };
136
+ export type { PaginationProps, PaginationStyle, PaginationSnapshot, ChildPage };
137
+ export { allowedProps };
138
+ //# sourceMappingURL=props.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Pagination/v2/props.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,16 @@
1
+ import type { NewComponentTypes } from '@instructure/ui-themes';
2
+ import type { PaginationStyle } from './props';
3
+ /**
4
+ * ---
5
+ * private: true
6
+ * ---
7
+ * Generates the style object from the theme and provided additional information
8
+ * @param {Object} componentTheme The theme variable object.
9
+ * @param {Object} props the props of the component, the style is applied to
10
+ * @param {Object} sharedTokens Shared token object that stores common values for the theme.
11
+ * @param {Object} state the state of the component, the style is applied to
12
+ * @return {Object} The final style object, which will be used in the component
13
+ */
14
+ declare const generateStyle: (componentTheme: NewComponentTypes["Pagination"]) => PaginationStyle;
15
+ export default generateStyle;
16
+ //# sourceMappingURL=styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Pagination/v2/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C;;;;;;;;;;GAUG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,iBAAiB,CAAC,YAAY,CAAC,KAC9C,eAqBF,CAAA;AAED,eAAe,aAAa,CAAA"}
@@ -0,0 +1,5 @@
1
+ export { Pagination, PaginationButton } from '../Pagination/v1';
2
+ export type { PaginationProps } from '../Pagination/v1/props';
3
+ export type { PaginationPageProps } from '../Pagination/v1/PaginationButton/props';
4
+ export type { PaginationNavigationProps } from '../Pagination/v1/PaginationArrowButton/props';
5
+ //# sourceMappingURL=a.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"a.d.ts","sourceRoot":"","sources":["../../src/exports/a.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAE/D,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAA;AAClF,YAAY,EAAE,yBAAyB,EAAE,MAAM,8CAA8C,CAAA"}