@semcore/pagination 4.53.0-prerelease.1 → 4.53.0-prerelease.5
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/lib/cjs/Pagination.js +152 -159
- package/lib/cjs/Pagination.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/index.js +1 -1
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/style/pagination.shadow.css +1 -1
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +4 -5
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/Pagination.js +147 -153
- package/lib/es6/Pagination.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/style/pagination.shadow.css +1 -1
- package/lib/es6/translations/__intergalactic-dynamic-locales.js +2 -2
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/esm/Pagination.mjs +142 -150
- package/lib/esm/style/pagination.shadow.css +1 -1
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +2 -2
- package/lib/types/index.d.ts +10 -17
- package/package.json +11 -11
package/lib/cjs/Pagination.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
@@ -10,69 +10,58 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
|
10
10
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
11
11
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
12
12
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
var
|
|
13
|
+
var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
|
|
14
14
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
-
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
16
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
17
|
-
var
|
|
18
|
-
var
|
|
19
|
-
var _react = _interopRequireDefault(require("react"));
|
|
20
|
-
var _flexBox = require("@semcore/flex-box");
|
|
21
|
-
var _inputNumber = _interopRequireDefault(require("@semcore/input-number"));
|
|
22
|
-
var _typography = require("@semcore/typography");
|
|
16
|
+
var _core = require("@semcore/core");
|
|
17
|
+
var _baseComponents = require("@semcore/base-components");
|
|
23
18
|
var _button = _interopRequireWildcard(require("@semcore/button"));
|
|
24
|
-
var
|
|
19
|
+
var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
|
|
20
|
+
var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
|
|
25
21
|
var _m = _interopRequireDefault(require("@semcore/icon/ChevronDoubleLeft/m"));
|
|
26
|
-
var
|
|
27
|
-
var
|
|
22
|
+
var _inputNumber = _interopRequireDefault(require("@semcore/input-number"));
|
|
23
|
+
var _typography = require("@semcore/typography");
|
|
24
|
+
var _react = _interopRequireDefault(require("react"));
|
|
28
25
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
29
26
|
var _excluded = ["styles", "getI18nText", "totalPages", "isLastOrSingle", "children"];
|
|
30
27
|
/*!__reshadow-styles__:"./style/pagination.shadow.css"*/
|
|
31
|
-
var style = (
|
|
28
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SPagination_1ivrt_gg_{justify-content:flex-start;align-items:center}.___SPagination_1ivrt_gg_.__withGap_1ivrt_gg_{gap:var(--intergalactic-spacing-4x, 16px)}.___SPagination_1ivrt_gg_.__withGap_1ivrt_gg_._size_l_1ivrt_gg_{gap:var(--intergalactic-spacing-5x, 20px)}.___SNextPage_1ivrt_gg_,.___SPrevPage_1ivrt_gg_{align-self:center;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SNextPage_1ivrt_gg_._size_l_1ivrt_gg_,.___SPrevPage_1ivrt_gg_._size_l_1ivrt_gg_{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SLabel_1ivrt_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SLabel_1ivrt_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-4x, 16px)}.___SLabel_1ivrt_gg_._size_l_1ivrt_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-5x, 20px)}.___STotalPages_1ivrt_gg_{align-self:center;line-height:normal;color:var(--intergalactic-text-link, rgb(35, 95, 226))}.___STotalPagesLabel_1ivrt_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-1x, 4px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___STotalLastPages_1ivrt_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___STotalLastPages_1ivrt_gg_._size_l_1ivrt_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SPageInput_1ivrt_gg_{max-width:68px;margin-left:var(--intergalactic-spacing-1x, 4px)}.___SPageInput_1ivrt_gg_._size_l_1ivrt_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SPageInput_1ivrt_gg_:focus-within .___SPageInputAddon_1ivrt_gg_{opacity:1;clip:initial;position:static}.___SPageInputAddon_1ivrt_gg_{opacity:0;clip:rect(1px,1px,1px,1px);position:absolute}.___SLabel_1ivrt_gg_,.___STotalPagesLabel_1ivrt_gg_,.___STotalPages_1ivrt_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SLabel_1ivrt_gg_._size_l_1ivrt_gg_,.___STotalPagesLabel_1ivrt_gg_._size_l_1ivrt_gg_,.___STotalPages_1ivrt_gg_._size_l_1ivrt_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}", /*__inner_css_end__*/"1ivrt_gg_"),
|
|
32
29
|
/*__reshadow_css_end__*/
|
|
33
30
|
{
|
|
34
|
-
"__SPagination": "
|
|
35
|
-
"__SLabel": "
|
|
36
|
-
"_size_l": "
|
|
37
|
-
"__STotalPages": "
|
|
38
|
-
"__STotalPagesLabel": "
|
|
39
|
-
"__SPageInput": "
|
|
40
|
-
"__SPageInputAddon": "
|
|
41
|
-
"_withGap": "
|
|
42
|
-
"__SNextPage": "
|
|
43
|
-
"__SPrevPage": "
|
|
44
|
-
"__STotalLastPages": "
|
|
31
|
+
"__SPagination": "___SPagination_1ivrt_gg_",
|
|
32
|
+
"__SLabel": "___SLabel_1ivrt_gg_",
|
|
33
|
+
"_size_l": "_size_l_1ivrt_gg_",
|
|
34
|
+
"__STotalPages": "___STotalPages_1ivrt_gg_",
|
|
35
|
+
"__STotalPagesLabel": "___STotalPagesLabel_1ivrt_gg_",
|
|
36
|
+
"__SPageInput": "___SPageInput_1ivrt_gg_",
|
|
37
|
+
"__SPageInputAddon": "___SPageInputAddon_1ivrt_gg_",
|
|
38
|
+
"_withGap": "__withGap_1ivrt_gg_",
|
|
39
|
+
"__SNextPage": "___SNextPage_1ivrt_gg_",
|
|
40
|
+
"__SPrevPage": "___SPrevPage_1ivrt_gg_",
|
|
41
|
+
"__STotalLastPages": "___STotalLastPages_1ivrt_gg_"
|
|
45
42
|
});
|
|
46
43
|
var PaginationRoot = /*#__PURE__*/function (_Component) {
|
|
47
|
-
(0, _inherits2["default"])(PaginationRoot, _Component);
|
|
48
|
-
var _super = (0, _createSuper2["default"])(PaginationRoot);
|
|
49
44
|
function PaginationRoot() {
|
|
50
45
|
var _this;
|
|
51
46
|
(0, _classCallCheck2["default"])(this, PaginationRoot);
|
|
52
47
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
53
48
|
args[_key] = arguments[_key];
|
|
54
49
|
}
|
|
55
|
-
_this =
|
|
56
|
-
(0, _defineProperty2["default"])(
|
|
57
|
-
(0, _defineProperty2["default"])(
|
|
58
|
-
(0, _defineProperty2["default"])(
|
|
50
|
+
_this = (0, _callSuper2["default"])(this, PaginationRoot, [].concat(args));
|
|
51
|
+
(0, _defineProperty2["default"])(_this, "nextPageButtonRef", /*#__PURE__*/_react["default"].createRef());
|
|
52
|
+
(0, _defineProperty2["default"])(_this, "prevPageButtonRef", /*#__PURE__*/_react["default"].createRef());
|
|
53
|
+
(0, _defineProperty2["default"])(_this, "state", {
|
|
59
54
|
// Crutch, so as not to take out `dirtyCurrentPage` in props
|
|
60
55
|
dirtyCurrentPage: undefined
|
|
61
56
|
});
|
|
62
|
-
(0, _defineProperty2["default"])(
|
|
63
|
-
(0, _defineProperty2["default"])(
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
if (prevPageButton && !prevPageButton.disabled) {
|
|
69
|
-
prevPageButton.focus();
|
|
70
|
-
} else if (nextPageButton && !nextPageButton.disabled) {
|
|
71
|
-
nextPageButton.focus();
|
|
72
|
-
}
|
|
73
|
-
}, 0);
|
|
57
|
+
(0, _defineProperty2["default"])(_this, "pageInputAddonRef", /*#__PURE__*/_react["default"].createRef());
|
|
58
|
+
(0, _defineProperty2["default"])(_this, "returnLostFocusTo", function (ref) {
|
|
59
|
+
requestAnimationFrame(function () {
|
|
60
|
+
var _ref$current;
|
|
61
|
+
(_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.focus();
|
|
62
|
+
});
|
|
74
63
|
});
|
|
75
|
-
(0, _defineProperty2["default"])(
|
|
64
|
+
(0, _defineProperty2["default"])(_this, "handlePageChange", function (currentPage) {
|
|
76
65
|
currentPage = Number(currentPage);
|
|
77
66
|
if (Number.isNaN(currentPage)) {
|
|
78
67
|
return;
|
|
@@ -81,9 +70,8 @@ var PaginationRoot = /*#__PURE__*/function (_Component) {
|
|
|
81
70
|
_this.setState({
|
|
82
71
|
dirtyCurrentPage: undefined
|
|
83
72
|
});
|
|
84
|
-
_this.returnLostFocus();
|
|
85
73
|
});
|
|
86
|
-
(0, _defineProperty2["default"])(
|
|
74
|
+
(0, _defineProperty2["default"])(_this, "handlePageValueChange", function (value) {
|
|
87
75
|
var dirtyCurrentPage = _this.state.dirtyCurrentPage;
|
|
88
76
|
if (Number.isNaN(Number(value))) {
|
|
89
77
|
value = dirtyCurrentPage;
|
|
@@ -92,7 +80,7 @@ var PaginationRoot = /*#__PURE__*/function (_Component) {
|
|
|
92
80
|
dirtyCurrentPage: value
|
|
93
81
|
});
|
|
94
82
|
});
|
|
95
|
-
(0, _defineProperty2["default"])(
|
|
83
|
+
(0, _defineProperty2["default"])(_this, "handlePageValueBlur", function () {
|
|
96
84
|
setTimeout(function () {
|
|
97
85
|
if (_this.pageInputAddonRef.current !== document.activeElement) {
|
|
98
86
|
var currentPage = _this.asProps.currentPage;
|
|
@@ -102,23 +90,18 @@ var PaginationRoot = /*#__PURE__*/function (_Component) {
|
|
|
102
90
|
}
|
|
103
91
|
}, 0);
|
|
104
92
|
});
|
|
105
|
-
(0, _defineProperty2["default"])(
|
|
93
|
+
(0, _defineProperty2["default"])(_this, "getDirtyCurrentPage", function () {
|
|
106
94
|
var dirtyCurrentPage = _this.state.dirtyCurrentPage;
|
|
107
95
|
var totalPages = _this.asProps.totalPages;
|
|
108
96
|
var finalValue = dirtyCurrentPage > totalPages ? totalPages : dirtyCurrentPage;
|
|
109
97
|
return finalValue <= 0 ? 1 : finalValue;
|
|
110
98
|
});
|
|
111
|
-
|
|
112
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlePageInputIconClick", function () {
|
|
113
|
-
var dirtyCurrentPage = _this.getDirtyCurrentPage();
|
|
114
|
-
_this.handlePageChange(dirtyCurrentPage);
|
|
115
|
-
});
|
|
116
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlePageInputKeyDown", function (event) {
|
|
99
|
+
(0, _defineProperty2["default"])(_this, "handlePageInputKeyDown", function (event) {
|
|
117
100
|
if (event.key !== 'Enter') return;
|
|
118
101
|
var dirtyCurrentPage = _this.getDirtyCurrentPage();
|
|
119
102
|
_this.handlePageChange(dirtyCurrentPage);
|
|
120
103
|
});
|
|
121
|
-
(0, _defineProperty2["default"])(
|
|
104
|
+
(0, _defineProperty2["default"])(_this, "getFirstPageProps", function () {
|
|
122
105
|
var _this$asProps = _this.asProps,
|
|
123
106
|
currentPage = _this$asProps.currentPage,
|
|
124
107
|
getI18nText = _this$asProps.getI18nText,
|
|
@@ -127,13 +110,14 @@ var PaginationRoot = /*#__PURE__*/function (_Component) {
|
|
|
127
110
|
return {
|
|
128
111
|
disabled: disabled,
|
|
129
112
|
onClick: function onClick() {
|
|
130
|
-
|
|
113
|
+
_this.handlePageChange(1);
|
|
114
|
+
_this.returnLostFocusTo(_this.nextPageButtonRef);
|
|
131
115
|
},
|
|
132
116
|
getI18nText: getI18nText,
|
|
133
117
|
size: size
|
|
134
118
|
};
|
|
135
119
|
});
|
|
136
|
-
(0, _defineProperty2["default"])(
|
|
120
|
+
(0, _defineProperty2["default"])(_this, "getPrevPageProps", function () {
|
|
137
121
|
var _this$asProps2 = _this.asProps,
|
|
138
122
|
currentPage = _this$asProps2.currentPage,
|
|
139
123
|
getI18nText = _this$asProps2.getI18nText,
|
|
@@ -143,32 +127,40 @@ var PaginationRoot = /*#__PURE__*/function (_Component) {
|
|
|
143
127
|
currentPage: currentPage,
|
|
144
128
|
disabled: disabled,
|
|
145
129
|
onClick: function onClick() {
|
|
146
|
-
|
|
130
|
+
var followingPage = currentPage - 1;
|
|
131
|
+
_this.handlePageChange(followingPage);
|
|
132
|
+
if (followingPage <= 1) {
|
|
133
|
+
_this.returnLostFocusTo(_this.nextPageButtonRef);
|
|
134
|
+
}
|
|
147
135
|
},
|
|
148
136
|
getI18nText: getI18nText,
|
|
149
|
-
ref: _this.
|
|
137
|
+
ref: _this.prevPageButtonRef,
|
|
150
138
|
size: size
|
|
151
139
|
};
|
|
152
140
|
});
|
|
153
|
-
(0, _defineProperty2["default"])(
|
|
141
|
+
(0, _defineProperty2["default"])(_this, "getNextPageProps", function () {
|
|
154
142
|
var _this$asProps3 = _this.asProps,
|
|
155
143
|
currentPage = _this$asProps3.currentPage,
|
|
156
144
|
totalPages = _this$asProps3.totalPages,
|
|
157
145
|
getI18nText = _this$asProps3.getI18nText,
|
|
158
146
|
size = _this$asProps3.size;
|
|
159
|
-
var disabled =
|
|
147
|
+
var disabled = currentPage >= totalPages;
|
|
160
148
|
return {
|
|
161
149
|
currentPage: currentPage,
|
|
162
150
|
disabled: disabled,
|
|
163
151
|
onClick: function onClick() {
|
|
164
|
-
|
|
152
|
+
var followingPage = currentPage + 1;
|
|
153
|
+
_this.handlePageChange(followingPage);
|
|
154
|
+
if (followingPage >= totalPages) {
|
|
155
|
+
_this.returnLostFocusTo(_this.prevPageButtonRef);
|
|
156
|
+
}
|
|
165
157
|
},
|
|
166
158
|
getI18nText: getI18nText,
|
|
167
|
-
ref: _this.
|
|
159
|
+
ref: _this.nextPageButtonRef,
|
|
168
160
|
size: size
|
|
169
161
|
};
|
|
170
162
|
});
|
|
171
|
-
(0, _defineProperty2["default"])(
|
|
163
|
+
(0, _defineProperty2["default"])(_this, "getPageInputProps", function () {
|
|
172
164
|
var _this$asProps4 = _this.asProps,
|
|
173
165
|
getI18nText = _this$asProps4.getI18nText,
|
|
174
166
|
locale = _this$asProps4.locale,
|
|
@@ -176,18 +168,17 @@ var PaginationRoot = /*#__PURE__*/function (_Component) {
|
|
|
176
168
|
return {
|
|
177
169
|
getI18nText: getI18nText,
|
|
178
170
|
locale: locale,
|
|
179
|
-
size: size
|
|
171
|
+
size: size,
|
|
172
|
+
paginationInputId: _this.paginationInputId
|
|
180
173
|
};
|
|
181
174
|
});
|
|
182
|
-
|
|
183
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getPageInputAddonProps", function () {
|
|
175
|
+
(0, _defineProperty2["default"])(_this, "getPageInputAddonProps", function () {
|
|
184
176
|
return {
|
|
185
|
-
onClick: _this.handlePageInputIconClick,
|
|
186
177
|
ref: _this.pageInputAddonRef,
|
|
187
178
|
onBlur: _this.handlePageValueBlur
|
|
188
179
|
};
|
|
189
180
|
});
|
|
190
|
-
(0, _defineProperty2["default"])(
|
|
181
|
+
(0, _defineProperty2["default"])(_this, "getPageInputValueProps", function () {
|
|
191
182
|
var dirtyCurrentPage = _this.state.dirtyCurrentPage;
|
|
192
183
|
var _this$asProps5 = _this.asProps,
|
|
193
184
|
currentPage = _this$asProps5.currentPage,
|
|
@@ -203,10 +194,11 @@ var PaginationRoot = /*#__PURE__*/function (_Component) {
|
|
|
203
194
|
onChange: _this.handlePageValueChange,
|
|
204
195
|
onKeyDown: _this.handlePageInputKeyDown,
|
|
205
196
|
getI18nText: getI18nText,
|
|
206
|
-
size: size
|
|
197
|
+
size: size,
|
|
198
|
+
id: _this.paginationInputId
|
|
207
199
|
};
|
|
208
200
|
});
|
|
209
|
-
(0, _defineProperty2["default"])(
|
|
201
|
+
(0, _defineProperty2["default"])(_this, "getTotalPagesProps", function () {
|
|
210
202
|
var _this$asProps6 = _this.asProps,
|
|
211
203
|
currentPage = _this$asProps6.currentPage,
|
|
212
204
|
totalPages = _this$asProps6.totalPages,
|
|
@@ -221,7 +213,8 @@ var PaginationRoot = /*#__PURE__*/function (_Component) {
|
|
|
221
213
|
children: formatter.format(totalPages),
|
|
222
214
|
isLastOrSingle: currentPage === totalPages,
|
|
223
215
|
onClick: function onClick() {
|
|
224
|
-
|
|
216
|
+
_this.handlePageChange(totalPages);
|
|
217
|
+
_this.returnLostFocusTo(_this.prevPageButtonRef);
|
|
225
218
|
},
|
|
226
219
|
getI18nText: getI18nText,
|
|
227
220
|
size: size
|
|
@@ -229,7 +222,8 @@ var PaginationRoot = /*#__PURE__*/function (_Component) {
|
|
|
229
222
|
});
|
|
230
223
|
return _this;
|
|
231
224
|
}
|
|
232
|
-
(0,
|
|
225
|
+
(0, _inherits2["default"])(PaginationRoot, _Component);
|
|
226
|
+
return (0, _createClass2["default"])(PaginationRoot, [{
|
|
233
227
|
key: "uncontrolledProps",
|
|
234
228
|
value: function uncontrolledProps() {
|
|
235
229
|
return {
|
|
@@ -246,12 +240,18 @@ var PaginationRoot = /*#__PURE__*/function (_Component) {
|
|
|
246
240
|
});
|
|
247
241
|
}
|
|
248
242
|
}
|
|
243
|
+
}, {
|
|
244
|
+
key: "paginationInputId",
|
|
245
|
+
get: function get() {
|
|
246
|
+
var uid = this.asProps.uid;
|
|
247
|
+
return "pagination-input-".concat(uid);
|
|
248
|
+
}
|
|
249
249
|
}, {
|
|
250
250
|
key: "render",
|
|
251
251
|
value: function render() {
|
|
252
252
|
var _ref = this.asProps,
|
|
253
253
|
_ref9;
|
|
254
|
-
var SPagination =
|
|
254
|
+
var SPagination = _baseComponents.Flex;
|
|
255
255
|
var _this$asProps7 = this.asProps,
|
|
256
256
|
Children = _this$asProps7.Children,
|
|
257
257
|
hasChildren = _this$asProps7.children,
|
|
@@ -264,15 +264,14 @@ var PaginationRoot = /*#__PURE__*/function (_Component) {
|
|
|
264
264
|
"withGap": !hasChildren,
|
|
265
265
|
"tag": 'nav',
|
|
266
266
|
"aria-label": getI18nText('pagination')
|
|
267
|
-
}, _ref))), hasChildren ? /*#__PURE__*/_react["default"].createElement(Children, _ref9.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, totalPages === 1 ? null : /*#__PURE__*/_react["default"].createElement(
|
|
267
|
+
}, _ref))), hasChildren ? /*#__PURE__*/_react["default"].createElement(Children, _ref9.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, totalPages === 1 ? null : /*#__PURE__*/_react["default"].createElement(_baseComponents.Flex, _ref9.cn("Flex", {}), /*#__PURE__*/_react["default"].createElement(Pagination.FirstPage, null), /*#__PURE__*/_react["default"].createElement(Pagination.PrevPage, null), /*#__PURE__*/_react["default"].createElement(Pagination.NextPage, null)), /*#__PURE__*/_react["default"].createElement(_baseComponents.Flex, _ref9.cn("Flex", {
|
|
268
268
|
"alignItems": 'center'
|
|
269
|
-
}), /*#__PURE__*/_react["default"].createElement(Pagination.PageInput, null), /*#__PURE__*/_react["default"].createElement(Pagination.TotalPages, null))), /*#__PURE__*/_react["default"].createElement(
|
|
269
|
+
}), /*#__PURE__*/_react["default"].createElement(Pagination.PageInput, null), /*#__PURE__*/_react["default"].createElement(Pagination.TotalPages, null))), /*#__PURE__*/_react["default"].createElement(_baseComponents.ScreenReaderOnly, _ref9.cn("ScreenReaderOnly", {
|
|
270
270
|
"aria-live": 'polite',
|
|
271
271
|
"role": 'status'
|
|
272
|
-
}), getI18nText('pageInputLabel'),
|
|
272
|
+
}), getI18nText('pageInputLabel'), ' ', currentPage));
|
|
273
273
|
}
|
|
274
274
|
}]);
|
|
275
|
-
return PaginationRoot;
|
|
276
275
|
}(_core.Component);
|
|
277
276
|
(0, _defineProperty2["default"])(PaginationRoot, "displayName", 'Pagination');
|
|
278
277
|
(0, _defineProperty2["default"])(PaginationRoot, "defaultProps", function () {
|
|
@@ -285,54 +284,57 @@ var PaginationRoot = /*#__PURE__*/function (_Component) {
|
|
|
285
284
|
};
|
|
286
285
|
});
|
|
287
286
|
(0, _defineProperty2["default"])(PaginationRoot, "style", style);
|
|
288
|
-
(0, _defineProperty2["default"])(PaginationRoot, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
|
|
287
|
+
(0, _defineProperty2["default"])(PaginationRoot, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages), (0, _uniqueID["default"])()]);
|
|
289
288
|
var FirstPage = /*#__PURE__*/function (_Component2) {
|
|
290
|
-
(0, _inherits2["default"])(FirstPage, _Component2);
|
|
291
|
-
var _super2 = (0, _createSuper2["default"])(FirstPage);
|
|
292
289
|
function FirstPage() {
|
|
290
|
+
var _this2;
|
|
293
291
|
(0, _classCallCheck2["default"])(this, FirstPage);
|
|
294
|
-
|
|
292
|
+
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
293
|
+
args[_key2] = arguments[_key2];
|
|
294
|
+
}
|
|
295
|
+
_this2 = (0, _callSuper2["default"])(this, FirstPage, [].concat(args));
|
|
296
|
+
(0, _defineProperty2["default"])(_this2, "buttonRef", /*#__PURE__*/_react["default"].createRef());
|
|
297
|
+
return _this2;
|
|
295
298
|
}
|
|
296
|
-
(0,
|
|
299
|
+
(0, _inherits2["default"])(FirstPage, _Component2);
|
|
300
|
+
return (0, _createClass2["default"])(FirstPage, [{
|
|
297
301
|
key: "render",
|
|
298
302
|
value: function render() {
|
|
299
303
|
var _ref2 = this.asProps;
|
|
300
|
-
var
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
+
var _this$asProps8 = this.asProps,
|
|
305
|
+
getI18nText = _this$asProps8.getI18nText,
|
|
306
|
+
Children = _this$asProps8.Children,
|
|
307
|
+
children = _this$asProps8.children,
|
|
308
|
+
disabled = _this$asProps8.disabled;
|
|
309
|
+
var hintContent = getI18nText('firstPage');
|
|
310
|
+
var isAdvanced = children !== undefined;
|
|
311
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_button["default"], (0, _core.assignProps)({
|
|
312
|
+
"aria-label": getI18nText('firstPage'),
|
|
313
|
+
"ref": this.buttonRef
|
|
314
|
+
}, _ref2), isAdvanced ? /*#__PURE__*/_react["default"].createElement(Children, null) : /*#__PURE__*/_react["default"].createElement(_button["default"].Addon, {
|
|
315
|
+
tag: _m["default"]
|
|
316
|
+
})), !isAdvanced && /*#__PURE__*/_react["default"].createElement(_baseComponents.Hint, {
|
|
317
|
+
triggerRef: this.buttonRef,
|
|
318
|
+
timeout: [250, 50]
|
|
319
|
+
}, hintContent));
|
|
304
320
|
}
|
|
305
321
|
}]);
|
|
306
|
-
return FirstPage;
|
|
307
322
|
}(_core.Component);
|
|
308
|
-
(0, _defineProperty2["default"])(FirstPage, "defaultProps", function (props) {
|
|
309
|
-
var hintContent = props.getI18nText('firstPage');
|
|
310
|
-
return {
|
|
311
|
-
children: /*#__PURE__*/_react["default"].createElement(_button["default"].Addon, {
|
|
312
|
-
tag: _tooltip.Hint,
|
|
313
|
-
title: hintContent,
|
|
314
|
-
timeout: [250, 50],
|
|
315
|
-
__excludeProps: ['aria-label']
|
|
316
|
-
}, /*#__PURE__*/_react["default"].createElement(_m["default"], null))
|
|
317
|
-
};
|
|
318
|
-
});
|
|
319
323
|
var PrevPage = /*#__PURE__*/function (_Component3) {
|
|
320
|
-
(0, _inherits2["default"])(PrevPage, _Component3);
|
|
321
|
-
var _super3 = (0, _createSuper2["default"])(PrevPage);
|
|
322
324
|
function PrevPage() {
|
|
323
325
|
(0, _classCallCheck2["default"])(this, PrevPage);
|
|
324
|
-
return
|
|
326
|
+
return (0, _callSuper2["default"])(this, PrevPage, arguments);
|
|
325
327
|
}
|
|
326
|
-
(0,
|
|
328
|
+
(0, _inherits2["default"])(PrevPage, _Component3);
|
|
329
|
+
return (0, _createClass2["default"])(PrevPage, [{
|
|
327
330
|
key: "render",
|
|
328
331
|
value: function render() {
|
|
329
332
|
var _ref3 = this.asProps,
|
|
330
|
-
|
|
333
|
+
_ref0;
|
|
331
334
|
var SPrevPage = _button["default"];
|
|
332
|
-
return
|
|
335
|
+
return _ref0 = (0, _core.sstyled)(this.asProps.styles), /*#__PURE__*/_react["default"].createElement(SPrevPage, _ref0.cn("SPrevPage", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
|
|
333
336
|
}
|
|
334
337
|
}]);
|
|
335
|
-
return PrevPage;
|
|
336
338
|
}(_core.Component);
|
|
337
339
|
(0, _defineProperty2["default"])(PrevPage, "defaultProps", function (props) {
|
|
338
340
|
return {
|
|
@@ -340,25 +342,23 @@ var PrevPage = /*#__PURE__*/function (_Component3) {
|
|
|
340
342
|
};
|
|
341
343
|
});
|
|
342
344
|
var NextPage = /*#__PURE__*/function (_Component4) {
|
|
343
|
-
(0, _inherits2["default"])(NextPage, _Component4);
|
|
344
|
-
var _super4 = (0, _createSuper2["default"])(NextPage);
|
|
345
345
|
function NextPage() {
|
|
346
346
|
(0, _classCallCheck2["default"])(this, NextPage);
|
|
347
|
-
return
|
|
347
|
+
return (0, _callSuper2["default"])(this, NextPage, arguments);
|
|
348
348
|
}
|
|
349
|
-
(0,
|
|
349
|
+
(0, _inherits2["default"])(NextPage, _Component4);
|
|
350
|
+
return (0, _createClass2["default"])(NextPage, [{
|
|
350
351
|
key: "render",
|
|
351
352
|
value: function render() {
|
|
352
353
|
var _ref4 = this.asProps,
|
|
353
|
-
|
|
354
|
+
_ref1;
|
|
354
355
|
var SNextPage = _button["default"];
|
|
355
|
-
return
|
|
356
|
+
return _ref1 = (0, _core.sstyled)(this.asProps.styles), /*#__PURE__*/_react["default"].createElement(SNextPage, _ref1.cn("SNextPage", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
356
357
|
"use": 'primary',
|
|
357
358
|
"theme": 'info'
|
|
358
359
|
}, _ref4))));
|
|
359
360
|
}
|
|
360
361
|
}]);
|
|
361
|
-
return NextPage;
|
|
362
362
|
}(_core.Component);
|
|
363
363
|
(0, _defineProperty2["default"])(NextPage, "defaultProps", function (props) {
|
|
364
364
|
return {
|
|
@@ -366,97 +366,91 @@ var NextPage = /*#__PURE__*/function (_Component4) {
|
|
|
366
366
|
};
|
|
367
367
|
});
|
|
368
368
|
var TotalPages = /*#__PURE__*/function (_Component5) {
|
|
369
|
-
(0, _inherits2["default"])(TotalPages, _Component5);
|
|
370
|
-
var _super5 = (0, _createSuper2["default"])(TotalPages);
|
|
371
369
|
function TotalPages() {
|
|
372
370
|
(0, _classCallCheck2["default"])(this, TotalPages);
|
|
373
|
-
return
|
|
371
|
+
return (0, _callSuper2["default"])(this, TotalPages, arguments);
|
|
374
372
|
}
|
|
375
|
-
(0,
|
|
373
|
+
(0, _inherits2["default"])(TotalPages, _Component5);
|
|
374
|
+
return (0, _createClass2["default"])(TotalPages, [{
|
|
376
375
|
key: "render",
|
|
377
376
|
value: function render() {
|
|
378
377
|
var _ref5 = this.asProps,
|
|
379
|
-
|
|
378
|
+
_ref10;
|
|
380
379
|
var STotalPages = _button.ButtonLink;
|
|
381
380
|
var STotalPagesLabel = _typography.Text;
|
|
382
381
|
var STotalLastPages = _typography.Text;
|
|
383
|
-
var _this$
|
|
384
|
-
styles = _this$
|
|
385
|
-
getI18nText = _this$
|
|
386
|
-
totalPages = _this$
|
|
387
|
-
isLastOrSingle = _this$
|
|
388
|
-
children = _this$
|
|
389
|
-
other = (0, _objectWithoutProperties2["default"])(_this$
|
|
382
|
+
var _this$asProps9 = this.asProps,
|
|
383
|
+
styles = _this$asProps9.styles,
|
|
384
|
+
getI18nText = _this$asProps9.getI18nText,
|
|
385
|
+
totalPages = _this$asProps9.totalPages,
|
|
386
|
+
isLastOrSingle = _this$asProps9.isLastOrSingle,
|
|
387
|
+
children = _this$asProps9.children,
|
|
388
|
+
other = (0, _objectWithoutProperties2["default"])(_this$asProps9, _excluded);
|
|
390
389
|
var textSize = other.size === 'l' ? '300' : '200';
|
|
391
|
-
return
|
|
390
|
+
return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(STotalPagesLabel, _ref10.cn("STotalPagesLabel", {
|
|
392
391
|
"size": textSize
|
|
393
|
-
}), getI18nText('totalPagesLabel')), isLastOrSingle ? /*#__PURE__*/_react["default"].createElement(STotalLastPages,
|
|
392
|
+
}), getI18nText('totalPagesLabel')), isLastOrSingle ? /*#__PURE__*/_react["default"].createElement(STotalLastPages, _ref10.cn("STotalLastPages", (0, _objectSpread2["default"])({
|
|
394
393
|
"size": textSize,
|
|
395
394
|
"aria-label": getI18nText('lastPage', {
|
|
396
395
|
lastPageNumber: totalPages
|
|
397
396
|
})
|
|
398
|
-
}, other)), children) : /*#__PURE__*/_react["default"].createElement(STotalPages,
|
|
397
|
+
}, other)), children) : /*#__PURE__*/_react["default"].createElement(STotalPages, _ref10.cn("STotalPages", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
399
398
|
"aria-label": getI18nText('lastPage', {
|
|
400
399
|
lastPageNumber: totalPages
|
|
401
400
|
})
|
|
402
401
|
}, _ref5)))));
|
|
403
402
|
}
|
|
404
403
|
}]);
|
|
405
|
-
return TotalPages;
|
|
406
404
|
}(_core.Component);
|
|
407
|
-
|
|
405
|
+
function PageInputValue(props) {
|
|
408
406
|
var _ref6 = arguments[0],
|
|
409
|
-
|
|
407
|
+
_ref11;
|
|
410
408
|
var SPageInputValue = _inputNumber["default"].Value;
|
|
411
|
-
return
|
|
409
|
+
return _ref11 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SPageInputValue, _ref11.cn("SPageInputValue", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
412
410
|
"onBlur": function onBlur() {
|
|
413
411
|
return false;
|
|
414
412
|
}
|
|
415
413
|
}, _ref6))));
|
|
416
|
-
}
|
|
417
|
-
|
|
414
|
+
}
|
|
415
|
+
function PageInputAddon(props) {
|
|
418
416
|
var _ref7 = arguments[0],
|
|
419
|
-
|
|
417
|
+
_ref12;
|
|
420
418
|
var SPageInputAddon = _inputNumber["default"].Addon;
|
|
421
|
-
return
|
|
422
|
-
}
|
|
419
|
+
return _ref12 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SPageInputAddon, _ref12.cn("SPageInputAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref7))));
|
|
420
|
+
}
|
|
423
421
|
var PageInput = /*#__PURE__*/function (_Component6) {
|
|
424
|
-
(0, _inherits2["default"])(PageInput, _Component6);
|
|
425
|
-
var _super6 = (0, _createSuper2["default"])(PageInput);
|
|
426
422
|
function PageInput() {
|
|
427
423
|
(0, _classCallCheck2["default"])(this, PageInput);
|
|
428
|
-
return
|
|
424
|
+
return (0, _callSuper2["default"])(this, PageInput, arguments);
|
|
429
425
|
}
|
|
430
|
-
(0,
|
|
426
|
+
(0, _inherits2["default"])(PageInput, _Component6);
|
|
427
|
+
return (0, _createClass2["default"])(PageInput, [{
|
|
431
428
|
key: "render",
|
|
432
429
|
value: function render() {
|
|
433
430
|
var _ref8 = this.asProps,
|
|
434
|
-
|
|
431
|
+
_ref13;
|
|
435
432
|
var SPageInput = _inputNumber["default"];
|
|
436
433
|
var SLabel = _typography.Text;
|
|
437
|
-
var _this$
|
|
438
|
-
Children = _this$
|
|
439
|
-
getI18nText = _this$
|
|
440
|
-
styles = _this$
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
return
|
|
434
|
+
var _this$asProps0 = this.asProps,
|
|
435
|
+
Children = _this$asProps0.Children,
|
|
436
|
+
getI18nText = _this$asProps0.getI18nText,
|
|
437
|
+
styles = _this$asProps0.styles,
|
|
438
|
+
locale = _this$asProps0.locale,
|
|
439
|
+
size = _this$asProps0.size,
|
|
440
|
+
paginationInputId = _this$asProps0.paginationInputId;
|
|
441
|
+
return _ref13 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SLabel, _ref13.cn("SLabel", {
|
|
445
442
|
"tag": 'label',
|
|
446
|
-
"htmlFor":
|
|
443
|
+
"htmlFor": paginationInputId,
|
|
447
444
|
"size": size
|
|
448
|
-
}), getI18nText('pageInputLabel')), /*#__PURE__*/_react["default"].createElement(SPageInput,
|
|
445
|
+
}), getI18nText('pageInputLabel')), /*#__PURE__*/_react["default"].createElement(SPageInput, _ref13.cn("SPageInput", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
449
446
|
"controlsLength": Children.origin ? undefined : 2,
|
|
450
447
|
"locale": locale
|
|
451
|
-
}, _ref8))), Children.origin ? /*#__PURE__*/_react["default"].createElement(Children,
|
|
452
|
-
id: "pagination-input-".concat(uid)
|
|
453
|
-
})));
|
|
448
|
+
}, _ref8))), Children.origin ? /*#__PURE__*/_react["default"].createElement(Children, _ref13.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(Pagination.PageInput.Value, null)));
|
|
454
449
|
}
|
|
455
450
|
}]);
|
|
456
|
-
return PageInput;
|
|
457
451
|
}(_core.Component);
|
|
458
452
|
(0, _defineProperty2["default"])(PageInput, "enhance", [(0, _uniqueID["default"])()]);
|
|
459
|
-
var Pagination = (0, _core
|
|
453
|
+
var Pagination = (0, _core.createComponent)(PaginationRoot, {
|
|
460
454
|
PrevPage: PrevPage,
|
|
461
455
|
NextPage: NextPage,
|
|
462
456
|
FirstPage: FirstPage,
|
|
@@ -466,6 +460,5 @@ var Pagination = (0, _core["default"])(PaginationRoot, {
|
|
|
466
460
|
Addon: PageInputAddon
|
|
467
461
|
}]
|
|
468
462
|
});
|
|
469
|
-
var _default = Pagination;
|
|
470
|
-
exports["default"] = _default;
|
|
463
|
+
var _default = exports["default"] = Pagination;
|
|
471
464
|
//# sourceMappingURL=Pagination.js.map
|