@commercetools-uikit/pagination 12.2.3 → 12.2.7

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 (4) hide show
  1. package/dist/commercetools-uikit-pagination.cjs.dev.js +38 -38
  2. package/dist/commercetools-uikit-pagination.cjs.prod.js +24 -24
  3. package/dist/commercetools-uikit-pagination.esm.js +2 -2
  4. package/package.json +14 -18
package/dist/commercetools-uikit-pagination.cjs.dev.js CHANGED
@@ -97,14 +97,14 @@ var messages$2 = reactIntl.defineMessages({
97
97
  }
98
98
  });
99
99
 
100
- function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default['default'](object); if (_Object$getOwnPropertySymbols__default['default']) { var symbols = _Object$getOwnPropertySymbols__default['default'](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default['default'](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default['default'](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
100
+ function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
101
101
 
102
- function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default['default'](_context = ownKeys$1(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default['default']) { _Object$defineProperties__default['default'](target, _Object$getOwnPropertyDescriptors__default['default'](source)); } else { var _context2; _forEachInstanceProperty__default['default'](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](source, key)); }); } } return target; }
102
+ function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
103
103
 
104
104
  var PageNavigator = function PageNavigator(props) {
105
105
  var intl = reactIntl.useIntl();
106
106
 
107
- var _useState = react.useState(uniqueId__default['default']('page-number-')),
107
+ var _useState = react.useState(uniqueId__default["default"]('page-number-')),
108
108
  _useState2 = _slicedToArray(_useState, 1),
109
109
  pageNumberInputId = _useState2[0];
110
110
 
@@ -138,35 +138,35 @@ var PageNavigator = function PageNavigator(props) {
138
138
  var isPreviousDisabled = page <= 1;
139
139
  var isNextDisabled = page >= totalPages;
140
140
  var handlePrevPageChange = react.useCallback(function () {
141
- var previousPage = _valuesInstanceProperty__default['default'](paginationForm).page - 1;
141
+ var previousPage = _valuesInstanceProperty__default["default"](paginationForm).page - 1;
142
142
  if (previousPage < 1) return;
143
143
  paginationForm.setFieldValue('page', previousPage, true);
144
144
  paginationForm.submitForm();
145
145
  }, [paginationForm]);
146
146
  var handleNextPageChange = react.useCallback(function () {
147
- var nextPage = _valuesInstanceProperty__default['default'](paginationForm).page + 1;
147
+ var nextPage = _valuesInstanceProperty__default["default"](paginationForm).page + 1;
148
148
  if (nextPage > totalPages) return null;
149
149
  paginationForm.setFieldValue('page', nextPage, true);
150
150
  paginationForm.submitForm();
151
151
  }, [paginationForm, totalPages]);
152
152
  return jsxRuntime.jsx("form", {
153
153
  onSubmit: paginationForm.handleSubmit,
154
- children: jsxRuntime.jsxs(Spacings__default['default'].Inline, {
154
+ children: jsxRuntime.jsxs(Spacings__default["default"].Inline, {
155
155
  alignItems: "center",
156
156
  scale: "s",
157
- children: [jsxRuntime.jsx(SecondaryIconButton__default['default'], {
157
+ children: [jsxRuntime.jsx(SecondaryIconButton__default["default"], {
158
158
  label: intl.formatMessage(messages$2.previousPageLabel),
159
159
  onClick: handlePrevPageChange,
160
160
  isDisabled: isPreviousDisabled || isDisabled,
161
161
  icon: jsxRuntime.jsx(icons.AngleLeftIcon, {})
162
- }), jsxRuntime.jsx(Label__default['default'], {
162
+ }), jsxRuntime.jsx(Label__default["default"], {
163
163
  htmlFor: pageNumberInputId,
164
164
  intlMessage: messages$2.page
165
165
  }), jsxRuntime.jsx("div", {
166
- children: jsxRuntime.jsx(NumberInput__default['default'], {
166
+ children: jsxRuntime.jsx(NumberInput__default["default"], {
167
167
  name: "page",
168
168
  id: pageNumberInputId,
169
- value: _valuesInstanceProperty__default['default'](paginationForm).page,
169
+ value: _valuesInstanceProperty__default["default"](paginationForm).page,
170
170
  min: 1,
171
171
  max: totalPages,
172
172
  onBlur: paginationForm.handleBlur,
@@ -176,13 +176,13 @@ var PageNavigator = function PageNavigator(props) {
176
176
  hasWarning: paginationForm.errors.page,
177
177
  horizontalConstraint: 2
178
178
  })
179
- }), jsxRuntime.jsx(Text__default['default'].Body, {
179
+ }), jsxRuntime.jsx(Text__default["default"].Body, {
180
180
  intlMessage: _objectSpread$1(_objectSpread$1({}, messages$2.pageCount), {}, {
181
181
  values: {
182
182
  count: props.totalPages
183
183
  }
184
184
  })
185
- }), jsxRuntime.jsx(SecondaryIconButton__default['default'], {
185
+ }), jsxRuntime.jsx(SecondaryIconButton__default["default"], {
186
186
  label: intl.formatMessage(messages$2.nextPageLabel),
187
187
  onClick: handleNextPageChange,
188
188
  isDisabled: isNextDisabled || isDisabled,
@@ -194,9 +194,9 @@ var PageNavigator = function PageNavigator(props) {
194
194
 
195
195
  PageNavigator.displayName = 'PageNavigator';
196
196
  PageNavigator.propTypes = process.env.NODE_ENV !== "production" ? {
197
- totalPages: PropTypes__default['default'].number.isRequired,
198
- page: PropTypes__default['default'].number.isRequired,
199
- onPageChange: PropTypes__default['default'].func.isRequired
197
+ totalPages: PropTypes__default["default"].number.isRequired,
198
+ page: PropTypes__default["default"].number.isRequired,
199
+ onPageChange: PropTypes__default["default"].func.isRequired
200
200
  } : {};
201
201
  var PageNavigator$1 = PageNavigator;
202
202
 
@@ -209,9 +209,9 @@ var messages = reactIntl.defineMessages({
209
209
  });
210
210
  var messages$1 = messages;
211
211
 
212
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default['default'](object); if (_Object$getOwnPropertySymbols__default['default']) { var symbols = _Object$getOwnPropertySymbols__default['default'](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default['default'](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default['default'](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
212
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
213
213
 
214
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default['default'](_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default['default']) { _Object$defineProperties__default['default'](target, _Object$getOwnPropertyDescriptors__default['default'](source)); } else { var _context3; _forEachInstanceProperty__default['default'](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](source, key)); }); } } return target; }
214
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
215
215
 
216
216
  var mapRangeToListOfOptions = function mapRangeToListOfOptions(perPageRange) {
217
217
  switch (perPageRange) {
@@ -232,28 +232,28 @@ var mapRangeToListOfOptions = function mapRangeToListOfOptions(perPageRange) {
232
232
  var PageSizeSelector = function PageSizeSelector(props) {
233
233
  var _context;
234
234
 
235
- var _useState = react.useState(uniqueId__default['default']('per-page-selector-')),
235
+ var _useState = react.useState(uniqueId__default["default"]('per-page-selector-')),
236
236
  _useState2 = _slicedToArray(_useState, 1),
237
237
  perPageSelectorId = _useState2[0];
238
238
 
239
239
  var options = mapRangeToListOfOptions(props.perPageRange);
240
240
 
241
- var hasValidPerPageOption = _includesInstanceProperty__default['default'](options).call(options, props.perPage);
241
+ var hasValidPerPageOption = _includesInstanceProperty__default["default"](options).call(options, props.perPage);
242
242
 
243
- process.env.NODE_ENV !== "production" ? utils.warning(hasValidPerPageOption, _concatInstanceProperty__default['default'](_context = "@commercetools-uikit/pagination: invalid page size ".concat(props.perPage, ". It must be one of the values of the selected range in \"")).call(_context, options.toString(), "\".")) : void 0;
243
+ process.env.NODE_ENV !== "production" ? utils.warning(hasValidPerPageOption, _concatInstanceProperty__default["default"](_context = "@commercetools-uikit/pagination: invalid page size ".concat(props.perPage, ". It must be one of the values of the selected range in \"")).call(_context, options.toString(), "\".")) : void 0;
244
244
  var onPerPageChange = props.onPerPageChange;
245
245
  var handleSelectPerPage = react.useCallback(function (event) {
246
246
  onPerPageChange(Number(event.target.value));
247
247
  }, [onPerPageChange]);
248
- return jsxRuntime.jsxs(Spacings__default['default'].Inline, {
248
+ return jsxRuntime.jsxs(Spacings__default["default"].Inline, {
249
249
  alignItems: "center",
250
- children: [jsxRuntime.jsx(Constraints__default['default'].Horizontal, {
250
+ children: [jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
251
251
  max: 2,
252
- children: jsxRuntime.jsx(SelectInput__default['default'], {
252
+ children: jsxRuntime.jsx(SelectInput__default["default"], {
253
253
  id: perPageSelectorId,
254
254
  name: "per-page-selector",
255
255
  value: props.perPage.toString(),
256
- options: _mapInstanceProperty__default['default'](options).call(options, function (option) {
256
+ options: _mapInstanceProperty__default["default"](options).call(options, function (option) {
257
257
  return {
258
258
  value: option.toString(),
259
259
  label: option.toString()
@@ -261,7 +261,7 @@ var PageSizeSelector = function PageSizeSelector(props) {
261
261
  }),
262
262
  onChange: handleSelectPerPage
263
263
  })
264
- }), jsxRuntime.jsx(Label__default['default'], {
264
+ }), jsxRuntime.jsx(Label__default["default"], {
265
265
  htmlFor: perPageSelectorId,
266
266
  intlMessage: _objectSpread(_objectSpread({}, messages$1.pageSize), {}, {
267
267
  values: {
@@ -274,10 +274,10 @@ var PageSizeSelector = function PageSizeSelector(props) {
274
274
 
275
275
  PageSizeSelector.displayName = 'PageSizeSelector';
276
276
  PageSizeSelector.propTypes = process.env.NODE_ENV !== "production" ? {
277
- perPage: PropTypes__default['default'].number,
278
- perPageRange: PropTypes__default['default'].oneOf(['s', 'm', 'l']),
279
- onPerPageChange: PropTypes__default['default'].func.isRequired,
280
- pageItems: PropTypes__default['default'].number.isRequired
277
+ perPage: PropTypes__default["default"].number,
278
+ perPageRange: PropTypes__default["default"].oneOf(['s', 'm', 'l']),
279
+ onPerPageChange: PropTypes__default["default"].func.isRequired,
280
+ pageItems: PropTypes__default["default"].number.isRequired
281
281
  } : {};
282
282
  PageSizeSelector.defaultProps = {
283
283
  perPage: 20,
@@ -300,7 +300,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
300
300
  var Pagination = function Pagination(props) {
301
301
  var totalPages = Math.ceil(props.totalItems / props.perPage);
302
302
  var pageItems = props.page === totalPages ? props.totalItems - props.perPage * (props.page - 1) : props.perPage;
303
- return jsxRuntime.jsxs(Spacings__default['default'].Inline, {
303
+ return jsxRuntime.jsxs(Spacings__default["default"].Inline, {
304
304
  justifyContent: "space-between",
305
305
  children: [jsxRuntime.jsx("div", {
306
306
  css: _ref,
@@ -323,12 +323,12 @@ Pagination.propTypes = process.env.NODE_ENV !== "production" ? {
323
323
  /**
324
324
  * Total number of items across all pages
325
325
  */
326
- totalItems: PropTypes__default['default'].number.isRequired,
326
+ totalItems: PropTypes__default["default"].number.isRequired,
327
327
 
328
328
  /**
329
329
  * The current page
330
330
  */
331
- page: PropTypes__default['default'].number.isRequired,
331
+ page: PropTypes__default["default"].number.isRequired,
332
332
 
333
333
  /**
334
334
  * A callback function, called when the page is changed.
@@ -337,12 +337,12 @@ Pagination.propTypes = process.env.NODE_ENV !== "production" ? {
337
337
  * <br/>
338
338
  * Signature: `(page: number) => void`
339
339
  */
340
- onPageChange: PropTypes__default['default'].func.isRequired,
340
+ onPageChange: PropTypes__default["default"].func.isRequired,
341
341
 
342
342
  /**
343
343
  * Number of items per page, according to the pre-defined range values.
344
344
  */
345
- perPage: PropTypes__default['default'].number,
345
+ perPage: PropTypes__default["default"].number,
346
346
 
347
347
  /**
348
348
  * Range of items per page.
@@ -353,14 +353,14 @@ Pagination.propTypes = process.env.NODE_ENV !== "production" ? {
353
353
  * <br/>
354
354
  * `l: 200,500`
355
355
  */
356
- perPageRange: PropTypes__default['default'].oneOf(['s', 'm', 'l']),
356
+ perPageRange: PropTypes__default["default"].oneOf(['s', 'm', 'l']),
357
357
 
358
358
  /**
359
359
  * A callback function, called when `perPage` is changed.
360
360
  * <br/>
361
361
  * Signature: `(nextPerPage: number) => void`
362
362
  */
363
- onPerPageChange: PropTypes__default['default'].func.isRequired
363
+ onPerPageChange: PropTypes__default["default"].func.isRequired
364
364
  } : {};
365
365
  Pagination.defaultProps = {
366
366
  perPage: 20,
@@ -368,8 +368,8 @@ Pagination.defaultProps = {
368
368
  };
369
369
  var Pagination$1 = Pagination;
370
370
 
371
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
372
- var version = '12.2.3';
371
+ // NOTE: This string will be replaced on build time with the package version.
372
+ var version = "12.2.7";
373
373
 
374
374
  exports.PageNavigator = PageNavigator$1;
375
375
  exports.PageSizeSelector = PageSizeSelector$1;
package/dist/commercetools-uikit-pagination.cjs.prod.js CHANGED
@@ -95,14 +95,14 @@ var messages$2 = reactIntl.defineMessages({
95
95
  }
96
96
  });
97
97
 
98
- function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default['default'](object); if (_Object$getOwnPropertySymbols__default['default']) { var symbols = _Object$getOwnPropertySymbols__default['default'](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default['default'](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default['default'](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
98
+ function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
99
99
 
100
- function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default['default'](_context = ownKeys$1(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default['default']) { _Object$defineProperties__default['default'](target, _Object$getOwnPropertyDescriptors__default['default'](source)); } else { var _context2; _forEachInstanceProperty__default['default'](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](source, key)); }); } } return target; }
100
+ function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
101
101
 
102
102
  var PageNavigator = function PageNavigator(props) {
103
103
  var intl = reactIntl.useIntl();
104
104
 
105
- var _useState = react.useState(uniqueId__default['default']('page-number-')),
105
+ var _useState = react.useState(uniqueId__default["default"]('page-number-')),
106
106
  _useState2 = _slicedToArray(_useState, 1),
107
107
  pageNumberInputId = _useState2[0];
108
108
 
@@ -136,35 +136,35 @@ var PageNavigator = function PageNavigator(props) {
136
136
  var isPreviousDisabled = page <= 1;
137
137
  var isNextDisabled = page >= totalPages;
138
138
  var handlePrevPageChange = react.useCallback(function () {
139
- var previousPage = _valuesInstanceProperty__default['default'](paginationForm).page - 1;
139
+ var previousPage = _valuesInstanceProperty__default["default"](paginationForm).page - 1;
140
140
  if (previousPage < 1) return;
141
141
  paginationForm.setFieldValue('page', previousPage, true);
142
142
  paginationForm.submitForm();
143
143
  }, [paginationForm]);
144
144
  var handleNextPageChange = react.useCallback(function () {
145
- var nextPage = _valuesInstanceProperty__default['default'](paginationForm).page + 1;
145
+ var nextPage = _valuesInstanceProperty__default["default"](paginationForm).page + 1;
146
146
  if (nextPage > totalPages) return null;
147
147
  paginationForm.setFieldValue('page', nextPage, true);
148
148
  paginationForm.submitForm();
149
149
  }, [paginationForm, totalPages]);
150
150
  return jsxRuntime.jsx("form", {
151
151
  onSubmit: paginationForm.handleSubmit,
152
- children: jsxRuntime.jsxs(Spacings__default['default'].Inline, {
152
+ children: jsxRuntime.jsxs(Spacings__default["default"].Inline, {
153
153
  alignItems: "center",
154
154
  scale: "s",
155
- children: [jsxRuntime.jsx(SecondaryIconButton__default['default'], {
155
+ children: [jsxRuntime.jsx(SecondaryIconButton__default["default"], {
156
156
  label: intl.formatMessage(messages$2.previousPageLabel),
157
157
  onClick: handlePrevPageChange,
158
158
  isDisabled: isPreviousDisabled || isDisabled,
159
159
  icon: jsxRuntime.jsx(icons.AngleLeftIcon, {})
160
- }), jsxRuntime.jsx(Label__default['default'], {
160
+ }), jsxRuntime.jsx(Label__default["default"], {
161
161
  htmlFor: pageNumberInputId,
162
162
  intlMessage: messages$2.page
163
163
  }), jsxRuntime.jsx("div", {
164
- children: jsxRuntime.jsx(NumberInput__default['default'], {
164
+ children: jsxRuntime.jsx(NumberInput__default["default"], {
165
165
  name: "page",
166
166
  id: pageNumberInputId,
167
- value: _valuesInstanceProperty__default['default'](paginationForm).page,
167
+ value: _valuesInstanceProperty__default["default"](paginationForm).page,
168
168
  min: 1,
169
169
  max: totalPages,
170
170
  onBlur: paginationForm.handleBlur,
@@ -174,13 +174,13 @@ var PageNavigator = function PageNavigator(props) {
174
174
  hasWarning: paginationForm.errors.page,
175
175
  horizontalConstraint: 2
176
176
  })
177
- }), jsxRuntime.jsx(Text__default['default'].Body, {
177
+ }), jsxRuntime.jsx(Text__default["default"].Body, {
178
178
  intlMessage: _objectSpread$1(_objectSpread$1({}, messages$2.pageCount), {}, {
179
179
  values: {
180
180
  count: props.totalPages
181
181
  }
182
182
  })
183
- }), jsxRuntime.jsx(SecondaryIconButton__default['default'], {
183
+ }), jsxRuntime.jsx(SecondaryIconButton__default["default"], {
184
184
  label: intl.formatMessage(messages$2.nextPageLabel),
185
185
  onClick: handleNextPageChange,
186
186
  isDisabled: isNextDisabled || isDisabled,
@@ -203,9 +203,9 @@ var messages = reactIntl.defineMessages({
203
203
  });
204
204
  var messages$1 = messages;
205
205
 
206
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default['default'](object); if (_Object$getOwnPropertySymbols__default['default']) { var symbols = _Object$getOwnPropertySymbols__default['default'](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default['default'](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default['default'](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
206
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
207
207
 
208
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default['default'](_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default['default']) { _Object$defineProperties__default['default'](target, _Object$getOwnPropertyDescriptors__default['default'](source)); } else { var _context3; _forEachInstanceProperty__default['default'](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](source, key)); }); } } return target; }
208
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
209
209
 
210
210
  var mapRangeToListOfOptions = function mapRangeToListOfOptions(perPageRange) {
211
211
  switch (perPageRange) {
@@ -225,26 +225,26 @@ var mapRangeToListOfOptions = function mapRangeToListOfOptions(perPageRange) {
225
225
 
226
226
  var PageSizeSelector = function PageSizeSelector(props) {
227
227
 
228
- var _useState = react.useState(uniqueId__default['default']('per-page-selector-')),
228
+ var _useState = react.useState(uniqueId__default["default"]('per-page-selector-')),
229
229
  _useState2 = _slicedToArray(_useState, 1),
230
230
  perPageSelectorId = _useState2[0];
231
231
 
232
232
  var options = mapRangeToListOfOptions(props.perPageRange);
233
233
 
234
- _includesInstanceProperty__default['default'](options).call(options, props.perPage);
234
+ _includesInstanceProperty__default["default"](options).call(options, props.perPage);
235
235
  var onPerPageChange = props.onPerPageChange;
236
236
  var handleSelectPerPage = react.useCallback(function (event) {
237
237
  onPerPageChange(Number(event.target.value));
238
238
  }, [onPerPageChange]);
239
- return jsxRuntime.jsxs(Spacings__default['default'].Inline, {
239
+ return jsxRuntime.jsxs(Spacings__default["default"].Inline, {
240
240
  alignItems: "center",
241
- children: [jsxRuntime.jsx(Constraints__default['default'].Horizontal, {
241
+ children: [jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
242
242
  max: 2,
243
- children: jsxRuntime.jsx(SelectInput__default['default'], {
243
+ children: jsxRuntime.jsx(SelectInput__default["default"], {
244
244
  id: perPageSelectorId,
245
245
  name: "per-page-selector",
246
246
  value: props.perPage.toString(),
247
- options: _mapInstanceProperty__default['default'](options).call(options, function (option) {
247
+ options: _mapInstanceProperty__default["default"](options).call(options, function (option) {
248
248
  return {
249
249
  value: option.toString(),
250
250
  label: option.toString()
@@ -252,7 +252,7 @@ var PageSizeSelector = function PageSizeSelector(props) {
252
252
  }),
253
253
  onChange: handleSelectPerPage
254
254
  })
255
- }), jsxRuntime.jsx(Label__default['default'], {
255
+ }), jsxRuntime.jsx(Label__default["default"], {
256
256
  htmlFor: perPageSelectorId,
257
257
  intlMessage: _objectSpread(_objectSpread({}, messages$1.pageSize), {}, {
258
258
  values: {
@@ -279,7 +279,7 @@ var _ref = {
279
279
  var Pagination = function Pagination(props) {
280
280
  var totalPages = Math.ceil(props.totalItems / props.perPage);
281
281
  var pageItems = props.page === totalPages ? props.totalItems - props.perPage * (props.page - 1) : props.perPage;
282
- return jsxRuntime.jsxs(Spacings__default['default'].Inline, {
282
+ return jsxRuntime.jsxs(Spacings__default["default"].Inline, {
283
283
  justifyContent: "space-between",
284
284
  children: [jsxRuntime.jsx("div", {
285
285
  css: _ref,
@@ -305,8 +305,8 @@ Pagination.defaultProps = {
305
305
  };
306
306
  var Pagination$1 = Pagination;
307
307
 
308
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
309
- var version = '12.2.3';
308
+ // NOTE: This string will be replaced on build time with the package version.
309
+ var version = "12.2.7";
310
310
 
311
311
  exports.PageNavigator = PageNavigator$1;
312
312
  exports.PageSizeSelector = PageSizeSelector$1;
package/dist/commercetools-uikit-pagination.esm.js CHANGED
@@ -340,7 +340,7 @@ Pagination.defaultProps = {
340
340
  };
341
341
  var Pagination$1 = Pagination;
342
342
 
343
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
344
- var version = '12.2.3';
343
+ // NOTE: This string will be replaced on build time with the package version.
344
+ var version = "12.2.7";
345
345
 
346
346
  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": "12.2.3",
4
+ "version": "12.2.7",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -11,7 +11,6 @@
11
11
  "homepage": "https://uikit.commercetools.com",
12
12
  "keywords": ["javascript", "design system", "react", "uikit"],
13
13
  "license": "MIT",
14
- "private": false,
15
14
  "publishConfig": {
16
15
  "access": "public"
17
16
  },
@@ -19,22 +18,19 @@
19
18
  "main": "dist/commercetools-uikit-pagination.cjs.js",
20
19
  "module": "dist/commercetools-uikit-pagination.esm.js",
21
20
  "files": ["dist"],
22
- "scripts": {
23
- "prepare": "../../../scripts/version.js replace"
24
- },
25
21
  "dependencies": {
26
- "@babel/runtime": "7.14.8",
27
- "@babel/runtime-corejs3": "7.14.9",
28
- "@commercetools-uikit/constraints": "12.2.3",
29
- "@commercetools-uikit/design-system": "12.2.3",
30
- "@commercetools-uikit/icons": "12.2.3",
31
- "@commercetools-uikit/label": "12.2.3",
32
- "@commercetools-uikit/number-input": "12.2.3",
33
- "@commercetools-uikit/secondary-icon-button": "12.2.3",
34
- "@commercetools-uikit/select-input": "12.2.3",
35
- "@commercetools-uikit/spacings": "12.2.3",
36
- "@commercetools-uikit/text": "12.2.3",
37
- "@commercetools-uikit/utils": "12.2.0",
22
+ "@babel/runtime": "7.16.3",
23
+ "@babel/runtime-corejs3": "7.16.3",
24
+ "@commercetools-uikit/constraints": "12.2.5",
25
+ "@commercetools-uikit/design-system": "12.2.5",
26
+ "@commercetools-uikit/icons": "12.2.7",
27
+ "@commercetools-uikit/label": "12.2.5",
28
+ "@commercetools-uikit/number-input": "12.2.7",
29
+ "@commercetools-uikit/secondary-icon-button": "12.2.5",
30
+ "@commercetools-uikit/select-input": "12.2.7",
31
+ "@commercetools-uikit/spacings": "12.2.5",
32
+ "@commercetools-uikit/text": "12.2.5",
33
+ "@commercetools-uikit/utils": "12.2.5",
38
34
  "@emotion/react": "^11.4.0",
39
35
  "@emotion/styled": "^11.3.0",
40
36
  "formik": "^2.2.9",
@@ -43,7 +39,7 @@
43
39
  },
44
40
  "devDependencies": {
45
41
  "react": "17.0.2",
46
- "react-intl": "5.20.7"
42
+ "react-intl": "5.21.2"
47
43
  },
48
44
  "peerDependencies": {
49
45
  "react": "17.x",