@instructure/ui-pagination 9.0.2-snapshot-2 → 9.0.2-snapshot-3
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/es/Pagination/PaginationArrowButton/index.js +3 -3
- package/es/Pagination/PaginationArrowButton/props.js +0 -1
- package/es/Pagination/PaginationButton/index.js +4 -4
- package/es/Pagination/PaginationButton/props.js +0 -1
- package/es/Pagination/PaginationPageInput/index.js +4 -4
- package/es/Pagination/index.js +4 -4
- package/lib/Pagination/PaginationArrowButton/index.js +3 -3
- package/lib/Pagination/PaginationButton/index.js +4 -4
- package/lib/Pagination/PaginationPageInput/index.js +4 -4
- package/lib/Pagination/index.js +4 -4
- package/package.json +24 -24
- 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
|
-
## [9.0.2-snapshot-
|
|
6
|
+
## [9.0.2-snapshot-3](https://github.com/instructure/instructure-ui/compare/v9.0.1...v9.0.2-snapshot-3) (2024-05-28)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @instructure/ui-pagination
|
|
9
9
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
2
|
const _excluded = ["label", "direction", "buttonRef"];
|
|
3
|
-
var _dec, _class,
|
|
3
|
+
var _dec, _class, _PaginationArrowButton;
|
|
4
4
|
/*
|
|
5
5
|
* The MIT License (MIT)
|
|
6
6
|
*
|
|
@@ -39,7 +39,7 @@ parent: Pagination
|
|
|
39
39
|
id: Pagination.Navigation
|
|
40
40
|
---
|
|
41
41
|
**/
|
|
42
|
-
let PaginationArrowButton = (_dec = testable(), _dec(_class = (
|
|
42
|
+
let PaginationArrowButton = (_dec = testable(), _dec(_class = (_PaginationArrowButton = class PaginationArrowButton extends Component {
|
|
43
43
|
constructor(...args) {
|
|
44
44
|
super(...args);
|
|
45
45
|
this.ref = null;
|
|
@@ -91,6 +91,6 @@ let PaginationArrowButton = (_dec = testable(), _dec(_class = (_class2 = class P
|
|
|
91
91
|
margin: this.margin
|
|
92
92
|
}), this.Icon));
|
|
93
93
|
}
|
|
94
|
-
},
|
|
94
|
+
}, _PaginationArrowButton.displayName = "PaginationArrowButton", _PaginationArrowButton.componentId = 'Pagination.Navigation', _PaginationArrowButton.allowedProps = allowedProps, _PaginationArrowButton.propTypes = propTypes, _PaginationArrowButton.defaultProps = {}, _PaginationArrowButton)) || _class);
|
|
95
95
|
export default PaginationArrowButton;
|
|
96
96
|
export { PaginationArrowButton };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _dec, _class,
|
|
1
|
+
var _dec, _class, _PaginationButton;
|
|
2
2
|
/*
|
|
3
3
|
* The MIT License (MIT)
|
|
4
4
|
*
|
|
@@ -34,7 +34,7 @@ parent: Pagination
|
|
|
34
34
|
id: Pagination.Page
|
|
35
35
|
---
|
|
36
36
|
**/
|
|
37
|
-
let PaginationButton = (_dec = testable(), _dec(_class = (
|
|
37
|
+
let PaginationButton = (_dec = testable(), _dec(_class = (_PaginationButton = class PaginationButton extends Component {
|
|
38
38
|
constructor(...args) {
|
|
39
39
|
super(...args);
|
|
40
40
|
this.ref = null;
|
|
@@ -54,8 +54,8 @@ let PaginationButton = (_dec = testable(), _dec(_class = (_class2 = class Pagina
|
|
|
54
54
|
elementRef: this.handleRef
|
|
55
55
|
}), this.props.children);
|
|
56
56
|
}
|
|
57
|
-
},
|
|
57
|
+
}, _PaginationButton.displayName = "PaginationButton", _PaginationButton.componentId = 'Pagination.Page', _PaginationButton.propTypes = propTypes, _PaginationButton.allowedProps = allowedProps, _PaginationButton.defaultProps = {
|
|
58
58
|
current: false
|
|
59
|
-
},
|
|
59
|
+
}, _PaginationButton)) || _class);
|
|
60
60
|
export default PaginationButton;
|
|
61
61
|
export { PaginationButton };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _dec, _dec2, _class,
|
|
1
|
+
var _dec, _dec2, _class, _PaginationPageInput;
|
|
2
2
|
/*
|
|
3
3
|
* The MIT License (MIT)
|
|
4
4
|
*
|
|
@@ -38,7 +38,7 @@ parent: Pagination
|
|
|
38
38
|
id: Pagination.PageInput
|
|
39
39
|
---
|
|
40
40
|
**/
|
|
41
|
-
let PaginationPageInput = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (
|
|
41
|
+
let PaginationPageInput = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_PaginationPageInput = class PaginationPageInput extends Component {
|
|
42
42
|
constructor(props) {
|
|
43
43
|
super(props);
|
|
44
44
|
this.ref = null;
|
|
@@ -172,8 +172,8 @@ let PaginationPageInput = (_dec = withStyle(generateStyle, generateComponentThem
|
|
|
172
172
|
inputRef: this.handleInputRef
|
|
173
173
|
})), this.renderLabel());
|
|
174
174
|
}
|
|
175
|
-
},
|
|
175
|
+
}, _PaginationPageInput.displayName = "PaginationPageInput", _PaginationPageInput.componentId = 'Pagination.PageInput', _PaginationPageInput.propTypes = propTypes, _PaginationPageInput.allowedProps = allowedProps, _PaginationPageInput.defaultProps = {
|
|
176
176
|
disabled: false
|
|
177
|
-
},
|
|
177
|
+
}, _PaginationPageInput)) || _class) || _class);
|
|
178
178
|
export default PaginationPageInput;
|
|
179
179
|
export { PaginationPageInput };
|
package/es/Pagination/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _dec, _dec2, _dec3, _class,
|
|
1
|
+
var _dec, _dec2, _dec3, _class, _Pagination, _span, _span2;
|
|
2
2
|
/*
|
|
3
3
|
* The MIT License (MIT)
|
|
4
4
|
*
|
|
@@ -53,7 +53,7 @@ function propsHaveCompactView(props) {
|
|
|
53
53
|
category: components
|
|
54
54
|
---
|
|
55
55
|
**/
|
|
56
|
-
let Pagination = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, null), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = (
|
|
56
|
+
let Pagination = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, null), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = (_Pagination = class Pagination extends Component {
|
|
57
57
|
constructor(props) {
|
|
58
58
|
super(props);
|
|
59
59
|
this._labelId = void 0;
|
|
@@ -400,7 +400,7 @@ let Pagination = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
|
|
|
400
400
|
css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.pages
|
|
401
401
|
}, this.renderArrowButton('first', currentPageIndex), this.renderArrowButton('prev', currentPageIndex), this.inputMode ? this.renderPageInput(currentPageIndex) : this.renderPages(currentPageIndex), this.renderArrowButton('next', currentPageIndex), this.renderArrowButton('last', currentPageIndex)));
|
|
402
402
|
}
|
|
403
|
-
},
|
|
403
|
+
}, _Pagination.displayName = "Pagination", _Pagination.componentId = 'Pagination', _Pagination.propTypes = propTypes, _Pagination.allowedProps = allowedProps, _Pagination.defaultProps = {
|
|
404
404
|
disabled: false,
|
|
405
405
|
withFirstAndLastButton: false,
|
|
406
406
|
showDisabledButtons: false,
|
|
@@ -415,6 +415,6 @@ let Pagination = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
|
|
|
415
415
|
boundaryCount: 1,
|
|
416
416
|
ellipsis: '...',
|
|
417
417
|
renderPageIndicator: page => page
|
|
418
|
-
},
|
|
418
|
+
}, _Pagination.Page = PaginationButton, _Pagination.Navigation = PaginationArrowButton, _Pagination)) || _class) || _class) || _class);
|
|
419
419
|
export default Pagination;
|
|
420
420
|
export { Pagination, PaginationButton };
|
|
@@ -18,7 +18,7 @@ var _IconArrowDoubleEndSolid = require("@instructure/ui-icons/lib/IconArrowDoubl
|
|
|
18
18
|
var _testable = require("@instructure/ui-testable/lib/testable.js");
|
|
19
19
|
var _props = require("./props");
|
|
20
20
|
const _excluded = ["label", "direction", "buttonRef"];
|
|
21
|
-
var _dec, _class,
|
|
21
|
+
var _dec, _class, _PaginationArrowButton;
|
|
22
22
|
/*
|
|
23
23
|
* The MIT License (MIT)
|
|
24
24
|
*
|
|
@@ -48,7 +48,7 @@ parent: Pagination
|
|
|
48
48
|
id: Pagination.Navigation
|
|
49
49
|
---
|
|
50
50
|
**/
|
|
51
|
-
let PaginationArrowButton = exports.PaginationArrowButton = (_dec = (0, _testable.testable)(), _dec(_class = (
|
|
51
|
+
let PaginationArrowButton = exports.PaginationArrowButton = (_dec = (0, _testable.testable)(), _dec(_class = (_PaginationArrowButton = class PaginationArrowButton extends _react.Component {
|
|
52
52
|
constructor(...args) {
|
|
53
53
|
super(...args);
|
|
54
54
|
this.ref = null;
|
|
@@ -100,5 +100,5 @@ let PaginationArrowButton = exports.PaginationArrowButton = (_dec = (0, _testabl
|
|
|
100
100
|
margin: this.margin
|
|
101
101
|
}), this.Icon));
|
|
102
102
|
}
|
|
103
|
-
},
|
|
103
|
+
}, _PaginationArrowButton.displayName = "PaginationArrowButton", _PaginationArrowButton.componentId = 'Pagination.Navigation', _PaginationArrowButton.allowedProps = _props.allowedProps, _PaginationArrowButton.propTypes = _props.propTypes, _PaginationArrowButton.defaultProps = {}, _PaginationArrowButton)) || _class);
|
|
104
104
|
var _default = exports.default = PaginationArrowButton;
|
|
@@ -10,7 +10,7 @@ var _BaseButton = require("@instructure/ui-buttons/lib/BaseButton");
|
|
|
10
10
|
var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
|
|
11
11
|
var _testable = require("@instructure/ui-testable/lib/testable.js");
|
|
12
12
|
var _props = require("./props");
|
|
13
|
-
var _dec, _class,
|
|
13
|
+
var _dec, _class, _PaginationButton;
|
|
14
14
|
/*
|
|
15
15
|
* The MIT License (MIT)
|
|
16
16
|
*
|
|
@@ -40,7 +40,7 @@ parent: Pagination
|
|
|
40
40
|
id: Pagination.Page
|
|
41
41
|
---
|
|
42
42
|
**/
|
|
43
|
-
let PaginationButton = exports.PaginationButton = (_dec = (0, _testable.testable)(), _dec(_class = (
|
|
43
|
+
let PaginationButton = exports.PaginationButton = (_dec = (0, _testable.testable)(), _dec(_class = (_PaginationButton = class PaginationButton extends _react.Component {
|
|
44
44
|
constructor(...args) {
|
|
45
45
|
super(...args);
|
|
46
46
|
this.ref = null;
|
|
@@ -60,7 +60,7 @@ let PaginationButton = exports.PaginationButton = (_dec = (0, _testable.testable
|
|
|
60
60
|
elementRef: this.handleRef
|
|
61
61
|
}), this.props.children);
|
|
62
62
|
}
|
|
63
|
-
},
|
|
63
|
+
}, _PaginationButton.displayName = "PaginationButton", _PaginationButton.componentId = 'Pagination.Page', _PaginationButton.propTypes = _props.propTypes, _PaginationButton.allowedProps = _props.allowedProps, _PaginationButton.defaultProps = {
|
|
64
64
|
current: false
|
|
65
|
-
},
|
|
65
|
+
}, _PaginationButton)) || _class);
|
|
66
66
|
var _default = exports.default = PaginationButton;
|
|
@@ -14,7 +14,7 @@ var _ScreenReaderContent = require("@instructure/ui-a11y-content/lib/ScreenReade
|
|
|
14
14
|
var _styles = _interopRequireDefault(require("./styles"));
|
|
15
15
|
var _theme = _interopRequireDefault(require("./theme"));
|
|
16
16
|
var _props = require("./props");
|
|
17
|
-
var _dec, _dec2, _class,
|
|
17
|
+
var _dec, _dec2, _class, _PaginationPageInput;
|
|
18
18
|
/*
|
|
19
19
|
* The MIT License (MIT)
|
|
20
20
|
*
|
|
@@ -45,7 +45,7 @@ parent: Pagination
|
|
|
45
45
|
id: Pagination.PageInput
|
|
46
46
|
---
|
|
47
47
|
**/
|
|
48
|
-
let PaginationPageInput = exports.PaginationPageInput = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (
|
|
48
|
+
let PaginationPageInput = exports.PaginationPageInput = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_PaginationPageInput = class PaginationPageInput extends _react.Component {
|
|
49
49
|
constructor(props) {
|
|
50
50
|
super(props);
|
|
51
51
|
this.ref = null;
|
|
@@ -179,7 +179,7 @@ let PaginationPageInput = exports.PaginationPageInput = (_dec = (0, _emotion.wit
|
|
|
179
179
|
inputRef: this.handleInputRef
|
|
180
180
|
})), this.renderLabel());
|
|
181
181
|
}
|
|
182
|
-
},
|
|
182
|
+
}, _PaginationPageInput.displayName = "PaginationPageInput", _PaginationPageInput.componentId = 'Pagination.PageInput', _PaginationPageInput.propTypes = _props.propTypes, _PaginationPageInput.allowedProps = _props.allowedProps, _PaginationPageInput.defaultProps = {
|
|
183
183
|
disabled: false
|
|
184
|
-
},
|
|
184
|
+
}, _PaginationPageInput)) || _class) || _class);
|
|
185
185
|
var _default = exports.default = PaginationPageInput;
|
package/lib/Pagination/index.js
CHANGED
|
@@ -27,7 +27,7 @@ var _PaginationArrowButton = require("./PaginationArrowButton");
|
|
|
27
27
|
var _PaginationPageInput = require("./PaginationPageInput");
|
|
28
28
|
var _styles = _interopRequireDefault(require("./styles"));
|
|
29
29
|
var _props = require("./props");
|
|
30
|
-
var _dec, _dec2, _dec3, _class,
|
|
30
|
+
var _dec, _dec2, _dec3, _class, _Pagination, _span, _span2;
|
|
31
31
|
/*
|
|
32
32
|
* The MIT License (MIT)
|
|
33
33
|
*
|
|
@@ -70,7 +70,7 @@ function propsHaveCompactView(props) {
|
|
|
70
70
|
category: components
|
|
71
71
|
---
|
|
72
72
|
**/
|
|
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 = (
|
|
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 = (_Pagination = class Pagination extends _react.Component {
|
|
74
74
|
constructor(props) {
|
|
75
75
|
super(props);
|
|
76
76
|
this._labelId = void 0;
|
|
@@ -417,7 +417,7 @@ let Pagination = exports.Pagination = (_dec = (0, _withDeterministicId.withDeter
|
|
|
417
417
|
css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.pages
|
|
418
418
|
}, this.renderArrowButton('first', currentPageIndex), this.renderArrowButton('prev', currentPageIndex), this.inputMode ? this.renderPageInput(currentPageIndex) : this.renderPages(currentPageIndex), this.renderArrowButton('next', currentPageIndex), this.renderArrowButton('last', currentPageIndex)));
|
|
419
419
|
}
|
|
420
|
-
},
|
|
420
|
+
}, _Pagination.displayName = "Pagination", _Pagination.componentId = 'Pagination', _Pagination.propTypes = _props.propTypes, _Pagination.allowedProps = _props.allowedProps, _Pagination.defaultProps = {
|
|
421
421
|
disabled: false,
|
|
422
422
|
withFirstAndLastButton: false,
|
|
423
423
|
showDisabledButtons: false,
|
|
@@ -432,5 +432,5 @@ let Pagination = exports.Pagination = (_dec = (0, _withDeterministicId.withDeter
|
|
|
432
432
|
boundaryCount: 1,
|
|
433
433
|
ellipsis: '...',
|
|
434
434
|
renderPageIndicator: page => page
|
|
435
|
-
},
|
|
435
|
+
}, _Pagination.Page = _PaginationButton.PaginationButton, _Pagination.Navigation = _PaginationArrowButton.PaginationArrowButton, _Pagination)) || _class) || _class) || _class);
|
|
436
436
|
var _default = exports.default = Pagination;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-pagination",
|
|
3
|
-
"version": "9.0.2-snapshot-
|
|
3
|
+
"version": "9.0.2-snapshot-3",
|
|
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,31 +23,31 @@
|
|
|
23
23
|
},
|
|
24
24
|
"license": "MIT",
|
|
25
25
|
"devDependencies": {
|
|
26
|
-
"@instructure/ui-babel-preset": "9.0.2-snapshot-
|
|
27
|
-
"@instructure/ui-test-locator": "9.0.2-snapshot-
|
|
28
|
-
"@instructure/ui-test-queries": "9.0.2-snapshot-
|
|
29
|
-
"@instructure/ui-test-utils": "9.0.2-snapshot-
|
|
30
|
-
"@testing-library/jest-dom": "^6.
|
|
31
|
-
"@testing-library/react": "^
|
|
26
|
+
"@instructure/ui-babel-preset": "9.0.2-snapshot-3",
|
|
27
|
+
"@instructure/ui-test-locator": "9.0.2-snapshot-3",
|
|
28
|
+
"@instructure/ui-test-queries": "9.0.2-snapshot-3",
|
|
29
|
+
"@instructure/ui-test-utils": "9.0.2-snapshot-3",
|
|
30
|
+
"@testing-library/jest-dom": "^6.4.5",
|
|
31
|
+
"@testing-library/react": "^15.0.7"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@babel/runtime": "^7.
|
|
35
|
-
"@instructure/emotion": "9.0.2-snapshot-
|
|
36
|
-
"@instructure/shared-types": "9.0.2-snapshot-
|
|
37
|
-
"@instructure/ui-a11y-content": "9.0.2-snapshot-
|
|
38
|
-
"@instructure/ui-a11y-utils": "9.0.2-snapshot-
|
|
39
|
-
"@instructure/ui-buttons": "9.0.2-snapshot-
|
|
40
|
-
"@instructure/ui-dom-utils": "9.0.2-snapshot-
|
|
41
|
-
"@instructure/ui-icons": "9.0.2-snapshot-
|
|
42
|
-
"@instructure/ui-number-input": "9.0.2-snapshot-
|
|
43
|
-
"@instructure/ui-portal": "9.0.2-snapshot-
|
|
44
|
-
"@instructure/ui-prop-types": "9.0.2-snapshot-
|
|
45
|
-
"@instructure/ui-react-utils": "9.0.2-snapshot-
|
|
46
|
-
"@instructure/ui-testable": "9.0.2-snapshot-
|
|
47
|
-
"@instructure/ui-tooltip": "9.0.2-snapshot-
|
|
48
|
-
"@instructure/ui-utils": "9.0.2-snapshot-
|
|
49
|
-
"@instructure/ui-view": "9.0.2-snapshot-
|
|
50
|
-
"@instructure/uid": "9.0.2-snapshot-
|
|
34
|
+
"@babel/runtime": "^7.24.5",
|
|
35
|
+
"@instructure/emotion": "9.0.2-snapshot-3",
|
|
36
|
+
"@instructure/shared-types": "9.0.2-snapshot-3",
|
|
37
|
+
"@instructure/ui-a11y-content": "9.0.2-snapshot-3",
|
|
38
|
+
"@instructure/ui-a11y-utils": "9.0.2-snapshot-3",
|
|
39
|
+
"@instructure/ui-buttons": "9.0.2-snapshot-3",
|
|
40
|
+
"@instructure/ui-dom-utils": "9.0.2-snapshot-3",
|
|
41
|
+
"@instructure/ui-icons": "9.0.2-snapshot-3",
|
|
42
|
+
"@instructure/ui-number-input": "9.0.2-snapshot-3",
|
|
43
|
+
"@instructure/ui-portal": "9.0.2-snapshot-3",
|
|
44
|
+
"@instructure/ui-prop-types": "9.0.2-snapshot-3",
|
|
45
|
+
"@instructure/ui-react-utils": "9.0.2-snapshot-3",
|
|
46
|
+
"@instructure/ui-testable": "9.0.2-snapshot-3",
|
|
47
|
+
"@instructure/ui-tooltip": "9.0.2-snapshot-3",
|
|
48
|
+
"@instructure/ui-utils": "9.0.2-snapshot-3",
|
|
49
|
+
"@instructure/ui-view": "9.0.2-snapshot-3",
|
|
50
|
+
"@instructure/uid": "9.0.2-snapshot-3",
|
|
51
51
|
"keycode": "^2.2.1",
|
|
52
52
|
"prop-types": "^15.8.1"
|
|
53
53
|
},
|