@dhis2-ui/pagination 9.11.0 → 9.11.1-beta.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/build/cjs/__fixtures__/index.js +8 -15
- package/build/cjs/__tests__/get-item-range.test.js +2 -6
- package/build/cjs/__tests__/page-controls.test.js +2 -7
- package/build/cjs/__tests__/page-select.test.js +3 -11
- package/build/cjs/__tests__/page-size-select.test.js +3 -11
- package/build/cjs/__tests__/page-summary.test.js +2 -8
- package/build/cjs/__tests__/pagination.test.js +8 -15
- package/build/cjs/get-default-page-summary-text.js +1 -9
- package/build/cjs/get-item-range.js +0 -6
- package/build/cjs/index.js +0 -1
- package/build/cjs/locales/index.js +3 -73
- package/build/cjs/page-controls.js +6 -17
- package/build/cjs/page-select.js +5 -17
- package/build/cjs/page-size-select.js +5 -15
- package/build/cjs/page-summary.js +3 -13
- package/build/cjs/pagination.js +2 -19
- package/build/cjs/pagination.prod.stories.js +133 -0
- package/build/es/__tests__/page-controls.test.js +1 -2
- package/build/es/__tests__/page-summary.test.js +1 -2
- package/build/es/__tests__/pagination.test.js +5 -4
- package/build/es/get-default-page-summary-text.js +0 -5
- package/build/es/get-item-range.js +0 -4
- package/build/es/page-controls.js +5 -9
- package/build/es/page-select.js +6 -9
- package/build/es/page-size-select.js +6 -8
- package/build/es/page-summary.js +2 -6
- package/build/es/pagination.js +1 -3
- package/build/es/{pagination.stories.js → pagination.prod.stories.js} +42 -24
- package/package.json +8 -8
- package/build/cjs/pagination.stories.js +0 -140
|
@@ -4,50 +4,43 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.noTotalAtLastPage = exports.noTotal = exports.atTenthPage = exports.atSecondPage = exports.atPageBeforeLast = exports.atLastPage = exports.atFirstPage = void 0;
|
|
7
|
-
const atFirstPage = {
|
|
7
|
+
const atFirstPage = exports.atFirstPage = {
|
|
8
8
|
page: 1,
|
|
9
9
|
pageCount: 21,
|
|
10
10
|
total: 1035,
|
|
11
11
|
pageSize: 50
|
|
12
12
|
};
|
|
13
|
-
exports.
|
|
14
|
-
const atSecondPage = {
|
|
13
|
+
const atSecondPage = exports.atSecondPage = {
|
|
15
14
|
page: 2,
|
|
16
15
|
pageCount: 21,
|
|
17
16
|
total: 1035,
|
|
18
17
|
pageSize: 50
|
|
19
18
|
};
|
|
20
|
-
exports.
|
|
21
|
-
const atTenthPage = {
|
|
19
|
+
const atTenthPage = exports.atTenthPage = {
|
|
22
20
|
page: 10,
|
|
23
21
|
pageCount: 21,
|
|
24
22
|
total: 1035,
|
|
25
23
|
pageSize: 50
|
|
26
24
|
};
|
|
27
|
-
exports.
|
|
28
|
-
const atLastPage = {
|
|
25
|
+
const atLastPage = exports.atLastPage = {
|
|
29
26
|
page: 21,
|
|
30
27
|
pageCount: 21,
|
|
31
28
|
total: 1035,
|
|
32
29
|
pageSize: 50
|
|
33
30
|
};
|
|
34
|
-
exports.
|
|
35
|
-
const atPageBeforeLast = {
|
|
31
|
+
const atPageBeforeLast = exports.atPageBeforeLast = {
|
|
36
32
|
page: 20,
|
|
37
33
|
pageCount: 21,
|
|
38
34
|
total: 1035,
|
|
39
35
|
pageSize: 50
|
|
40
36
|
};
|
|
41
|
-
exports.
|
|
42
|
-
const noTotal = {
|
|
37
|
+
const noTotal = exports.noTotal = {
|
|
43
38
|
page: 3,
|
|
44
39
|
pageSize: 50,
|
|
45
40
|
isLastPage: false
|
|
46
41
|
};
|
|
47
|
-
exports.
|
|
48
|
-
const noTotalAtLastPage = {
|
|
42
|
+
const noTotalAtLastPage = exports.noTotalAtLastPage = {
|
|
49
43
|
page: 4,
|
|
50
44
|
pageSize: 50,
|
|
51
45
|
isLastPage: true
|
|
52
|
-
};
|
|
53
|
-
exports.noTotalAtLastPage = noTotalAtLastPage;
|
|
46
|
+
};
|
|
@@ -1,13 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var mockPagers = _interopRequireWildcard(require("../__fixtures__/index.js"));
|
|
4
|
-
|
|
5
4
|
var _getItemRange = require("../get-item-range.js");
|
|
6
|
-
|
|
7
|
-
function
|
|
8
|
-
|
|
9
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
10
|
-
|
|
5
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
6
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
11
7
|
describe('getItemRange', () => {
|
|
12
8
|
it('calculates the firstItem and lastItem correctly', () => {
|
|
13
9
|
const {
|
|
@@ -1,15 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _enzyme = require("enzyme");
|
|
4
|
-
|
|
5
4
|
var _react = _interopRequireDefault(require("react"));
|
|
6
|
-
|
|
7
5
|
var _pageControls = require("../page-controls.js");
|
|
8
|
-
|
|
9
|
-
function
|
|
10
|
-
|
|
11
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
12
|
-
|
|
6
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
7
|
+
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); }
|
|
13
8
|
describe('<PageControls />', () => {
|
|
14
9
|
const mockOnClick = jest.fn();
|
|
15
10
|
const props = {
|
|
@@ -1,21 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _select = require("@dhis2-ui/select");
|
|
4
|
-
|
|
5
4
|
var _enzyme = require("enzyme");
|
|
6
|
-
|
|
7
5
|
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
|
|
9
6
|
var mockPagers = _interopRequireWildcard(require("../__fixtures__/index.js"));
|
|
10
|
-
|
|
11
7
|
var _pageSelect = require("../page-select.js");
|
|
12
|
-
|
|
13
|
-
function
|
|
14
|
-
|
|
15
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
16
|
-
|
|
17
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
|
-
|
|
8
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
9
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
19
11
|
describe('<PageSelect />', () => {
|
|
20
12
|
const mockOnSelect = jest.fn();
|
|
21
13
|
const props = {
|
|
@@ -1,21 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _select = require("@dhis2-ui/select");
|
|
4
|
-
|
|
5
4
|
var _enzyme = require("enzyme");
|
|
6
|
-
|
|
7
5
|
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
|
|
9
6
|
var mockPagers = _interopRequireWildcard(require("../__fixtures__/index.js"));
|
|
10
|
-
|
|
11
7
|
var _pageSizeSelect = require("../page-size-select.js");
|
|
12
|
-
|
|
13
|
-
function
|
|
14
|
-
|
|
15
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
16
|
-
|
|
17
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
|
-
|
|
8
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
9
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
19
11
|
describe('<PageSizeSelect />', () => {
|
|
20
12
|
const mockOnSelect = jest.fn();
|
|
21
13
|
const props = {
|
|
@@ -1,17 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _enzyme = require("enzyme");
|
|
4
|
-
|
|
5
4
|
var _react = _interopRequireDefault(require("react"));
|
|
6
|
-
|
|
7
5
|
var _pageSummary = require("../page-summary.js");
|
|
8
|
-
|
|
9
6
|
var _pagination = require("../pagination.js");
|
|
10
|
-
|
|
11
|
-
function
|
|
12
|
-
|
|
13
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
|
-
|
|
7
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
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); }
|
|
15
9
|
describe('<PageSummary />', () => {
|
|
16
10
|
const props = {
|
|
17
11
|
dataTest: 'test',
|
|
@@ -1,26 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
require("@testing-library/dom");
|
|
4
|
-
|
|
5
4
|
var _react = require("@testing-library/react");
|
|
6
|
-
|
|
7
5
|
var _react2 = _interopRequireDefault(require("react"));
|
|
8
|
-
|
|
9
6
|
var mockPagers = _interopRequireWildcard(require("../__fixtures__/index.js"));
|
|
10
|
-
|
|
11
7
|
var _pagination = require("../pagination.js");
|
|
12
|
-
|
|
13
|
-
function
|
|
14
|
-
|
|
15
|
-
function
|
|
16
|
-
|
|
17
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
|
-
|
|
19
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
20
|
-
|
|
8
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
9
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
+
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); }
|
|
21
12
|
describe('<Pagination />', () => {
|
|
22
13
|
describe('Pagination with total and totalPages', () => {
|
|
23
|
-
const props = {
|
|
14
|
+
const props = {
|
|
15
|
+
...mockPagers.atTenthPage,
|
|
24
16
|
onPageChange: () => {},
|
|
25
17
|
onPageSizeChange: () => {}
|
|
26
18
|
};
|
|
@@ -156,7 +148,8 @@ describe('<Pagination />', () => {
|
|
|
156
148
|
});
|
|
157
149
|
});
|
|
158
150
|
describe('Pagination without total and totalPages', () => {
|
|
159
|
-
const props = {
|
|
151
|
+
const props = {
|
|
152
|
+
...mockPagers.noTotal,
|
|
160
153
|
pageLength: mockPagers.noTotal.pageSize,
|
|
161
154
|
onPageChange: () => {},
|
|
162
155
|
onPageSizeChange: () => {}
|
|
@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.getDefaultPageSummaryText = void 0;
|
|
7
|
-
|
|
8
7
|
var _index = _interopRequireDefault(require("./locales/index.js"));
|
|
9
|
-
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
|
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
9
|
const isValidNumber = input => typeof input === 'number' && !isNaN(input);
|
|
13
|
-
|
|
14
10
|
const getDefaultPageSummaryText = _ref => {
|
|
15
11
|
let {
|
|
16
12
|
firstItem,
|
|
@@ -19,7 +15,6 @@ const getDefaultPageSummaryText = _ref => {
|
|
|
19
15
|
pageCount,
|
|
20
16
|
total
|
|
21
17
|
} = _ref;
|
|
22
|
-
|
|
23
18
|
if (isValidNumber(total) && isValidNumber(lastItem)) {
|
|
24
19
|
return _index.default.t('Page {{page}} of {{pageCount}}, items {{firstItem}}-{{lastItem}} of {{total}}', {
|
|
25
20
|
page,
|
|
@@ -29,7 +24,6 @@ const getDefaultPageSummaryText = _ref => {
|
|
|
29
24
|
total
|
|
30
25
|
});
|
|
31
26
|
}
|
|
32
|
-
|
|
33
27
|
if (isValidNumber(lastItem)) {
|
|
34
28
|
return _index.default.t('Page {{page}}, items {{firstItem}}-{{lastItem}}', {
|
|
35
29
|
page,
|
|
@@ -37,10 +31,8 @@ const getDefaultPageSummaryText = _ref => {
|
|
|
37
31
|
lastItem
|
|
38
32
|
});
|
|
39
33
|
}
|
|
40
|
-
|
|
41
34
|
return _index.default.t('Page {{page}}', {
|
|
42
35
|
page
|
|
43
36
|
});
|
|
44
37
|
};
|
|
45
|
-
|
|
46
38
|
exports.getDefaultPageSummaryText = getDefaultPageSummaryText;
|
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.getItemRange = void 0;
|
|
7
|
-
|
|
8
7
|
const getItemRange = _ref => {
|
|
9
8
|
let {
|
|
10
9
|
isLastPage,
|
|
@@ -16,7 +15,6 @@ const getItemRange = _ref => {
|
|
|
16
15
|
// page is 1-based
|
|
17
16
|
let firstItem = (page - 1) * pageSize + 1;
|
|
18
17
|
let lastItem = firstItem + pageSize - 1;
|
|
19
|
-
|
|
20
18
|
if (typeof total === 'number') {
|
|
21
19
|
if (total === 0) {
|
|
22
20
|
/*
|
|
@@ -29,20 +27,16 @@ const getItemRange = _ref => {
|
|
|
29
27
|
lastItem = total;
|
|
30
28
|
}
|
|
31
29
|
}
|
|
32
|
-
|
|
33
30
|
if (typeof pageLength === 'number') {
|
|
34
31
|
lastItem = firstItem + pageLength - 1;
|
|
35
32
|
}
|
|
36
|
-
|
|
37
33
|
if (isLastPage && isNaN(total) && isNaN(pageLength)) {
|
|
38
34
|
// impossible to accurately determine the last item
|
|
39
35
|
lastItem = NaN;
|
|
40
36
|
}
|
|
41
|
-
|
|
42
37
|
return {
|
|
43
38
|
firstItem,
|
|
44
39
|
lastItem
|
|
45
40
|
};
|
|
46
41
|
};
|
|
47
|
-
|
|
48
42
|
exports.getItemRange = getItemRange;
|
package/build/cjs/index.js
CHANGED
|
@@ -4,77 +4,41 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
|
|
9
|
-
|
|
10
8
|
var _translations = _interopRequireDefault(require("./ar/translations.json"));
|
|
11
|
-
|
|
12
9
|
var _translations2 = _interopRequireDefault(require("./ar_IQ/translations.json"));
|
|
13
|
-
|
|
14
10
|
var _translations3 = _interopRequireDefault(require("./bn/translations.json"));
|
|
15
|
-
|
|
16
11
|
var _translations4 = _interopRequireDefault(require("./ckb/translations.json"));
|
|
17
|
-
|
|
18
12
|
var _translations5 = _interopRequireDefault(require("./cs/translations.json"));
|
|
19
|
-
|
|
20
13
|
var _translations6 = _interopRequireDefault(require("./da/translations.json"));
|
|
21
|
-
|
|
22
14
|
var _translations7 = _interopRequireDefault(require("./en/translations.json"));
|
|
23
|
-
|
|
24
15
|
var _translations8 = _interopRequireDefault(require("./es/translations.json"));
|
|
25
|
-
|
|
26
16
|
var _translations9 = _interopRequireDefault(require("./es_419/translations.json"));
|
|
27
|
-
|
|
28
17
|
var _translations10 = _interopRequireDefault(require("./fr/translations.json"));
|
|
29
|
-
|
|
30
18
|
var _translations11 = _interopRequireDefault(require("./id/translations.json"));
|
|
31
|
-
|
|
32
19
|
var _translations12 = _interopRequireDefault(require("./km/translations.json"));
|
|
33
|
-
|
|
34
20
|
var _translations13 = _interopRequireDefault(require("./lo/translations.json"));
|
|
35
|
-
|
|
36
21
|
var _translations14 = _interopRequireDefault(require("./my/translations.json"));
|
|
37
|
-
|
|
38
22
|
var _translations15 = _interopRequireDefault(require("./nb/translations.json"));
|
|
39
|
-
|
|
40
23
|
var _translations16 = _interopRequireDefault(require("./nl/translations.json"));
|
|
41
|
-
|
|
42
24
|
var _translations17 = _interopRequireDefault(require("./prs/translations.json"));
|
|
43
|
-
|
|
44
25
|
var _translations18 = _interopRequireDefault(require("./ps/translations.json"));
|
|
45
|
-
|
|
46
26
|
var _translations19 = _interopRequireDefault(require("./pt/translations.json"));
|
|
47
|
-
|
|
48
27
|
var _translations20 = _interopRequireDefault(require("./pt_BR/translations.json"));
|
|
49
|
-
|
|
50
28
|
var _translations21 = _interopRequireDefault(require("./ro/translations.json"));
|
|
51
|
-
|
|
52
29
|
var _translations22 = _interopRequireDefault(require("./ru/translations.json"));
|
|
53
|
-
|
|
54
30
|
var _translations23 = _interopRequireDefault(require("./sv/translations.json"));
|
|
55
|
-
|
|
56
31
|
var _translations24 = _interopRequireDefault(require("./tet/translations.json"));
|
|
57
|
-
|
|
58
32
|
var _translations25 = _interopRequireDefault(require("./tg/translations.json"));
|
|
59
|
-
|
|
60
33
|
var _translations26 = _interopRequireDefault(require("./uk/translations.json"));
|
|
61
|
-
|
|
62
34
|
var _translations27 = _interopRequireDefault(require("./ur/translations.json"));
|
|
63
|
-
|
|
64
35
|
var _translations28 = _interopRequireDefault(require("./uz_Latn/translations.json"));
|
|
65
|
-
|
|
66
36
|
var _translations29 = _interopRequireDefault(require("./uz_UZ_Cyrl/translations.json"));
|
|
67
|
-
|
|
68
37
|
var _translations30 = _interopRequireDefault(require("./uz_UZ_Latn/translations.json"));
|
|
69
|
-
|
|
70
38
|
var _translations31 = _interopRequireDefault(require("./vi/translations.json"));
|
|
71
|
-
|
|
72
39
|
var _translations32 = _interopRequireDefault(require("./zh/translations.json"));
|
|
73
|
-
|
|
74
40
|
var _translations33 = _interopRequireDefault(require("./zh_CN/translations.json"));
|
|
75
|
-
|
|
76
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
77
|
-
|
|
41
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
78
42
|
//------------------------------------------------------------------------------
|
|
79
43
|
// <auto-generated>
|
|
80
44
|
// This code was generated by d2-i18n-generate.
|
|
@@ -83,73 +47,39 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
83
47
|
// the code is regenerated.
|
|
84
48
|
// </auto-generated>
|
|
85
49
|
//------------------------------------------------------------------------------
|
|
86
|
-
const namespace = 'default';
|
|
87
50
|
|
|
51
|
+
const namespace = 'default';
|
|
88
52
|
_d2I18n.default.addResources('ar', namespace, _translations.default);
|
|
89
|
-
|
|
90
53
|
_d2I18n.default.addResources('ar_IQ', namespace, _translations2.default);
|
|
91
|
-
|
|
92
54
|
_d2I18n.default.addResources('bn', namespace, _translations3.default);
|
|
93
|
-
|
|
94
55
|
_d2I18n.default.addResources('ckb', namespace, _translations4.default);
|
|
95
|
-
|
|
96
56
|
_d2I18n.default.addResources('cs', namespace, _translations5.default);
|
|
97
|
-
|
|
98
57
|
_d2I18n.default.addResources('da', namespace, _translations6.default);
|
|
99
|
-
|
|
100
58
|
_d2I18n.default.addResources('en', namespace, _translations7.default);
|
|
101
|
-
|
|
102
59
|
_d2I18n.default.addResources('es', namespace, _translations8.default);
|
|
103
|
-
|
|
104
60
|
_d2I18n.default.addResources('es_419', namespace, _translations9.default);
|
|
105
|
-
|
|
106
61
|
_d2I18n.default.addResources('fr', namespace, _translations10.default);
|
|
107
|
-
|
|
108
62
|
_d2I18n.default.addResources('id', namespace, _translations11.default);
|
|
109
|
-
|
|
110
63
|
_d2I18n.default.addResources('km', namespace, _translations12.default);
|
|
111
|
-
|
|
112
64
|
_d2I18n.default.addResources('lo', namespace, _translations13.default);
|
|
113
|
-
|
|
114
65
|
_d2I18n.default.addResources('my', namespace, _translations14.default);
|
|
115
|
-
|
|
116
66
|
_d2I18n.default.addResources('nb', namespace, _translations15.default);
|
|
117
|
-
|
|
118
67
|
_d2I18n.default.addResources('nl', namespace, _translations16.default);
|
|
119
|
-
|
|
120
68
|
_d2I18n.default.addResources('prs', namespace, _translations17.default);
|
|
121
|
-
|
|
122
69
|
_d2I18n.default.addResources('ps', namespace, _translations18.default);
|
|
123
|
-
|
|
124
70
|
_d2I18n.default.addResources('pt', namespace, _translations19.default);
|
|
125
|
-
|
|
126
71
|
_d2I18n.default.addResources('pt_BR', namespace, _translations20.default);
|
|
127
|
-
|
|
128
72
|
_d2I18n.default.addResources('ro', namespace, _translations21.default);
|
|
129
|
-
|
|
130
73
|
_d2I18n.default.addResources('ru', namespace, _translations22.default);
|
|
131
|
-
|
|
132
74
|
_d2I18n.default.addResources('sv', namespace, _translations23.default);
|
|
133
|
-
|
|
134
75
|
_d2I18n.default.addResources('tet', namespace, _translations24.default);
|
|
135
|
-
|
|
136
76
|
_d2I18n.default.addResources('tg', namespace, _translations25.default);
|
|
137
|
-
|
|
138
77
|
_d2I18n.default.addResources('uk', namespace, _translations26.default);
|
|
139
|
-
|
|
140
78
|
_d2I18n.default.addResources('ur', namespace, _translations27.default);
|
|
141
|
-
|
|
142
79
|
_d2I18n.default.addResources('uz_Latn', namespace, _translations28.default);
|
|
143
|
-
|
|
144
80
|
_d2I18n.default.addResources('uz_UZ_Cyrl', namespace, _translations29.default);
|
|
145
|
-
|
|
146
81
|
_d2I18n.default.addResources('uz_UZ_Latn', namespace, _translations30.default);
|
|
147
|
-
|
|
148
82
|
_d2I18n.default.addResources('vi', namespace, _translations31.default);
|
|
149
|
-
|
|
150
83
|
_d2I18n.default.addResources('zh', namespace, _translations32.default);
|
|
151
|
-
|
|
152
84
|
_d2I18n.default.addResources('zh_CN', namespace, _translations33.default);
|
|
153
|
-
|
|
154
|
-
var _default = _d2I18n.default;
|
|
155
|
-
exports.default = _default;
|
|
85
|
+
var _default = exports.default = _d2I18n.default;
|
|
@@ -4,29 +4,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.PageControls = void 0;
|
|
7
|
-
|
|
8
7
|
var _style = _interopRequireDefault(require("styled-jsx/style"));
|
|
9
|
-
|
|
10
|
-
var _button = require("@dhis2-ui/button");
|
|
11
|
-
|
|
12
8
|
var _uiConstants = require("@dhis2/ui-constants");
|
|
13
|
-
|
|
14
9
|
var _uiIcons = require("@dhis2/ui-icons");
|
|
15
|
-
|
|
10
|
+
var _button = require("@dhis2-ui/button");
|
|
16
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
17
|
-
|
|
18
12
|
var _react = _interopRequireDefault(require("react"));
|
|
19
|
-
|
|
20
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
-
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
22
14
|
const translate = (prop, interpolationObject) => {
|
|
23
15
|
if (typeof prop === 'function') {
|
|
24
16
|
return prop(interpolationObject);
|
|
25
17
|
}
|
|
26
|
-
|
|
27
18
|
return prop;
|
|
28
19
|
};
|
|
29
|
-
|
|
30
20
|
const PageControls = _ref => {
|
|
31
21
|
let {
|
|
32
22
|
dataTest,
|
|
@@ -38,7 +28,7 @@ const PageControls = _ref => {
|
|
|
38
28
|
onClick
|
|
39
29
|
} = _ref;
|
|
40
30
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
41
|
-
"data-test":
|
|
31
|
+
"data-test": `${dataTest}-pagecontrols`,
|
|
42
32
|
className: _style.default.dynamic([["3252926163", [_uiConstants.spacers.dp4]]])
|
|
43
33
|
}, /*#__PURE__*/_react.default.createElement(_button.Button, {
|
|
44
34
|
secondary: true,
|
|
@@ -46,7 +36,7 @@ const PageControls = _ref => {
|
|
|
46
36
|
small: true,
|
|
47
37
|
disabled: isPreviousDisabled,
|
|
48
38
|
onClick: () => onClick(page - 1),
|
|
49
|
-
dataTest:
|
|
39
|
+
dataTest: `${dataTest}-page-previous`
|
|
50
40
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
51
41
|
className: _style.default.dynamic([["3252926163", [_uiConstants.spacers.dp4]]]) + " " + "navigator-icon"
|
|
52
42
|
}, /*#__PURE__*/_react.default.createElement(_uiIcons.IconChevronLeft16, null)), translate(previousPageText)), /*#__PURE__*/_react.default.createElement(_button.Button, {
|
|
@@ -55,15 +45,14 @@ const PageControls = _ref => {
|
|
|
55
45
|
small: true,
|
|
56
46
|
disabled: isNextDisabled,
|
|
57
47
|
onClick: () => onClick(page + 1),
|
|
58
|
-
dataTest:
|
|
48
|
+
dataTest: `${dataTest}-page-next`
|
|
59
49
|
}, translate(nextPageText), /*#__PURE__*/_react.default.createElement("div", {
|
|
60
50
|
className: _style.default.dynamic([["3252926163", [_uiConstants.spacers.dp4]]]) + " " + "navigator-icon"
|
|
61
51
|
}, /*#__PURE__*/_react.default.createElement(_uiIcons.IconChevronRight16, null))), /*#__PURE__*/_react.default.createElement(_style.default, {
|
|
62
52
|
id: "3252926163",
|
|
63
53
|
dynamic: [_uiConstants.spacers.dp4]
|
|
64
|
-
}, ["div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", "div.__jsx-style-dynamic-selector .button-previous{height:32px;padding-inline-start:0;}",
|
|
54
|
+
}, ["div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", "div.__jsx-style-dynamic-selector .button-previous{height:32px;padding-inline-start:0;}", `div.__jsx-style-dynamic-selector .button-next{height:32px;padding-inline-end:0;margin-inline-start:${_uiConstants.spacers.dp4};}`, "div.__jsx-style-dynamic-selector .navigator-icon.__jsx-style-dynamic-selector:dir(rtl){-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}"]));
|
|
65
55
|
};
|
|
66
|
-
|
|
67
56
|
exports.PageControls = PageControls;
|
|
68
57
|
PageControls.propTypes = {
|
|
69
58
|
dataTest: _propTypes.default.string.isRequired,
|
package/build/cjs/page-select.js
CHANGED
|
@@ -4,34 +4,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.createAvailablePages = exports.PageSelect = void 0;
|
|
7
|
-
|
|
8
7
|
var _style = _interopRequireDefault(require("styled-jsx/style"));
|
|
9
|
-
|
|
10
|
-
var _select = require("@dhis2-ui/select");
|
|
11
|
-
|
|
12
8
|
var _uiConstants = require("@dhis2/ui-constants");
|
|
13
|
-
|
|
9
|
+
var _select = require("@dhis2-ui/select");
|
|
14
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
|
|
16
11
|
var _react = _interopRequireDefault(require("react"));
|
|
17
|
-
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
20
13
|
// TODO: i18n translate
|
|
21
14
|
const translate = (prop, interpolationObject) => {
|
|
22
15
|
if (typeof prop === 'function') {
|
|
23
16
|
return prop(interpolationObject);
|
|
24
17
|
}
|
|
25
|
-
|
|
26
18
|
return prop;
|
|
27
19
|
};
|
|
28
|
-
|
|
29
20
|
const createAvailablePages = length => Array.from({
|
|
30
21
|
length
|
|
31
22
|
}, (_x, i) => (i + 1).toString());
|
|
32
|
-
|
|
33
23
|
exports.createAvailablePages = createAvailablePages;
|
|
34
|
-
|
|
35
24
|
const PageSelect = _ref => {
|
|
36
25
|
let {
|
|
37
26
|
dataTest,
|
|
@@ -42,7 +31,7 @@ const PageSelect = _ref => {
|
|
|
42
31
|
pageCount
|
|
43
32
|
} = _ref;
|
|
44
33
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
45
|
-
"data-test":
|
|
34
|
+
"data-test": `${dataTest}-gotopage`,
|
|
46
35
|
className: _style.default.dynamic([["599400768", [_uiConstants.spacers.dp12]]])
|
|
47
36
|
}, /*#__PURE__*/_react.default.createElement(_select.SingleSelect, {
|
|
48
37
|
dense: true,
|
|
@@ -55,7 +44,7 @@ const PageSelect = _ref => {
|
|
|
55
44
|
return onChange(parseInt(selected, 10));
|
|
56
45
|
},
|
|
57
46
|
className: "select",
|
|
58
|
-
dataTest:
|
|
47
|
+
dataTest: `${dataTest}-page-select`,
|
|
59
48
|
prefix: translate(pageSelectText)
|
|
60
49
|
}, createAvailablePages(pageCount).map(availablePage => /*#__PURE__*/_react.default.createElement(_select.SingleSelectOption, {
|
|
61
50
|
key: availablePage,
|
|
@@ -64,9 +53,8 @@ const PageSelect = _ref => {
|
|
|
64
53
|
}))), /*#__PURE__*/_react.default.createElement(_style.default, {
|
|
65
54
|
id: "599400768",
|
|
66
55
|
dynamic: [_uiConstants.spacers.dp12]
|
|
67
|
-
}, [
|
|
56
|
+
}, [`div.__jsx-style-dynamic-selector{margin-inline-end:${_uiConstants.spacers.dp12};}`]));
|
|
68
57
|
};
|
|
69
|
-
|
|
70
58
|
exports.PageSelect = PageSelect;
|
|
71
59
|
PageSelect.propTypes = {
|
|
72
60
|
dataTest: _propTypes.default.string.isRequired,
|