@dhis2-ui/pagination 10.0.0-alpha.5 → 10.0.0-alpha.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.
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
var _enzyme = require("enzyme");
|
|
4
4
|
var _react = _interopRequireDefault(require("react"));
|
|
5
|
+
var _getDefaultPageSummaryText = require("../get-default-page-summary-text.js");
|
|
5
6
|
var _pageSummary = require("../page-summary.js");
|
|
6
|
-
var _pagination = require("../pagination.js");
|
|
7
7
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
8
8
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
9
9
|
describe('<PageSummary />', () => {
|
|
10
10
|
const props = {
|
|
11
11
|
dataTest: 'test',
|
|
12
|
-
pageSummaryText:
|
|
12
|
+
pageSummaryText: _getDefaultPageSummaryText.getDefaultPageSummaryText
|
|
13
13
|
};
|
|
14
14
|
it('renders without errors', () => {
|
|
15
15
|
(0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_pageSummary.PageSummary, _extends({}, props, {
|
package/build/cjs/pagination.js
CHANGED
|
@@ -19,27 +19,36 @@ var _pageSizeSelect = require("./page-size-select.js");
|
|
|
19
19
|
var _pageSummary = require("./page-summary.js");
|
|
20
20
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
21
21
|
const MAX_PAGE_COUNT = 2000;
|
|
22
|
+
const defaultProps = {
|
|
23
|
+
dataTest: 'dhis2-uiwidgets-pagination',
|
|
24
|
+
nextPageText: () => _index.default.t('Next'),
|
|
25
|
+
pageSelectText: () => _index.default.t('Page'),
|
|
26
|
+
pageSizes: ['5', '10', '20', '30', '40', '50', '75', '100'],
|
|
27
|
+
pageSizeSelectText: () => _index.default.t('Items per page'),
|
|
28
|
+
pageSummaryText: _getDefaultPageSummaryText.getDefaultPageSummaryText,
|
|
29
|
+
previousPageText: () => _index.default.t('Previous')
|
|
30
|
+
};
|
|
22
31
|
const Pagination = _ref => {
|
|
23
32
|
let {
|
|
24
33
|
className,
|
|
25
|
-
dataTest,
|
|
34
|
+
dataTest = defaultProps.dataTest,
|
|
26
35
|
disabled,
|
|
27
36
|
hidePageSelect,
|
|
28
37
|
hidePageSizeSelect,
|
|
29
38
|
hidePageSummary,
|
|
30
39
|
isLastPage,
|
|
31
|
-
nextPageText,
|
|
40
|
+
nextPageText = defaultProps.nextPageText,
|
|
32
41
|
onPageChange,
|
|
33
42
|
onPageSizeChange,
|
|
34
43
|
page,
|
|
35
44
|
pageCount,
|
|
36
45
|
pageLength,
|
|
37
|
-
pageSelectText,
|
|
46
|
+
pageSelectText = defaultProps.pageSelectText,
|
|
38
47
|
pageSize,
|
|
39
|
-
pageSizes,
|
|
40
|
-
pageSizeSelectText,
|
|
41
|
-
pageSummaryText,
|
|
42
|
-
previousPageText,
|
|
48
|
+
pageSizes = defaultProps.pageSizes,
|
|
49
|
+
pageSizeSelectText = defaultProps.pageSizeSelectText,
|
|
50
|
+
pageSummaryText = defaultProps.pageSummaryText,
|
|
51
|
+
previousPageText = defaultProps.previousPageText,
|
|
43
52
|
total
|
|
44
53
|
} = _ref;
|
|
45
54
|
const {
|
|
@@ -97,15 +106,6 @@ const Pagination = _ref => {
|
|
|
97
106
|
}, [`.container.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;row-gap:${_uiConstants.spacers.dp4};}`, ".spacer.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".page-navigation.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;min-height:32px;}"]));
|
|
98
107
|
};
|
|
99
108
|
exports.Pagination = Pagination;
|
|
100
|
-
Pagination.defaultProps = {
|
|
101
|
-
dataTest: 'dhis2-uiwidgets-pagination',
|
|
102
|
-
pageSizes: ['5', '10', '20', '30', '40', '50', '75', '100'],
|
|
103
|
-
nextPageText: () => _index.default.t('Next'),
|
|
104
|
-
pageSelectText: () => _index.default.t('Page'),
|
|
105
|
-
pageSizeSelectText: () => _index.default.t('Items per page'),
|
|
106
|
-
pageSummaryText: _getDefaultPageSummaryText.getDefaultPageSummaryText,
|
|
107
|
-
previousPageText: () => _index.default.t('Previous')
|
|
108
|
-
};
|
|
109
109
|
Pagination.propTypes = {
|
|
110
110
|
page: _propTypes2.default.number.isRequired,
|
|
111
111
|
pageSize: _propTypes2.default.number.isRequired,
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
2
|
import { shallow } from 'enzyme';
|
|
3
3
|
import React from 'react';
|
|
4
|
+
import { getDefaultPageSummaryText } from '../get-default-page-summary-text.js';
|
|
4
5
|
import { PageSummary } from '../page-summary.js';
|
|
5
|
-
import { Pagination } from '../pagination.js';
|
|
6
6
|
describe('<PageSummary />', () => {
|
|
7
7
|
const props = {
|
|
8
8
|
dataTest: 'test',
|
|
9
|
-
pageSummaryText:
|
|
9
|
+
pageSummaryText: getDefaultPageSummaryText
|
|
10
10
|
};
|
|
11
11
|
it('renders without errors', () => {
|
|
12
12
|
shallow( /*#__PURE__*/React.createElement(PageSummary, _extends({}, props, {
|
package/build/es/pagination.js
CHANGED
|
@@ -12,27 +12,36 @@ import { PageSelect } from './page-select.js';
|
|
|
12
12
|
import { PageSizeSelect } from './page-size-select.js';
|
|
13
13
|
import { PageSummary } from './page-summary.js';
|
|
14
14
|
const MAX_PAGE_COUNT = 2000;
|
|
15
|
+
const defaultProps = {
|
|
16
|
+
dataTest: 'dhis2-uiwidgets-pagination',
|
|
17
|
+
nextPageText: () => i18n.t('Next'),
|
|
18
|
+
pageSelectText: () => i18n.t('Page'),
|
|
19
|
+
pageSizes: ['5', '10', '20', '30', '40', '50', '75', '100'],
|
|
20
|
+
pageSizeSelectText: () => i18n.t('Items per page'),
|
|
21
|
+
pageSummaryText: getDefaultPageSummaryText,
|
|
22
|
+
previousPageText: () => i18n.t('Previous')
|
|
23
|
+
};
|
|
15
24
|
const Pagination = _ref => {
|
|
16
25
|
let {
|
|
17
26
|
className,
|
|
18
|
-
dataTest,
|
|
27
|
+
dataTest = defaultProps.dataTest,
|
|
19
28
|
disabled,
|
|
20
29
|
hidePageSelect,
|
|
21
30
|
hidePageSizeSelect,
|
|
22
31
|
hidePageSummary,
|
|
23
32
|
isLastPage,
|
|
24
|
-
nextPageText,
|
|
33
|
+
nextPageText = defaultProps.nextPageText,
|
|
25
34
|
onPageChange,
|
|
26
35
|
onPageSizeChange,
|
|
27
36
|
page,
|
|
28
37
|
pageCount,
|
|
29
38
|
pageLength,
|
|
30
|
-
pageSelectText,
|
|
39
|
+
pageSelectText = defaultProps.pageSelectText,
|
|
31
40
|
pageSize,
|
|
32
|
-
pageSizes,
|
|
33
|
-
pageSizeSelectText,
|
|
34
|
-
pageSummaryText,
|
|
35
|
-
previousPageText,
|
|
41
|
+
pageSizes = defaultProps.pageSizes,
|
|
42
|
+
pageSizeSelectText = defaultProps.pageSizeSelectText,
|
|
43
|
+
pageSummaryText = defaultProps.pageSummaryText,
|
|
44
|
+
previousPageText = defaultProps.previousPageText,
|
|
36
45
|
total
|
|
37
46
|
} = _ref;
|
|
38
47
|
const {
|
|
@@ -89,15 +98,6 @@ const Pagination = _ref => {
|
|
|
89
98
|
dynamic: [spacers.dp4]
|
|
90
99
|
}, [`.container.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;row-gap:${spacers.dp4};}`, ".spacer.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".page-navigation.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;min-height:32px;}"]));
|
|
91
100
|
};
|
|
92
|
-
Pagination.defaultProps = {
|
|
93
|
-
dataTest: 'dhis2-uiwidgets-pagination',
|
|
94
|
-
pageSizes: ['5', '10', '20', '30', '40', '50', '75', '100'],
|
|
95
|
-
nextPageText: () => i18n.t('Next'),
|
|
96
|
-
pageSelectText: () => i18n.t('Page'),
|
|
97
|
-
pageSizeSelectText: () => i18n.t('Items per page'),
|
|
98
|
-
pageSummaryText: getDefaultPageSummaryText,
|
|
99
|
-
previousPageText: () => i18n.t('Previous')
|
|
100
|
-
};
|
|
101
101
|
Pagination.propTypes = {
|
|
102
102
|
page: PropTypes.number.isRequired,
|
|
103
103
|
pageSize: PropTypes.number.isRequired,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dhis2-ui/pagination",
|
|
3
|
-
"version": "10.0.0-alpha.
|
|
3
|
+
"version": "10.0.0-alpha.7",
|
|
4
4
|
"description": "UI Pagination",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -34,10 +34,10 @@
|
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"@dhis2/prop-types": "^3.1.2",
|
|
37
|
-
"@dhis2-ui/button": "10.0.0-alpha.
|
|
38
|
-
"@dhis2-ui/select": "10.0.0-alpha.
|
|
39
|
-
"@dhis2/ui-constants": "10.0.0-alpha.
|
|
40
|
-
"@dhis2/ui-icons": "10.0.0-alpha.
|
|
37
|
+
"@dhis2-ui/button": "10.0.0-alpha.7",
|
|
38
|
+
"@dhis2-ui/select": "10.0.0-alpha.7",
|
|
39
|
+
"@dhis2/ui-constants": "10.0.0-alpha.7",
|
|
40
|
+
"@dhis2/ui-icons": "10.0.0-alpha.7",
|
|
41
41
|
"classnames": "^2.3.1",
|
|
42
42
|
"prop-types": "^15.7.2"
|
|
43
43
|
},
|