@semcore/pagination 4.53.0-prerelease.0 → 4.53.0-prerelease.4

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