@commercetools-uikit/pagination 19.10.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));
|
|
@@ -302,7 +299,7 @@ Pagination.defaultProps = defaultProps;
|
|
|
302
299
|
var Pagination$1 = Pagination;
|
|
303
300
|
|
|
304
301
|
// NOTE: This string will be replaced on build time with the package version.
|
|
305
|
-
var version = "19.
|
|
302
|
+
var version = "19.11.0";
|
|
306
303
|
|
|
307
304
|
exports.PageNavigator = PageNavigator$1;
|
|
308
305
|
exports.PageSizeSelector = PageSizeSelector$1;
|
|
@@ -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 => {
|
|
@@ -283,7 +282,7 @@ Pagination.defaultProps = defaultProps;
|
|
|
283
282
|
var Pagination$1 = Pagination;
|
|
284
283
|
|
|
285
284
|
// NOTE: This string will be replaced on build time with the package version.
|
|
286
|
-
var version = "19.
|
|
285
|
+
var version = "19.11.0";
|
|
287
286
|
|
|
288
287
|
exports.PageNavigator = PageNavigator$1;
|
|
289
288
|
exports.PageSizeSelector = PageSizeSelector$1;
|
|
@@ -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));
|
|
@@ -275,6 +273,6 @@ Pagination.defaultProps = defaultProps;
|
|
|
275
273
|
var Pagination$1 = Pagination;
|
|
276
274
|
|
|
277
275
|
// NOTE: This string will be replaced on build time with the package version.
|
|
278
|
-
var version = "19.
|
|
276
|
+
var version = "19.11.0";
|
|
279
277
|
|
|
280
278
|
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": "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",
|