@commercetools-uikit/pagination 19.11.0 → 19.12.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,7 +9,6 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
|
9
9
|
var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
|
|
10
10
|
var _pt = require('prop-types');
|
|
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');
|
|
13
12
|
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
14
13
|
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
15
14
|
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
@@ -37,7 +36,6 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e };
|
|
|
37
36
|
var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
|
|
38
37
|
var _pt__default = /*#__PURE__*/_interopDefault(_pt);
|
|
39
38
|
var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
|
|
40
|
-
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
41
39
|
var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
|
|
42
40
|
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
43
41
|
var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
|
|
@@ -199,7 +197,7 @@ const messages = reactIntl.defineMessages({
|
|
|
199
197
|
var messages$1 = messages;
|
|
200
198
|
|
|
201
199
|
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; }
|
|
202
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
|
|
200
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
203
201
|
const mapRangeToListOfOptions = perPageRange => {
|
|
204
202
|
switch (perPageRange) {
|
|
205
203
|
case 's':
|
|
@@ -209,17 +207,16 @@ const mapRangeToListOfOptions = perPageRange => {
|
|
|
209
207
|
case 'l':
|
|
210
208
|
return [200, 500];
|
|
211
209
|
default:
|
|
212
|
-
throw new Error(
|
|
210
|
+
throw new Error(`Invalid page range "${perPageRange}", expected one of "s,m,l".`);
|
|
213
211
|
}
|
|
214
212
|
};
|
|
215
213
|
const PageSizeSelector = props => {
|
|
216
|
-
var _context;
|
|
217
214
|
const _useState = react.useState(uniqueId__default["default"]('per-page-selector-')),
|
|
218
215
|
_useState2 = _slicedToArray(_useState, 1),
|
|
219
216
|
perPageSelectorId = _useState2[0];
|
|
220
217
|
const options = mapRangeToListOfOptions(props.perPageRange);
|
|
221
218
|
const hasValidPerPageOption = _includesInstanceProperty__default["default"](options).call(options, props.perPage);
|
|
222
|
-
process.env.NODE_ENV !== "production" ? utils.warning(hasValidPerPageOption,
|
|
219
|
+
process.env.NODE_ENV !== "production" ? utils.warning(hasValidPerPageOption, `@commercetools-uikit/pagination: invalid page size ${props.perPage}. It must be one of the values of the selected range in "${options.toString()}".`) : void 0;
|
|
223
220
|
const onPerPageChange = props.onPerPageChange;
|
|
224
221
|
const handleSelectPerPage = react.useCallback(event => {
|
|
225
222
|
onPerPageChange(Number(event.target.value));
|
|
@@ -9,7 +9,6 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
|
9
9
|
var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
|
|
10
10
|
require('prop-types');
|
|
11
11
|
var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
|
|
12
|
-
require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
13
12
|
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
14
13
|
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
15
14
|
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
@@ -193,7 +192,7 @@ const messages = reactIntl.defineMessages({
|
|
|
193
192
|
var messages$1 = messages;
|
|
194
193
|
|
|
195
194
|
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; }
|
|
196
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
|
|
195
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
197
196
|
const mapRangeToListOfOptions = perPageRange => {
|
|
198
197
|
switch (perPageRange) {
|
|
199
198
|
case 's':
|
|
@@ -203,7 +202,7 @@ const mapRangeToListOfOptions = perPageRange => {
|
|
|
203
202
|
case 'l':
|
|
204
203
|
return [200, 500];
|
|
205
204
|
default:
|
|
206
|
-
throw new Error(
|
|
205
|
+
throw new Error(`Invalid page range "${perPageRange}", expected one of "s,m,l".`);
|
|
207
206
|
}
|
|
208
207
|
};
|
|
209
208
|
const PageSizeSelector = props => {
|
|
@@ -5,7 +5,6 @@ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
|
5
5
|
import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
|
|
6
6
|
import _pt from 'prop-types';
|
|
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';
|
|
9
8
|
import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
|
|
10
9
|
import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
|
|
11
10
|
import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
|
|
@@ -172,7 +171,7 @@ const messages = defineMessages({
|
|
|
172
171
|
var messages$1 = messages;
|
|
173
172
|
|
|
174
173
|
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; }
|
|
175
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
|
|
174
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
176
175
|
const mapRangeToListOfOptions = perPageRange => {
|
|
177
176
|
switch (perPageRange) {
|
|
178
177
|
case 's':
|
|
@@ -182,17 +181,16 @@ const mapRangeToListOfOptions = perPageRange => {
|
|
|
182
181
|
case 'l':
|
|
183
182
|
return [200, 500];
|
|
184
183
|
default:
|
|
185
|
-
throw new Error(
|
|
184
|
+
throw new Error(`Invalid page range "${perPageRange}", expected one of "s,m,l".`);
|
|
186
185
|
}
|
|
187
186
|
};
|
|
188
187
|
const PageSizeSelector = props => {
|
|
189
|
-
var _context;
|
|
190
188
|
const _useState = useState(uniqueId('per-page-selector-')),
|
|
191
189
|
_useState2 = _slicedToArray(_useState, 1),
|
|
192
190
|
perPageSelectorId = _useState2[0];
|
|
193
191
|
const options = mapRangeToListOfOptions(props.perPageRange);
|
|
194
192
|
const hasValidPerPageOption = _includesInstanceProperty(options).call(options, props.perPage);
|
|
195
|
-
process.env.NODE_ENV !== "production" ? warning(hasValidPerPageOption,
|
|
193
|
+
process.env.NODE_ENV !== "production" ? warning(hasValidPerPageOption, `@commercetools-uikit/pagination: invalid page size ${props.perPage}. It must be one of the values of the selected range in "${options.toString()}".`) : void 0;
|
|
196
194
|
const onPerPageChange = props.onPerPageChange;
|
|
197
195
|
const handleSelectPerPage = useCallback(event => {
|
|
198
196
|
onPerPageChange(Number(event.target.value));
|
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": "19.
|
|
4
|
+
"version": "19.12.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,16 +21,16 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/constraints": "19.
|
|
25
|
-
"@commercetools-uikit/design-system": "19.
|
|
26
|
-
"@commercetools-uikit/icons": "19.
|
|
27
|
-
"@commercetools-uikit/label": "19.
|
|
28
|
-
"@commercetools-uikit/number-input": "19.
|
|
29
|
-
"@commercetools-uikit/secondary-icon-button": "19.
|
|
30
|
-
"@commercetools-uikit/select-input": "19.
|
|
31
|
-
"@commercetools-uikit/spacings": "19.
|
|
32
|
-
"@commercetools-uikit/text": "19.
|
|
33
|
-
"@commercetools-uikit/utils": "19.
|
|
24
|
+
"@commercetools-uikit/constraints": "19.12.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "19.12.0",
|
|
26
|
+
"@commercetools-uikit/icons": "19.12.0",
|
|
27
|
+
"@commercetools-uikit/label": "19.12.0",
|
|
28
|
+
"@commercetools-uikit/number-input": "19.12.0",
|
|
29
|
+
"@commercetools-uikit/secondary-icon-button": "19.12.0",
|
|
30
|
+
"@commercetools-uikit/select-input": "19.12.0",
|
|
31
|
+
"@commercetools-uikit/spacings": "19.12.0",
|
|
32
|
+
"@commercetools-uikit/text": "19.12.0",
|
|
33
|
+
"@commercetools-uikit/utils": "19.12.0",
|
|
34
34
|
"@emotion/react": "^11.10.5",
|
|
35
35
|
"@emotion/styled": "^11.10.5",
|
|
36
36
|
"formik": "^2.2.9",
|