@instructure/ui-pagination 8.46.2-snapshot-5 → 8.46.2-snapshot-7
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 +1 -1
- package/lib/Pagination/PaginationArrowButton/PaginationArrowButtonLocator.js +2 -3
- package/lib/Pagination/PaginationArrowButton/index.js +2 -4
- package/lib/Pagination/PaginationArrowButton/locator.js +1 -2
- package/lib/Pagination/PaginationArrowButton/props.js +3 -5
- package/lib/Pagination/PaginationButton/index.js +2 -4
- package/lib/Pagination/PaginationButton/props.js +3 -5
- package/lib/Pagination/PaginationLocator.js +2 -3
- package/lib/Pagination/PaginationPageInput/PaginationPageInputLocator.js +2 -3
- package/lib/Pagination/PaginationPageInput/index.js +2 -4
- package/lib/Pagination/PaginationPageInput/props.js +2 -4
- package/lib/Pagination/PaginationPageInput/styles.js +1 -2
- package/lib/Pagination/PaginationPageInput/theme.js +1 -2
- package/lib/Pagination/index.js +2 -4
- package/lib/Pagination/locator.js +1 -2
- package/lib/Pagination/props.js +2 -4
- package/lib/Pagination/styles.js +1 -2
- package/package.json +22 -22
- package/tsconfig.build.tsbuildinfo +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
## [8.46.2-snapshot-
|
|
6
|
+
## [8.46.2-snapshot-7](https://github.com/instructure/instructure-ui/compare/v8.46.1...v8.46.2-snapshot-7) (2023-10-20)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @instructure/ui-pagination
|
|
9
9
|
|
|
@@ -35,12 +35,11 @@ var _index = require("./index");
|
|
|
35
35
|
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module '@ins... Remove this comment to see the full error message
|
|
36
36
|
// eslint-disable-next-line no-restricted-imports
|
|
37
37
|
|
|
38
|
-
const PaginationArrowButtonLocator = (0, _locator.locator)(
|
|
38
|
+
const PaginationArrowButtonLocator = exports.PaginationArrowButtonLocator = (0, _locator.locator)(
|
|
39
39
|
// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
|
|
40
40
|
_index.PaginationArrowButton.selector, {
|
|
41
41
|
findTooltipContent: (...args) => _TooltipLocator.TooltipLocator.findContent(...args),
|
|
42
42
|
click: async (element, ...args) => {
|
|
43
43
|
return (await (0, _uiTestQueries.find)(element, 'a,button,[role="button"]')).click(...args);
|
|
44
44
|
}
|
|
45
|
-
});
|
|
46
|
-
exports.PaginationArrowButtonLocator = PaginationArrowButtonLocator;
|
|
45
|
+
});
|
|
@@ -49,7 +49,7 @@ id: Pagination.Navigation
|
|
|
49
49
|
---
|
|
50
50
|
@tsProps
|
|
51
51
|
**/
|
|
52
|
-
let PaginationArrowButton = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 = class PaginationArrowButton extends _react.Component {
|
|
52
|
+
let PaginationArrowButton = exports.PaginationArrowButton = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 = class PaginationArrowButton extends _react.Component {
|
|
53
53
|
constructor(...args) {
|
|
54
54
|
super(...args);
|
|
55
55
|
this.ref = null;
|
|
@@ -102,6 +102,4 @@ let PaginationArrowButton = (_dec = (0, _testable.testable)(), _dec(_class = (_c
|
|
|
102
102
|
}), this.Icon));
|
|
103
103
|
}
|
|
104
104
|
}, _class2.displayName = "PaginationArrowButton", _class2.componentId = 'Pagination.Navigation', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {}, _class2)) || _class);
|
|
105
|
-
exports.
|
|
106
|
-
var _default = PaginationArrowButton;
|
|
107
|
-
exports.default = _default;
|
|
105
|
+
var _default = exports.default = PaginationArrowButton;
|
|
@@ -34,5 +34,4 @@ var _PaginationArrowButtonLocator = require("./PaginationArrowButtonLocator");
|
|
|
34
34
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
35
35
|
* SOFTWARE.
|
|
36
36
|
*/
|
|
37
|
-
var _default = _PaginationArrowButtonLocator.PaginationArrowButtonLocator;
|
|
38
|
-
exports.default = _default;
|
|
37
|
+
var _default = exports.default = _PaginationArrowButtonLocator.PaginationArrowButtonLocator;
|
|
@@ -30,16 +30,14 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
30
30
|
* SOFTWARE.
|
|
31
31
|
*/
|
|
32
32
|
|
|
33
|
-
const propTypes = {
|
|
33
|
+
const propTypes = exports.propTypes = {
|
|
34
34
|
direction: _propTypes.default.oneOf(['first', 'prev', 'next', 'last']),
|
|
35
35
|
label: _propTypes.default.string.isRequired,
|
|
36
36
|
buttonRef: _propTypes.default.func,
|
|
37
37
|
onClick: _propTypes.default.func
|
|
38
38
|
};
|
|
39
|
-
exports.
|
|
40
|
-
const allowedProps = ['direction', 'label', 'buttonRef'
|
|
39
|
+
const allowedProps = exports.allowedProps = ['direction', 'label', 'buttonRef'
|
|
41
40
|
|
|
42
41
|
// we don't want to pass onClick
|
|
43
42
|
// 'onClick'
|
|
44
|
-
];
|
|
45
|
-
exports.allowedProps = allowedProps;
|
|
43
|
+
];
|
|
@@ -40,7 +40,7 @@ parent: Pagination
|
|
|
40
40
|
id: Pagination.Page
|
|
41
41
|
---
|
|
42
42
|
**/
|
|
43
|
-
let PaginationButton = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 = class PaginationButton extends _react.Component {
|
|
43
|
+
let PaginationButton = exports.PaginationButton = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 = class PaginationButton extends _react.Component {
|
|
44
44
|
constructor(...args) {
|
|
45
45
|
super(...args);
|
|
46
46
|
this.ref = null;
|
|
@@ -63,6 +63,4 @@ let PaginationButton = (_dec = (0, _testable.testable)(), _dec(_class = (_class2
|
|
|
63
63
|
}, _class2.displayName = "PaginationButton", _class2.componentId = 'Pagination.Page', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
|
|
64
64
|
current: false
|
|
65
65
|
}, _class2)) || _class);
|
|
66
|
-
exports.
|
|
67
|
-
var _default = PaginationButton;
|
|
68
|
-
exports.default = _default;
|
|
66
|
+
var _default = exports.default = PaginationButton;
|
|
@@ -30,15 +30,13 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
30
30
|
* SOFTWARE.
|
|
31
31
|
*/
|
|
32
32
|
|
|
33
|
-
const propTypes = {
|
|
33
|
+
const propTypes = exports.propTypes = {
|
|
34
34
|
children: _propTypes.default.node.isRequired,
|
|
35
35
|
current: _propTypes.default.bool,
|
|
36
36
|
onClick: _propTypes.default.func
|
|
37
37
|
};
|
|
38
|
-
exports.
|
|
39
|
-
const allowedProps = ['children', 'current'
|
|
38
|
+
const allowedProps = exports.allowedProps = ['children', 'current'
|
|
40
39
|
|
|
41
40
|
// we don't want to pass onClick
|
|
42
41
|
// 'onClick'
|
|
43
|
-
];
|
|
44
|
-
exports.allowedProps = allowedProps;
|
|
42
|
+
];
|
|
@@ -36,10 +36,9 @@ var _index = require("./index");
|
|
|
36
36
|
const PaginationButtonLocator = (0, _locator.locator)(_index.Pagination.Page.selector);
|
|
37
37
|
|
|
38
38
|
// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
|
|
39
|
-
const PaginationLocator = (0, _locator.locator)(_index.Pagination.selector, {
|
|
39
|
+
const PaginationLocator = exports.PaginationLocator = (0, _locator.locator)(_index.Pagination.selector, {
|
|
40
40
|
findAllPageButtons: async (...args) => PaginationButtonLocator.findAll(...args),
|
|
41
41
|
findPageButton: async (...args) => PaginationButtonLocator.find(...args),
|
|
42
42
|
findArrowButton: async (...args) => _PaginationArrowButtonLocator.PaginationArrowButtonLocator.find(...args),
|
|
43
43
|
findPageInput: async (...args) => _PaginationPageInputLocator.PaginationPageInputLocator.find(...args)
|
|
44
|
-
});
|
|
45
|
-
exports.PaginationLocator = PaginationLocator;
|
|
44
|
+
});
|
|
@@ -34,10 +34,9 @@ var _index = require("./index");
|
|
|
34
34
|
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module '@ins... Remove this comment to see the full error message
|
|
35
35
|
// eslint-disable-line no-restricted-imports
|
|
36
36
|
|
|
37
|
-
const PaginationPageInputLocator = (0, _locator.locator)(
|
|
37
|
+
const PaginationPageInputLocator = exports.PaginationPageInputLocator = (0, _locator.locator)(
|
|
38
38
|
// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
|
|
39
39
|
_index.PaginationPageInput.selector, {
|
|
40
40
|
findInput: (...args) => _NumberInputLocator.NumberInputLocator.findInput(...args),
|
|
41
41
|
findNumberInputArrows: (...args) => _NumberInputLocator.NumberInputLocator.findArrowButtons(...args)
|
|
42
|
-
});
|
|
43
|
-
exports.PaginationPageInputLocator = PaginationPageInputLocator;
|
|
42
|
+
});
|
|
@@ -46,7 +46,7 @@ id: Pagination.PageInput
|
|
|
46
46
|
---
|
|
47
47
|
@tsProps
|
|
48
48
|
**/
|
|
49
|
-
let PaginationPageInput = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class PaginationPageInput extends _react.Component {
|
|
49
|
+
let PaginationPageInput = exports.PaginationPageInput = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class PaginationPageInput extends _react.Component {
|
|
50
50
|
constructor(props) {
|
|
51
51
|
super(props);
|
|
52
52
|
this.ref = null;
|
|
@@ -183,6 +183,4 @@ let PaginationPageInput = (_dec = (0, _emotion.withStyle)(_styles.default, _them
|
|
|
183
183
|
}, _class2.displayName = "PaginationPageInput", _class2.componentId = 'Pagination.PageInput', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
|
|
184
184
|
disabled: false
|
|
185
185
|
}, _class2)) || _class) || _class);
|
|
186
|
-
exports.
|
|
187
|
-
var _default = PaginationPageInput;
|
|
188
|
-
exports.default = _default;
|
|
186
|
+
var _default = exports.default = PaginationPageInput;
|
|
@@ -30,7 +30,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
30
30
|
* SOFTWARE.
|
|
31
31
|
*/
|
|
32
32
|
|
|
33
|
-
const propTypes = {
|
|
33
|
+
const propTypes = exports.propTypes = {
|
|
34
34
|
numberOfPages: _propTypes.default.number.isRequired,
|
|
35
35
|
currentPageIndex: _propTypes.default.number.isRequired,
|
|
36
36
|
onChange: _propTypes.default.func.isRequired,
|
|
@@ -39,6 +39,4 @@ const propTypes = {
|
|
|
39
39
|
disabled: _propTypes.default.bool,
|
|
40
40
|
inputRef: _propTypes.default.func
|
|
41
41
|
};
|
|
42
|
-
exports.
|
|
43
|
-
const allowedProps = ['numberOfPages', 'currentPageIndex', 'onChange', 'screenReaderLabel', 'label', 'disabled', 'inputRef'];
|
|
44
|
-
exports.allowedProps = allowedProps;
|
|
42
|
+
const allowedProps = exports.allowedProps = ['numberOfPages', 'currentPageIndex', 'onChange', 'screenReaderLabel', 'label', 'disabled', 'inputRef'];
|
package/lib/Pagination/index.js
CHANGED
|
@@ -70,7 +70,7 @@ category: components
|
|
|
70
70
|
---
|
|
71
71
|
@tsProps
|
|
72
72
|
**/
|
|
73
|
-
let Pagination = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, null), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Pagination extends _react.Component {
|
|
73
|
+
let Pagination = exports.Pagination = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, null), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Pagination extends _react.Component {
|
|
74
74
|
constructor(props) {
|
|
75
75
|
super(props);
|
|
76
76
|
this._labelId = void 0;
|
|
@@ -309,6 +309,4 @@ let Pagination = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2
|
|
|
309
309
|
screenReaderLabelNumberInput: (currentPage, numberOfPages) => `Select page (${currentPage} of ${numberOfPages})`,
|
|
310
310
|
shouldHandleFocus: true
|
|
311
311
|
}, _class2.Page = _PaginationButton.PaginationButton, _class2.Navigation = _PaginationArrowButton.PaginationArrowButton, _class2)) || _class) || _class) || _class);
|
|
312
|
-
exports.
|
|
313
|
-
var _default = Pagination;
|
|
314
|
-
exports.default = _default;
|
|
312
|
+
var _default = exports.default = Pagination;
|
|
@@ -34,5 +34,4 @@ var _PaginationLocator = require("./PaginationLocator");
|
|
|
34
34
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
35
35
|
* SOFTWARE.
|
|
36
36
|
*/
|
|
37
|
-
var _default = _PaginationLocator.PaginationLocator;
|
|
38
|
-
exports.default = _default;
|
|
37
|
+
var _default = exports.default = _PaginationLocator.PaginationLocator;
|
package/lib/Pagination/props.js
CHANGED
|
@@ -33,7 +33,7 @@ var _PaginationButton = require("./PaginationButton");
|
|
|
33
33
|
* SOFTWARE.
|
|
34
34
|
*/
|
|
35
35
|
|
|
36
|
-
const propTypes = {
|
|
36
|
+
const propTypes = exports.propTypes = {
|
|
37
37
|
children: _Children.Children.oneOf([_PaginationButton.PaginationButton]),
|
|
38
38
|
disabled: _propTypes.default.bool,
|
|
39
39
|
withFirstAndLastButton: _propTypes.default.bool,
|
|
@@ -52,6 +52,4 @@ const propTypes = {
|
|
|
52
52
|
inputRef: _propTypes.default.func,
|
|
53
53
|
shouldHandleFocus: _propTypes.default.bool
|
|
54
54
|
};
|
|
55
|
-
exports.
|
|
56
|
-
const allowedProps = ['children', 'disabled', 'withFirstAndLastButton', 'showDisabledButtons', 'label', 'labelNext', 'labelPrev', 'labelFirst', 'labelLast', 'labelNumberInput', 'screenReaderLabelNumberInput', 'variant', 'margin', 'as', 'elementRef', 'inputRef', 'shouldHandleFocus'];
|
|
57
|
-
exports.allowedProps = allowedProps;
|
|
55
|
+
const allowedProps = exports.allowedProps = ['children', 'disabled', 'withFirstAndLastButton', 'showDisabledButtons', 'label', 'labelNext', 'labelPrev', 'labelFirst', 'labelLast', 'labelNumberInput', 'screenReaderLabelNumberInput', 'variant', 'margin', 'as', 'elementRef', 'inputRef', 'shouldHandleFocus'];
|
package/lib/Pagination/styles.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-pagination",
|
|
3
|
-
"version": "8.46.2-snapshot-
|
|
3
|
+
"version": "8.46.2-snapshot-7",
|
|
4
4
|
"description": "A UI component library made by Instructure Inc.",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -23,29 +23,29 @@
|
|
|
23
23
|
},
|
|
24
24
|
"license": "MIT",
|
|
25
25
|
"devDependencies": {
|
|
26
|
-
"@instructure/ui-babel-preset": "8.46.2-snapshot-
|
|
27
|
-
"@instructure/ui-test-locator": "8.46.2-snapshot-
|
|
28
|
-
"@instructure/ui-test-queries": "8.46.2-snapshot-
|
|
29
|
-
"@instructure/ui-test-utils": "8.46.2-snapshot-
|
|
26
|
+
"@instructure/ui-babel-preset": "8.46.2-snapshot-7",
|
|
27
|
+
"@instructure/ui-test-locator": "8.46.2-snapshot-7",
|
|
28
|
+
"@instructure/ui-test-queries": "8.46.2-snapshot-7",
|
|
29
|
+
"@instructure/ui-test-utils": "8.46.2-snapshot-7"
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@babel/runtime": "^7.
|
|
33
|
-
"@instructure/emotion": "8.46.2-snapshot-
|
|
34
|
-
"@instructure/shared-types": "8.46.2-snapshot-
|
|
35
|
-
"@instructure/ui-a11y-content": "8.46.2-snapshot-
|
|
36
|
-
"@instructure/ui-a11y-utils": "8.46.2-snapshot-
|
|
37
|
-
"@instructure/ui-buttons": "8.46.2-snapshot-
|
|
38
|
-
"@instructure/ui-dom-utils": "8.46.2-snapshot-
|
|
39
|
-
"@instructure/ui-icons": "8.46.2-snapshot-
|
|
40
|
-
"@instructure/ui-number-input": "8.46.2-snapshot-
|
|
41
|
-
"@instructure/ui-portal": "8.46.2-snapshot-
|
|
42
|
-
"@instructure/ui-prop-types": "8.46.2-snapshot-
|
|
43
|
-
"@instructure/ui-react-utils": "8.46.2-snapshot-
|
|
44
|
-
"@instructure/ui-testable": "8.46.2-snapshot-
|
|
45
|
-
"@instructure/ui-tooltip": "8.46.2-snapshot-
|
|
46
|
-
"@instructure/ui-utils": "8.46.2-snapshot-
|
|
47
|
-
"@instructure/ui-view": "8.46.2-snapshot-
|
|
48
|
-
"@instructure/uid": "8.46.2-snapshot-
|
|
32
|
+
"@babel/runtime": "^7.23.2",
|
|
33
|
+
"@instructure/emotion": "8.46.2-snapshot-7",
|
|
34
|
+
"@instructure/shared-types": "8.46.2-snapshot-7",
|
|
35
|
+
"@instructure/ui-a11y-content": "8.46.2-snapshot-7",
|
|
36
|
+
"@instructure/ui-a11y-utils": "8.46.2-snapshot-7",
|
|
37
|
+
"@instructure/ui-buttons": "8.46.2-snapshot-7",
|
|
38
|
+
"@instructure/ui-dom-utils": "8.46.2-snapshot-7",
|
|
39
|
+
"@instructure/ui-icons": "8.46.2-snapshot-7",
|
|
40
|
+
"@instructure/ui-number-input": "8.46.2-snapshot-7",
|
|
41
|
+
"@instructure/ui-portal": "8.46.2-snapshot-7",
|
|
42
|
+
"@instructure/ui-prop-types": "8.46.2-snapshot-7",
|
|
43
|
+
"@instructure/ui-react-utils": "8.46.2-snapshot-7",
|
|
44
|
+
"@instructure/ui-testable": "8.46.2-snapshot-7",
|
|
45
|
+
"@instructure/ui-tooltip": "8.46.2-snapshot-7",
|
|
46
|
+
"@instructure/ui-utils": "8.46.2-snapshot-7",
|
|
47
|
+
"@instructure/ui-view": "8.46.2-snapshot-7",
|
|
48
|
+
"@instructure/uid": "8.46.2-snapshot-7",
|
|
49
49
|
"keycode": "^2.2.1",
|
|
50
50
|
"prop-types": "^15.8.1"
|
|
51
51
|
},
|