@commercetools-uikit/pagination 20.2.2 → 20.3.0
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.
|
@@ -9,6 +9,7 @@ var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
|
9
9
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
10
10
|
var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
|
|
11
11
|
var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
|
|
12
|
+
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
12
13
|
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
13
14
|
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
14
15
|
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
@@ -35,6 +36,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e };
|
|
|
35
36
|
|
|
36
37
|
var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
|
|
37
38
|
var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
|
|
39
|
+
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
38
40
|
var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
|
|
39
41
|
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
40
42
|
var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
|
|
@@ -192,7 +194,7 @@ var messages$1 = messages;
|
|
|
192
194
|
|
|
193
195
|
const _excluded$1 = ["perPage", "perPageRange"];
|
|
194
196
|
function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
195
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
|
|
197
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
196
198
|
const mapRangeToListOfOptions = perPageRange => {
|
|
197
199
|
switch (perPageRange) {
|
|
198
200
|
case 'xs':
|
|
@@ -204,10 +206,11 @@ const mapRangeToListOfOptions = perPageRange => {
|
|
|
204
206
|
case 'l':
|
|
205
207
|
return [200, 500];
|
|
206
208
|
default:
|
|
207
|
-
throw new Error(
|
|
209
|
+
throw new Error("Invalid page range \"".concat(perPageRange, "\", expected one of \"xs,s,m,l\"."));
|
|
208
210
|
}
|
|
209
211
|
};
|
|
210
212
|
const PageSizeSelector = _ref => {
|
|
213
|
+
var _context;
|
|
211
214
|
let _ref$perPage = _ref.perPage,
|
|
212
215
|
perPage = _ref$perPage === void 0 ? 20 : _ref$perPage,
|
|
213
216
|
_ref$perPageRange = _ref.perPageRange,
|
|
@@ -218,7 +221,7 @@ const PageSizeSelector = _ref => {
|
|
|
218
221
|
perPageSelectorId = _useState2[0];
|
|
219
222
|
const options = mapRangeToListOfOptions(perPageRange);
|
|
220
223
|
const hasValidPerPageOption = _includesInstanceProperty__default["default"](options).call(options, perPage);
|
|
221
|
-
process.env.NODE_ENV !== "production" ? utils.warning(hasValidPerPageOption,
|
|
224
|
+
process.env.NODE_ENV !== "production" ? utils.warning(hasValidPerPageOption, _concatInstanceProperty__default["default"](_context = "@commercetools-uikit/pagination: invalid page size ".concat(perPage, ". It must be one of the values of the selected range in \"")).call(_context, options.toString(), "\".")) : void 0;
|
|
222
225
|
const onPerPageChange = props.onPerPageChange;
|
|
223
226
|
const handleSelectPerPage = react.useCallback(event => {
|
|
224
227
|
onPerPageChange(Number(event.target.value));
|
|
@@ -290,7 +293,7 @@ Pagination.displayName = 'Pagination';
|
|
|
290
293
|
var Pagination$1 = Pagination;
|
|
291
294
|
|
|
292
295
|
// NOTE: This string will be replaced on build time with the package version.
|
|
293
|
-
var version = "20.
|
|
296
|
+
var version = "20.3.0";
|
|
294
297
|
|
|
295
298
|
exports.PageNavigator = PageNavigator$1;
|
|
296
299
|
exports.PageSizeSelector = PageSizeSelector$1;
|
|
@@ -9,6 +9,7 @@ var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
|
9
9
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
10
10
|
var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
|
|
11
11
|
var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
|
|
12
|
+
require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
12
13
|
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
13
14
|
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
14
15
|
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
@@ -192,7 +193,7 @@ var messages$1 = messages;
|
|
|
192
193
|
|
|
193
194
|
const _excluded$1 = ["perPage", "perPageRange"];
|
|
194
195
|
function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
195
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
|
|
196
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
196
197
|
const mapRangeToListOfOptions = perPageRange => {
|
|
197
198
|
switch (perPageRange) {
|
|
198
199
|
case 'xs':
|
|
@@ -204,7 +205,7 @@ const mapRangeToListOfOptions = perPageRange => {
|
|
|
204
205
|
case 'l':
|
|
205
206
|
return [200, 500];
|
|
206
207
|
default:
|
|
207
|
-
throw new Error(
|
|
208
|
+
throw new Error("Invalid page range \"".concat(perPageRange, "\", expected one of \"xs,s,m,l\"."));
|
|
208
209
|
}
|
|
209
210
|
};
|
|
210
211
|
const PageSizeSelector = _ref => {
|
|
@@ -284,7 +285,7 @@ Pagination.displayName = 'Pagination';
|
|
|
284
285
|
var Pagination$1 = Pagination;
|
|
285
286
|
|
|
286
287
|
// NOTE: This string will be replaced on build time with the package version.
|
|
287
|
-
var version = "20.
|
|
288
|
+
var version = "20.3.0";
|
|
288
289
|
|
|
289
290
|
exports.PageNavigator = PageNavigator$1;
|
|
290
291
|
exports.PageSizeSelector = PageSizeSelector$1;
|
|
@@ -5,6 +5,7 @@ import { jsx, jsxs } from '@emotion/react/jsx-runtime';
|
|
|
5
5
|
import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
6
6
|
import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
|
|
7
7
|
import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
|
|
8
|
+
import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
|
|
8
9
|
import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
|
|
9
10
|
import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
|
|
10
11
|
import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
|
|
@@ -167,7 +168,7 @@ var messages$1 = messages;
|
|
|
167
168
|
|
|
168
169
|
const _excluded$1 = ["perPage", "perPageRange"];
|
|
169
170
|
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
170
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
|
|
171
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
171
172
|
const mapRangeToListOfOptions = perPageRange => {
|
|
172
173
|
switch (perPageRange) {
|
|
173
174
|
case 'xs':
|
|
@@ -179,10 +180,11 @@ const mapRangeToListOfOptions = perPageRange => {
|
|
|
179
180
|
case 'l':
|
|
180
181
|
return [200, 500];
|
|
181
182
|
default:
|
|
182
|
-
throw new Error(
|
|
183
|
+
throw new Error("Invalid page range \"".concat(perPageRange, "\", expected one of \"xs,s,m,l\"."));
|
|
183
184
|
}
|
|
184
185
|
};
|
|
185
186
|
const PageSizeSelector = _ref => {
|
|
187
|
+
var _context;
|
|
186
188
|
let _ref$perPage = _ref.perPage,
|
|
187
189
|
perPage = _ref$perPage === void 0 ? 20 : _ref$perPage,
|
|
188
190
|
_ref$perPageRange = _ref.perPageRange,
|
|
@@ -193,7 +195,7 @@ const PageSizeSelector = _ref => {
|
|
|
193
195
|
perPageSelectorId = _useState2[0];
|
|
194
196
|
const options = mapRangeToListOfOptions(perPageRange);
|
|
195
197
|
const hasValidPerPageOption = _includesInstanceProperty(options).call(options, perPage);
|
|
196
|
-
process.env.NODE_ENV !== "production" ? warning(hasValidPerPageOption,
|
|
198
|
+
process.env.NODE_ENV !== "production" ? warning(hasValidPerPageOption, _concatInstanceProperty(_context = "@commercetools-uikit/pagination: invalid page size ".concat(perPage, ". It must be one of the values of the selected range in \"")).call(_context, options.toString(), "\".")) : void 0;
|
|
197
199
|
const onPerPageChange = props.onPerPageChange;
|
|
198
200
|
const handleSelectPerPage = useCallback(event => {
|
|
199
201
|
onPerPageChange(Number(event.target.value));
|
|
@@ -265,6 +267,6 @@ Pagination.displayName = 'Pagination';
|
|
|
265
267
|
var Pagination$1 = Pagination;
|
|
266
268
|
|
|
267
269
|
// NOTE: This string will be replaced on build time with the package version.
|
|
268
|
-
var version = "20.
|
|
270
|
+
var version = "20.3.0";
|
|
269
271
|
|
|
270
272
|
export { PageNavigator$1 as PageNavigator, PageSizeSelector$1 as PageSizeSelector, Pagination$1 as Pagination, version };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/pagination",
|
|
3
3
|
"description": "Components for navigating through pages of items",
|
|
4
|
-
"version": "20.
|
|
4
|
+
"version": "20.3.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,23 +21,23 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/constraints": "20.
|
|
25
|
-
"@commercetools-uikit/design-system": "20.
|
|
26
|
-
"@commercetools-uikit/icons": "20.
|
|
27
|
-
"@commercetools-uikit/label": "20.
|
|
28
|
-
"@commercetools-uikit/number-input": "20.
|
|
29
|
-
"@commercetools-uikit/secondary-icon-button": "20.
|
|
30
|
-
"@commercetools-uikit/select-input": "20.
|
|
31
|
-
"@commercetools-uikit/spacings": "20.
|
|
32
|
-
"@commercetools-uikit/text": "20.
|
|
33
|
-
"@commercetools-uikit/utils": "20.
|
|
24
|
+
"@commercetools-uikit/constraints": "20.3.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "20.3.0",
|
|
26
|
+
"@commercetools-uikit/icons": "20.3.0",
|
|
27
|
+
"@commercetools-uikit/label": "20.3.0",
|
|
28
|
+
"@commercetools-uikit/number-input": "20.3.0",
|
|
29
|
+
"@commercetools-uikit/secondary-icon-button": "20.3.0",
|
|
30
|
+
"@commercetools-uikit/select-input": "20.3.0",
|
|
31
|
+
"@commercetools-uikit/spacings": "20.3.0",
|
|
32
|
+
"@commercetools-uikit/text": "20.3.0",
|
|
33
|
+
"@commercetools-uikit/utils": "20.3.0",
|
|
34
34
|
"@emotion/react": "^11.10.5",
|
|
35
35
|
"@emotion/styled": "^11.10.5",
|
|
36
36
|
"formik": "^2.4.6",
|
|
37
37
|
"lodash": "4.17.21"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
|
-
"react": "19.
|
|
40
|
+
"react": "19.2.0",
|
|
41
41
|
"react-intl": "^7.1.4"
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|