@instructure/ui-pagination 8.56.2-pr-snapshot-1721749364069 → 8.56.2
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 +3 -3
- package/lib/Pagination/PaginationArrowButton/index.js +16 -13
- package/lib/Pagination/PaginationButton/index.js +6 -6
- package/lib/Pagination/PaginationLocator.js +3 -3
- package/lib/Pagination/PaginationPageInput/PaginationPageInputLocator.js +3 -3
- package/lib/Pagination/PaginationPageInput/index.js +6 -6
- package/lib/Pagination/index.js +16 -14
- package/lib/Pagination/props.js +2 -2
- package/package.json +21 -21
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.56.2
|
|
6
|
+
## [8.56.2](https://github.com/instructure/instructure-ui/compare/v8.56.1...v8.56.2) (2024-08-06)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @instructure/ui-pagination
|
|
9
9
|
|
|
@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.PaginationArrowButtonLocator = void 0;
|
|
7
|
-
var
|
|
7
|
+
var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
|
|
8
8
|
var _uiTestQueries = require("@instructure/ui-test-queries");
|
|
9
|
-
var _TooltipLocator = require("@instructure/ui-tooltip/
|
|
9
|
+
var _TooltipLocator = require("@instructure/ui-tooltip/lib/Tooltip/TooltipLocator");
|
|
10
10
|
var _index = require("./index");
|
|
11
11
|
/*
|
|
12
12
|
* The MIT License (MIT)
|
|
@@ -35,7 +35,7 @@ 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 = exports.PaginationArrowButtonLocator = (0,
|
|
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),
|
|
@@ -8,11 +8,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.default = exports.PaginationArrowButton = void 0;
|
|
9
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
11
|
+
var _IconButton = require("@instructure/ui-buttons/lib/IconButton");
|
|
12
|
+
var _PresentationContent = require("@instructure/ui-a11y-content/lib/PresentationContent");
|
|
13
|
+
var _Tooltip = require("@instructure/ui-tooltip/lib/Tooltip");
|
|
14
|
+
var _IconArrowOpenStartSolid = require("@instructure/ui-icons/lib/IconArrowOpenStartSolid.js");
|
|
15
|
+
var _IconArrowOpenEndSolid = require("@instructure/ui-icons/lib/IconArrowOpenEndSolid.js");
|
|
16
|
+
var _IconArrowDoubleStartSolid = require("@instructure/ui-icons/lib/IconArrowDoubleStartSolid.js");
|
|
17
|
+
var _IconArrowDoubleEndSolid = require("@instructure/ui-icons/lib/IconArrowDoubleEndSolid.js");
|
|
18
|
+
var _testable = require("@instructure/ui-testable/lib/testable.js");
|
|
16
19
|
var _props = require("./props");
|
|
17
20
|
const _excluded = ["label", "direction", "buttonRef"];
|
|
18
21
|
var _dec, _class, _class2;
|
|
@@ -45,7 +48,7 @@ parent: Pagination
|
|
|
45
48
|
id: Pagination.Navigation
|
|
46
49
|
---
|
|
47
50
|
**/
|
|
48
|
-
let PaginationArrowButton = exports.PaginationArrowButton = (_dec = (0,
|
|
51
|
+
let PaginationArrowButton = exports.PaginationArrowButton = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 = class PaginationArrowButton extends _react.Component {
|
|
49
52
|
constructor(...args) {
|
|
50
53
|
super(...args);
|
|
51
54
|
this.ref = null;
|
|
@@ -66,13 +69,13 @@ let PaginationArrowButton = exports.PaginationArrowButton = (_dec = (0, _uiTesta
|
|
|
66
69
|
get Icon() {
|
|
67
70
|
switch (this.props.direction) {
|
|
68
71
|
case 'first':
|
|
69
|
-
return
|
|
72
|
+
return _IconArrowDoubleStartSolid.IconArrowDoubleStartSolid;
|
|
70
73
|
case 'prev':
|
|
71
|
-
return
|
|
74
|
+
return _IconArrowOpenStartSolid.IconArrowOpenStartSolid;
|
|
72
75
|
case 'next':
|
|
73
|
-
return
|
|
76
|
+
return _IconArrowOpenEndSolid.IconArrowOpenEndSolid;
|
|
74
77
|
case 'last':
|
|
75
|
-
return
|
|
78
|
+
return _IconArrowDoubleEndSolid.IconArrowDoubleEndSolid;
|
|
76
79
|
default:
|
|
77
80
|
return null;
|
|
78
81
|
}
|
|
@@ -83,11 +86,11 @@ let PaginationArrowButton = exports.PaginationArrowButton = (_dec = (0, _uiTesta
|
|
|
83
86
|
direction = _this$props.direction,
|
|
84
87
|
buttonRef = _this$props.buttonRef,
|
|
85
88
|
props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
|
|
86
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
89
|
+
return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
|
|
87
90
|
elementRef: this.handleRef,
|
|
88
91
|
on: ['hover', 'focus'],
|
|
89
|
-
renderTip: /*#__PURE__*/_react.default.createElement(
|
|
90
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
92
|
+
renderTip: /*#__PURE__*/_react.default.createElement(_PresentationContent.PresentationContent, null, label)
|
|
93
|
+
}, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, Object.assign({}, props, {
|
|
91
94
|
size: "small",
|
|
92
95
|
withBackground: false,
|
|
93
96
|
withBorder: false,
|
|
@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = exports.PaginationButton = void 0;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
var
|
|
9
|
+
var _BaseButton = require("@instructure/ui-buttons/lib/BaseButton");
|
|
10
|
+
var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
|
|
11
|
+
var _testable = require("@instructure/ui-testable/lib/testable.js");
|
|
12
12
|
var _props = require("./props");
|
|
13
13
|
var _dec, _class, _class2;
|
|
14
14
|
/*
|
|
@@ -40,7 +40,7 @@ parent: Pagination
|
|
|
40
40
|
id: Pagination.Page
|
|
41
41
|
---
|
|
42
42
|
**/
|
|
43
|
-
let PaginationButton = exports.PaginationButton = (_dec = (0,
|
|
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;
|
|
@@ -50,8 +50,8 @@ let PaginationButton = exports.PaginationButton = (_dec = (0, _uiTestable.testab
|
|
|
50
50
|
}
|
|
51
51
|
render() {
|
|
52
52
|
const exclude = this.props.current ? ['onClick', 'href'] : [];
|
|
53
|
-
const props = (0,
|
|
54
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
53
|
+
const props = (0, _omitProps.omitProps)(this.props, PaginationButton.allowedProps, exclude);
|
|
54
|
+
return /*#__PURE__*/_react.default.createElement(_BaseButton.BaseButton, Object.assign({
|
|
55
55
|
color: "primary",
|
|
56
56
|
withBackground: this.props.current,
|
|
57
57
|
withBorder: this.props.current
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.PaginationLocator = void 0;
|
|
7
|
-
var
|
|
7
|
+
var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
|
|
8
8
|
var _PaginationPageInputLocator = require("./PaginationPageInput/PaginationPageInputLocator");
|
|
9
9
|
var _PaginationArrowButtonLocator = require("./PaginationArrowButton/PaginationArrowButtonLocator");
|
|
10
10
|
var _index = require("./index");
|
|
@@ -33,10 +33,10 @@ var _index = require("./index");
|
|
|
33
33
|
*/
|
|
34
34
|
|
|
35
35
|
// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
|
|
36
|
-
const PaginationButtonLocator = (0,
|
|
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 = exports.PaginationLocator = (0,
|
|
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),
|
|
@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.PaginationPageInputLocator = void 0;
|
|
7
|
-
var
|
|
8
|
-
var _NumberInputLocator = require("@instructure/ui-number-input/
|
|
7
|
+
var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
|
|
8
|
+
var _NumberInputLocator = require("@instructure/ui-number-input/lib/NumberInput/NumberInputLocator");
|
|
9
9
|
var _index = require("./index");
|
|
10
10
|
/*
|
|
11
11
|
* The MIT License (MIT)
|
|
@@ -34,7 +34,7 @@ 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 = exports.PaginationPageInputLocator = (0,
|
|
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),
|
|
@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports.default = exports.PaginationPageInput = void 0;
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
-
var
|
|
10
|
+
var _testable = require("@instructure/ui-testable/lib/testable.js");
|
|
11
11
|
var _emotion = require("@instructure/emotion");
|
|
12
|
-
var
|
|
13
|
-
var
|
|
12
|
+
var _NumberInput = require("@instructure/ui-number-input/lib/NumberInput");
|
|
13
|
+
var _ScreenReaderContent = require("@instructure/ui-a11y-content/lib/ScreenReaderContent");
|
|
14
14
|
var _styles = _interopRequireDefault(require("./styles"));
|
|
15
15
|
var _theme = _interopRequireDefault(require("./theme"));
|
|
16
16
|
var _props = require("./props");
|
|
@@ -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,
|
|
48
|
+
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 {
|
|
49
49
|
constructor(props) {
|
|
50
50
|
super(props);
|
|
51
51
|
this.ref = null;
|
|
@@ -153,7 +153,7 @@ let PaginationPageInput = exports.PaginationPageInput = (_dec = (0, _emotion.wit
|
|
|
153
153
|
const _this$props4 = this.props,
|
|
154
154
|
screenReaderLabel = _this$props4.screenReaderLabel,
|
|
155
155
|
numberOfPages = _this$props4.numberOfPages;
|
|
156
|
-
return (0, _emotion.jsx)(
|
|
156
|
+
return (0, _emotion.jsx)(_ScreenReaderContent.ScreenReaderContent, null, screenReaderLabel(this.currentPage, numberOfPages));
|
|
157
157
|
}
|
|
158
158
|
render() {
|
|
159
159
|
const _this$props5 = this.props,
|
|
@@ -164,7 +164,7 @@ let PaginationPageInput = exports.PaginationPageInput = (_dec = (0, _emotion.wit
|
|
|
164
164
|
ref: this.handleRef
|
|
165
165
|
}, (0, _emotion.jsx)("span", {
|
|
166
166
|
css: styles === null || styles === void 0 ? void 0 : styles.numberInput
|
|
167
|
-
}, (0, _emotion.jsx)(
|
|
167
|
+
}, (0, _emotion.jsx)(_NumberInput.NumberInput, {
|
|
168
168
|
renderLabel: this.renderScreenReaderLabel(),
|
|
169
169
|
onBlur: this.handleBlur,
|
|
170
170
|
onChange: this.handleChange,
|
package/lib/Pagination/index.js
CHANGED
|
@@ -14,11 +14,13 @@ Object.defineProperty(exports, "PaginationButton", {
|
|
|
14
14
|
});
|
|
15
15
|
exports.default = void 0;
|
|
16
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
|
-
var
|
|
18
|
-
var
|
|
19
|
-
var
|
|
20
|
-
var
|
|
21
|
-
var
|
|
17
|
+
var _View = require("@instructure/ui-view/lib/View");
|
|
18
|
+
var _testable = require("@instructure/ui-testable/lib/testable.js");
|
|
19
|
+
var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
|
|
20
|
+
var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
|
|
21
|
+
var _hasVisibleChildren = require("@instructure/ui-a11y-utils/lib/hasVisibleChildren.js");
|
|
22
|
+
var _findTabbable = require("@instructure/ui-dom-utils/lib/findTabbable.js");
|
|
23
|
+
var _getActiveElement = require("@instructure/ui-dom-utils/lib/getActiveElement.js");
|
|
22
24
|
var _emotion = require("@instructure/emotion");
|
|
23
25
|
var _PaginationButton = require("./PaginationButton");
|
|
24
26
|
var _PaginationArrowButton = require("./PaginationArrowButton");
|
|
@@ -68,7 +70,7 @@ function propsHaveCompactView(props) {
|
|
|
68
70
|
category: components
|
|
69
71
|
---
|
|
70
72
|
**/
|
|
71
|
-
let Pagination = exports.Pagination = (_dec = (0,
|
|
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 {
|
|
72
74
|
constructor(props) {
|
|
73
75
|
super(props);
|
|
74
76
|
this._labelId = void 0;
|
|
@@ -215,7 +217,7 @@ let Pagination = exports.Pagination = (_dec = (0, _uiReactUtils.withDeterministi
|
|
|
215
217
|
return this.inputMode || this.props.showDisabledButtons;
|
|
216
218
|
}
|
|
217
219
|
getSnapshotBeforeUpdate() {
|
|
218
|
-
const activeElement = (0,
|
|
220
|
+
const activeElement = (0, _getActiveElement.getActiveElement)();
|
|
219
221
|
if (activeElement === this._firstButton || activeElement === this._prevButton || activeElement === this._nextButton || activeElement === this._lastButton) {
|
|
220
222
|
return {
|
|
221
223
|
lastFocusedButton: activeElement
|
|
@@ -250,7 +252,7 @@ let Pagination = exports.Pagination = (_dec = (0, _uiReactUtils.withDeterministi
|
|
|
250
252
|
const lastFocusedButton = snapshot.lastFocusedButton;
|
|
251
253
|
if (lastFocusedButton) {
|
|
252
254
|
var _nextFocusElement;
|
|
253
|
-
const focusable = (0,
|
|
255
|
+
const focusable = (0, _findTabbable.findTabbable)(this.ref);
|
|
254
256
|
const direction = lastFocusedButton.dataset.direction;
|
|
255
257
|
|
|
256
258
|
// By default we want to focus the previously focused button
|
|
@@ -280,8 +282,8 @@ let Pagination = exports.Pagination = (_dec = (0, _uiReactUtils.withDeterministi
|
|
|
280
282
|
}
|
|
281
283
|
renderLabel() {
|
|
282
284
|
const display = this.props.variant === 'full' ? 'inline-block' : 'block';
|
|
283
|
-
const visibleLabel = (0,
|
|
284
|
-
return (0, _emotion.jsx)(
|
|
285
|
+
const visibleLabel = (0, _hasVisibleChildren.hasVisibleChildren)(this.props.label);
|
|
286
|
+
return (0, _emotion.jsx)(_View.View, {
|
|
285
287
|
as: "span",
|
|
286
288
|
padding: visibleLabel ? 'small' : '0',
|
|
287
289
|
display: visibleLabel ? display : 'auto',
|
|
@@ -327,7 +329,7 @@ let Pagination = exports.Pagination = (_dec = (0, _uiReactUtils.withDeterministi
|
|
|
327
329
|
}, "\u2026")));
|
|
328
330
|
if (lastIndex - sliceEnd + 1 > 0) visiblePages.push(lastPage);
|
|
329
331
|
}
|
|
330
|
-
return (0, _emotion.jsx)(
|
|
332
|
+
return (0, _emotion.jsx)(_View.View, {
|
|
331
333
|
display: "inline-block"
|
|
332
334
|
}, this.transferDisabledPropToChildren(visiblePages));
|
|
333
335
|
}
|
|
@@ -402,15 +404,15 @@ let Pagination = exports.Pagination = (_dec = (0, _uiReactUtils.withDeterministi
|
|
|
402
404
|
render() {
|
|
403
405
|
var _this$props$styles, _this$props$styles2;
|
|
404
406
|
const currentPageIndex = fastFindIndex(this.childPages, p => p && p.props && p.props.current);
|
|
405
|
-
const passthroughProps =
|
|
406
|
-
return (0, _emotion.jsx)(
|
|
407
|
+
const passthroughProps = _View.View.omitViewProps((0, _omitProps.omitProps)(this.props, Pagination.allowedProps), Pagination);
|
|
408
|
+
return (0, _emotion.jsx)(_View.View, Object.assign({}, passthroughProps, {
|
|
407
409
|
role: "navigation",
|
|
408
410
|
as: this.props.as,
|
|
409
411
|
elementRef: this.handleElementRef,
|
|
410
412
|
margin: this.props.margin,
|
|
411
413
|
css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.pagination,
|
|
412
414
|
"aria-labelledby": this.props.label ? this._labelId : void 0
|
|
413
|
-
}), this.props.label && this.renderLabel(), (0, _emotion.jsx)(
|
|
415
|
+
}), this.props.label && this.renderLabel(), (0, _emotion.jsx)(_View.View, {
|
|
414
416
|
display: "inline-block",
|
|
415
417
|
css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.pages
|
|
416
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)));
|
package/lib/Pagination/props.js
CHANGED
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.propTypes = exports.allowedProps = void 0;
|
|
8
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
var
|
|
9
|
+
var _Children = require("@instructure/ui-prop-types/lib/Children.js");
|
|
10
10
|
var _emotion = require("@instructure/emotion");
|
|
11
11
|
var _PaginationButton = require("./PaginationButton");
|
|
12
12
|
/*
|
|
@@ -34,7 +34,7 @@ var _PaginationButton = require("./PaginationButton");
|
|
|
34
34
|
*/
|
|
35
35
|
|
|
36
36
|
const propTypes = exports.propTypes = {
|
|
37
|
-
children:
|
|
37
|
+
children: _Children.Children.oneOf([_PaginationButton.PaginationButton]),
|
|
38
38
|
disabled: _propTypes.default.bool,
|
|
39
39
|
withFirstAndLastButton: _propTypes.default.bool,
|
|
40
40
|
showDisabledButtons: _propTypes.default.bool,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-pagination",
|
|
3
|
-
"version": "8.56.2
|
|
3
|
+
"version": "8.56.2",
|
|
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": "8.56.2
|
|
27
|
-
"@instructure/ui-test-locator": "8.56.2
|
|
28
|
-
"@instructure/ui-test-queries": "8.56.2
|
|
29
|
-
"@instructure/ui-test-utils": "8.56.2
|
|
26
|
+
"@instructure/ui-babel-preset": "8.56.2",
|
|
27
|
+
"@instructure/ui-test-locator": "8.56.2",
|
|
28
|
+
"@instructure/ui-test-queries": "8.56.2",
|
|
29
|
+
"@instructure/ui-test-utils": "8.56.2",
|
|
30
30
|
"@testing-library/jest-dom": "^6.1.4",
|
|
31
31
|
"@testing-library/react": "^14.1.2"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@babel/runtime": "^7.23.2",
|
|
35
|
-
"@instructure/emotion": "8.56.2
|
|
36
|
-
"@instructure/shared-types": "8.56.2
|
|
37
|
-
"@instructure/ui-a11y-content": "8.56.2
|
|
38
|
-
"@instructure/ui-a11y-utils": "8.56.2
|
|
39
|
-
"@instructure/ui-buttons": "8.56.2
|
|
40
|
-
"@instructure/ui-dom-utils": "8.56.2
|
|
41
|
-
"@instructure/ui-icons": "8.56.2
|
|
42
|
-
"@instructure/ui-number-input": "8.56.2
|
|
43
|
-
"@instructure/ui-portal": "8.56.2
|
|
44
|
-
"@instructure/ui-prop-types": "8.56.2
|
|
45
|
-
"@instructure/ui-react-utils": "8.56.2
|
|
46
|
-
"@instructure/ui-testable": "8.56.2
|
|
47
|
-
"@instructure/ui-tooltip": "8.56.2
|
|
48
|
-
"@instructure/ui-utils": "8.56.2
|
|
49
|
-
"@instructure/ui-view": "8.56.2
|
|
50
|
-
"@instructure/uid": "8.56.2
|
|
35
|
+
"@instructure/emotion": "8.56.2",
|
|
36
|
+
"@instructure/shared-types": "8.56.2",
|
|
37
|
+
"@instructure/ui-a11y-content": "8.56.2",
|
|
38
|
+
"@instructure/ui-a11y-utils": "8.56.2",
|
|
39
|
+
"@instructure/ui-buttons": "8.56.2",
|
|
40
|
+
"@instructure/ui-dom-utils": "8.56.2",
|
|
41
|
+
"@instructure/ui-icons": "8.56.2",
|
|
42
|
+
"@instructure/ui-number-input": "8.56.2",
|
|
43
|
+
"@instructure/ui-portal": "8.56.2",
|
|
44
|
+
"@instructure/ui-prop-types": "8.56.2",
|
|
45
|
+
"@instructure/ui-react-utils": "8.56.2",
|
|
46
|
+
"@instructure/ui-testable": "8.56.2",
|
|
47
|
+
"@instructure/ui-tooltip": "8.56.2",
|
|
48
|
+
"@instructure/ui-utils": "8.56.2",
|
|
49
|
+
"@instructure/ui-view": "8.56.2",
|
|
50
|
+
"@instructure/uid": "8.56.2",
|
|
51
51
|
"keycode": "^2.2.1",
|
|
52
52
|
"prop-types": "^15.8.1"
|
|
53
53
|
},
|