@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.
- package/CHANGELOG.md +42 -296
- package/es/Pagination/{PaginationArrowButton → v1/PaginationArrowButton}/index.js +2 -2
- package/es/Pagination/{PaginationButton → v1/PaginationButton}/index.js +1 -1
- package/es/Pagination/{PaginationPageInput → v1/PaginationPageInput}/index.js +1 -1
- package/es/Pagination/{index.js → v1/index.js} +1 -1
- package/es/Pagination/v2/PaginationArrowButton/index.js +109 -0
- package/es/Pagination/v2/PaginationArrowButton/props.js +30 -0
- package/es/Pagination/v2/PaginationButton/index.js +77 -0
- package/es/Pagination/v2/PaginationButton/props.js +29 -0
- package/es/Pagination/v2/PaginationPageInput/index.js +189 -0
- package/es/Pagination/v2/PaginationPageInput/props.js +26 -0
- package/es/Pagination/v2/PaginationPageInput/styles.js +56 -0
- package/es/Pagination/v2/index.js +481 -0
- package/es/Pagination/v2/props.js +26 -0
- package/es/Pagination/v2/styles.js +58 -0
- package/es/{index.js → exports/a.js} +1 -1
- package/es/exports/b.js +24 -0
- package/lib/Pagination/{PaginationArrowButton → v1/PaginationArrowButton}/index.js +8 -8
- package/lib/Pagination/{PaginationButton → v1/PaginationButton}/index.js +2 -2
- package/lib/Pagination/{PaginationPageInput → v1/PaginationPageInput}/index.js +2 -2
- package/lib/Pagination/{index.js → v1/index.js} +6 -6
- package/lib/Pagination/v2/PaginationArrowButton/index.js +115 -0
- package/lib/Pagination/v2/PaginationArrowButton/props.js +35 -0
- package/lib/Pagination/v2/PaginationButton/index.js +83 -0
- package/lib/Pagination/v2/PaginationButton/props.js +34 -0
- package/lib/Pagination/v2/PaginationPageInput/index.js +194 -0
- package/lib/Pagination/v2/PaginationPageInput/props.js +31 -0
- package/lib/Pagination/v2/PaginationPageInput/styles.js +62 -0
- package/lib/Pagination/v2/index.js +496 -0
- package/lib/Pagination/v2/props.js +31 -0
- package/lib/Pagination/v2/styles.js +64 -0
- package/lib/{index.js → exports/a.js} +3 -3
- package/lib/exports/b.js +18 -0
- package/package.json +48 -25
- package/src/Pagination/{PaginationArrowButton → v1/PaginationArrowButton}/index.tsx +2 -2
- package/src/Pagination/{PaginationArrowButton → v1/PaginationArrowButton}/props.ts +1 -1
- package/src/Pagination/{PaginationButton → v1/PaginationButton}/index.tsx +1 -1
- package/src/Pagination/{PaginationButton → v1/PaginationButton}/props.ts +1 -1
- package/src/Pagination/{PaginationPageInput → v1/PaginationPageInput}/index.tsx +1 -1
- package/src/Pagination/{index.tsx → v1/index.tsx} +1 -1
- package/src/Pagination/v2/PaginationArrowButton/index.tsx +120 -0
- package/src/Pagination/v2/PaginationArrowButton/props.ts +74 -0
- package/src/Pagination/v2/PaginationButton/index.tsx +82 -0
- package/src/Pagination/v2/PaginationButton/props.ts +77 -0
- package/src/Pagination/v2/PaginationPageInput/index.tsx +242 -0
- package/src/Pagination/v2/PaginationPageInput/props.ts +95 -0
- package/src/Pagination/v2/PaginationPageInput/styles.ts +62 -0
- package/src/Pagination/v2/README.md +417 -0
- package/src/Pagination/v2/index.tsx +665 -0
- package/src/Pagination/v2/props.ts +245 -0
- package/src/Pagination/v2/styles.ts +64 -0
- package/src/exports/a.ts +29 -0
- package/src/exports/b.ts +29 -0
- package/tsconfig.build.json +1 -0
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/Pagination/v1/PaginationArrowButton/index.d.ts.map +1 -0
- package/types/Pagination/{PaginationArrowButton → v1/PaginationArrowButton}/props.d.ts +1 -1
- package/types/Pagination/v1/PaginationArrowButton/props.d.ts.map +1 -0
- package/types/Pagination/v1/PaginationButton/index.d.ts.map +1 -0
- package/types/Pagination/{PaginationButton → v1/PaginationButton}/props.d.ts +1 -1
- package/types/Pagination/v1/PaginationButton/props.d.ts.map +1 -0
- package/types/Pagination/v1/PaginationPageInput/index.d.ts.map +1 -0
- package/types/Pagination/v1/PaginationPageInput/props.d.ts.map +1 -0
- package/types/Pagination/v1/PaginationPageInput/styles.d.ts.map +1 -0
- package/types/Pagination/v1/PaginationPageInput/theme.d.ts.map +1 -0
- package/types/Pagination/v1/index.d.ts.map +1 -0
- package/types/Pagination/v1/props.d.ts.map +1 -0
- package/types/Pagination/v1/styles.d.ts.map +1 -0
- package/types/Pagination/v1/theme.d.ts.map +1 -0
- package/types/Pagination/v2/PaginationArrowButton/index.d.ts +27 -0
- package/types/Pagination/v2/PaginationArrowButton/index.d.ts.map +1 -0
- package/types/Pagination/v2/PaginationArrowButton/props.d.ts +17 -0
- package/types/Pagination/v2/PaginationArrowButton/props.d.ts.map +1 -0
- package/types/Pagination/v2/PaginationButton/index.d.ts +26 -0
- package/types/Pagination/v2/PaginationButton/index.d.ts.map +1 -0
- package/types/Pagination/v2/PaginationButton/props.d.ts +30 -0
- package/types/Pagination/v2/PaginationButton/props.d.ts.map +1 -0
- package/types/Pagination/v2/PaginationPageInput/index.d.ts +50 -0
- package/types/Pagination/v2/PaginationPageInput/index.d.ts.map +1 -0
- package/types/Pagination/v2/PaginationPageInput/props.d.ts +45 -0
- package/types/Pagination/v2/PaginationPageInput/props.d.ts.map +1 -0
- package/types/Pagination/v2/PaginationPageInput/styles.d.ts +16 -0
- package/types/Pagination/v2/PaginationPageInput/styles.d.ts.map +1 -0
- package/types/Pagination/v2/index.d.ts +106 -0
- package/types/Pagination/v2/index.d.ts.map +1 -0
- package/types/Pagination/v2/props.d.ts +138 -0
- package/types/Pagination/v2/props.d.ts.map +1 -0
- package/types/Pagination/v2/styles.d.ts +16 -0
- package/types/Pagination/v2/styles.d.ts.map +1 -0
- package/types/exports/a.d.ts +5 -0
- package/types/exports/a.d.ts.map +1 -0
- package/types/exports/b.d.ts +5 -0
- package/types/exports/b.d.ts.map +1 -0
- package/src/index.ts +0 -29
- package/types/Pagination/PaginationArrowButton/index.d.ts.map +0 -1
- package/types/Pagination/PaginationArrowButton/props.d.ts.map +0 -1
- package/types/Pagination/PaginationButton/index.d.ts.map +0 -1
- package/types/Pagination/PaginationButton/props.d.ts.map +0 -1
- package/types/Pagination/PaginationPageInput/index.d.ts.map +0 -1
- package/types/Pagination/PaginationPageInput/props.d.ts.map +0 -1
- package/types/Pagination/PaginationPageInput/styles.d.ts.map +0 -1
- package/types/Pagination/PaginationPageInput/theme.d.ts.map +0 -1
- package/types/Pagination/index.d.ts.map +0 -1
- package/types/Pagination/props.d.ts.map +0 -1
- package/types/Pagination/styles.d.ts.map +0 -1
- package/types/Pagination/theme.d.ts.map +0 -1
- package/types/index.d.ts +0 -5
- package/types/index.d.ts.map +0 -1
- /package/es/Pagination/{PaginationArrowButton → v1/PaginationArrowButton}/props.js +0 -0
- /package/es/Pagination/{PaginationButton → v1/PaginationButton}/props.js +0 -0
- /package/es/Pagination/{PaginationPageInput → v1/PaginationPageInput}/props.js +0 -0
- /package/es/Pagination/{PaginationPageInput → v1/PaginationPageInput}/styles.js +0 -0
- /package/es/Pagination/{PaginationPageInput → v1/PaginationPageInput}/theme.js +0 -0
- /package/es/Pagination/{props.js → v1/props.js} +0 -0
- /package/es/Pagination/{styles.js → v1/styles.js} +0 -0
- /package/es/Pagination/{theme.js → v1/theme.js} +0 -0
- /package/lib/Pagination/{PaginationArrowButton → v1/PaginationArrowButton}/props.js +0 -0
- /package/lib/Pagination/{PaginationButton → v1/PaginationButton}/props.js +0 -0
- /package/lib/Pagination/{PaginationPageInput → v1/PaginationPageInput}/props.js +0 -0
- /package/lib/Pagination/{PaginationPageInput → v1/PaginationPageInput}/styles.js +0 -0
- /package/lib/Pagination/{PaginationPageInput → v1/PaginationPageInput}/theme.js +0 -0
- /package/lib/Pagination/{props.js → v1/props.js} +0 -0
- /package/lib/Pagination/{styles.js → v1/styles.js} +0 -0
- /package/lib/Pagination/{theme.js → v1/theme.js} +0 -0
- /package/src/Pagination/{PaginationPageInput → v1/PaginationPageInput}/props.ts +0 -0
- /package/src/Pagination/{PaginationPageInput → v1/PaginationPageInput}/styles.ts +0 -0
- /package/src/Pagination/{PaginationPageInput → v1/PaginationPageInput}/theme.ts +0 -0
- /package/src/Pagination/{README.md → v1/README.md} +0 -0
- /package/src/Pagination/{props.ts → v1/props.ts} +0 -0
- /package/src/Pagination/{styles.ts → v1/styles.ts} +0 -0
- /package/src/Pagination/{theme.ts → v1/theme.ts} +0 -0
- /package/types/Pagination/{PaginationArrowButton → v1/PaginationArrowButton}/index.d.ts +0 -0
- /package/types/Pagination/{PaginationButton → v1/PaginationButton}/index.d.ts +0 -0
- /package/types/Pagination/{PaginationPageInput → v1/PaginationPageInput}/index.d.ts +0 -0
- /package/types/Pagination/{PaginationPageInput → v1/PaginationPageInput}/props.d.ts +0 -0
- /package/types/Pagination/{PaginationPageInput → v1/PaginationPageInput}/styles.d.ts +0 -0
- /package/types/Pagination/{PaginationPageInput → v1/PaginationPageInput}/theme.d.ts +0 -0
- /package/types/Pagination/{index.d.ts → v1/index.d.ts} +0 -0
- /package/types/Pagination/{props.d.ts → v1/props.d.ts} +0 -0
- /package/types/Pagination/{styles.d.ts → v1/styles.d.ts} +0 -0
- /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"}
|