@commercetools-uikit/pagination 16.1.0 → 16.2.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.
Files changed (4) hide show
  1. package/dist/commercetools-uikit-pagination.cjs.dev.js +3 -11
  2. package/dist/commercetools-uikit-pagination.cjs.prod.js +3 -11
  3. package/dist/commercetools-uikit-pagination.esm.js +3 -10
  4. package/package.json +11 -11
package/dist/commercetools-uikit-pagination.cjs.dev.js CHANGED
@@ -21,7 +21,6 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/ob
21
21
  var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
22
22
  var react = require('react');
23
23
  var uniqueId = require('lodash/uniqueId');
24
- var designSystem = require('@commercetools-uikit/design-system');
25
24
  var SelectInput = require('@commercetools-uikit/select-input');
26
25
  var Constraints = require('@commercetools-uikit/constraints');
27
26
  var utils = require('@commercetools-uikit/utils');
@@ -32,7 +31,6 @@ var formik = require('formik');
32
31
  var icons = require('@commercetools-uikit/icons');
33
32
  var NumberInput = require('@commercetools-uikit/number-input');
34
33
  var SecondaryIconButton = require('@commercetools-uikit/secondary-icon-button');
35
- var Text = require('@commercetools-uikit/text');
36
34
 
37
35
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
38
36
 
@@ -56,7 +54,6 @@ var Label__default = /*#__PURE__*/_interopDefault(Label);
56
54
  var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInstanceProperty);
57
55
  var NumberInput__default = /*#__PURE__*/_interopDefault(NumberInput);
58
56
  var SecondaryIconButton__default = /*#__PURE__*/_interopDefault(SecondaryIconButton);
59
- var Text__default = /*#__PURE__*/_interopDefault(Text);
60
57
 
61
58
  const isValid = (page, totalPages) => {
62
59
  if (page > totalPages) return false;
@@ -100,12 +97,9 @@ function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["d
100
97
  function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _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
98
  const PageNavigator = props => {
102
99
  const intl = reactIntl.useIntl();
103
- const _useTheme = designSystem.useTheme(),
104
- themedValue = _useTheme.themedValue;
105
100
  const _useState = react.useState(uniqueId__default["default"]('page-number-')),
106
101
  _useState2 = _slicedToArray(_useState, 1),
107
102
  pageNumberInputId = _useState2[0];
108
- const TotalPagesCountComponent = themedValue(Text__default["default"].Body, Label__default["default"]);
109
103
  const paginationForm = formik.useFormik({
110
104
  initialValues: {
111
105
  page: props.page
@@ -172,7 +166,7 @@ const PageNavigator = props => {
172
166
  hasWarning: Boolean(paginationForm.errors.page),
173
167
  horizontalConstraint: 2
174
168
  })
175
- }), jsxRuntime.jsx(TotalPagesCountComponent, {
169
+ }), jsxRuntime.jsx(Label__default["default"], {
176
170
  intlMessage: _objectSpread$1(_objectSpread$1({}, messages$2.pageCount), {}, {
177
171
  values: {
178
172
  count: props.totalPages
@@ -220,8 +214,6 @@ const mapRangeToListOfOptions = perPageRange => {
220
214
  };
221
215
  const PageSizeSelector = props => {
222
216
  var _context;
223
- const _useTheme = designSystem.useTheme(),
224
- themedValue = _useTheme.themedValue;
225
217
  const _useState = react.useState(uniqueId__default["default"]('per-page-selector-')),
226
218
  _useState2 = _slicedToArray(_useState, 1),
227
219
  perPageSelectorId = _useState2[0];
@@ -235,7 +227,7 @@ const PageSizeSelector = props => {
235
227
  return jsxRuntime.jsxs(Spacings__default["default"].Inline, {
236
228
  alignItems: "center",
237
229
  children: [jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
238
- max: themedValue(2, 'auto'),
230
+ max: "auto",
239
231
  children: jsxRuntime.jsx(SelectInput__default["default"], {
240
232
  id: perPageSelectorId,
241
233
  name: "per-page-selector",
@@ -309,7 +301,7 @@ Pagination.defaultProps = defaultProps;
309
301
  var Pagination$1 = Pagination;
310
302
 
311
303
  // NOTE: This string will be replaced on build time with the package version.
312
- var version = "16.1.0";
304
+ var version = "16.2.0";
313
305
 
314
306
  exports.PageNavigator = PageNavigator$1;
315
307
  exports.PageSizeSelector = PageSizeSelector$1;
package/dist/commercetools-uikit-pagination.cjs.prod.js CHANGED
@@ -21,7 +21,6 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/ob
21
21
  var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
22
22
  var react = require('react');
23
23
  var uniqueId = require('lodash/uniqueId');
24
- var designSystem = require('@commercetools-uikit/design-system');
25
24
  var SelectInput = require('@commercetools-uikit/select-input');
26
25
  var Constraints = require('@commercetools-uikit/constraints');
27
26
  require('@commercetools-uikit/utils');
@@ -32,7 +31,6 @@ var formik = require('formik');
32
31
  var icons = require('@commercetools-uikit/icons');
33
32
  var NumberInput = require('@commercetools-uikit/number-input');
34
33
  var SecondaryIconButton = require('@commercetools-uikit/secondary-icon-button');
35
- var Text = require('@commercetools-uikit/text');
36
34
 
37
35
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
38
36
 
@@ -54,7 +52,6 @@ var Label__default = /*#__PURE__*/_interopDefault(Label);
54
52
  var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInstanceProperty);
55
53
  var NumberInput__default = /*#__PURE__*/_interopDefault(NumberInput);
56
54
  var SecondaryIconButton__default = /*#__PURE__*/_interopDefault(SecondaryIconButton);
57
- var Text__default = /*#__PURE__*/_interopDefault(Text);
58
55
 
59
56
  const isValid = (page, totalPages) => {
60
57
  if (page > totalPages) return false;
@@ -98,12 +95,9 @@ function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["d
98
95
  function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _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; }
99
96
  const PageNavigator = props => {
100
97
  const intl = reactIntl.useIntl();
101
- const _useTheme = designSystem.useTheme(),
102
- themedValue = _useTheme.themedValue;
103
98
  const _useState = react.useState(uniqueId__default["default"]('page-number-')),
104
99
  _useState2 = _slicedToArray(_useState, 1),
105
100
  pageNumberInputId = _useState2[0];
106
- const TotalPagesCountComponent = themedValue(Text__default["default"].Body, Label__default["default"]);
107
101
  const paginationForm = formik.useFormik({
108
102
  initialValues: {
109
103
  page: props.page
@@ -170,7 +164,7 @@ const PageNavigator = props => {
170
164
  hasWarning: Boolean(paginationForm.errors.page),
171
165
  horizontalConstraint: 2
172
166
  })
173
- }), jsxRuntime.jsx(TotalPagesCountComponent, {
167
+ }), jsxRuntime.jsx(Label__default["default"], {
174
168
  intlMessage: _objectSpread$1(_objectSpread$1({}, messages$2.pageCount), {}, {
175
169
  values: {
176
170
  count: props.totalPages
@@ -213,8 +207,6 @@ const mapRangeToListOfOptions = perPageRange => {
213
207
  }
214
208
  };
215
209
  const PageSizeSelector = props => {
216
- const _useTheme = designSystem.useTheme(),
217
- themedValue = _useTheme.themedValue;
218
210
  const _useState = react.useState(uniqueId__default["default"]('per-page-selector-')),
219
211
  _useState2 = _slicedToArray(_useState, 1),
220
212
  perPageSelectorId = _useState2[0];
@@ -227,7 +219,7 @@ const PageSizeSelector = props => {
227
219
  return jsxRuntime.jsxs(Spacings__default["default"].Inline, {
228
220
  alignItems: "center",
229
221
  children: [jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
230
- max: themedValue(2, 'auto'),
222
+ max: "auto",
231
223
  children: jsxRuntime.jsx(SelectInput__default["default"], {
232
224
  id: perPageSelectorId,
233
225
  name: "per-page-selector",
@@ -290,7 +282,7 @@ Pagination.defaultProps = defaultProps;
290
282
  var Pagination$1 = Pagination;
291
283
 
292
284
  // NOTE: This string will be replaced on build time with the package version.
293
- var version = "16.1.0";
285
+ var version = "16.2.0";
294
286
 
295
287
  exports.PageNavigator = PageNavigator$1;
296
288
  exports.PageSizeSelector = PageSizeSelector$1;
package/dist/commercetools-uikit-pagination.esm.js CHANGED
@@ -17,7 +17,6 @@ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/obje
17
17
  import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
18
18
  import { useState, useCallback } from 'react';
19
19
  import uniqueId from 'lodash/uniqueId';
20
- import { useTheme } from '@commercetools-uikit/design-system';
21
20
  import SelectInput from '@commercetools-uikit/select-input';
22
21
  import Constraints from '@commercetools-uikit/constraints';
23
22
  import { warning } from '@commercetools-uikit/utils';
@@ -28,7 +27,6 @@ import { useFormik } from 'formik';
28
27
  import { AngleLeftIcon, AngleRightIcon } from '@commercetools-uikit/icons';
29
28
  import NumberInput from '@commercetools-uikit/number-input';
30
29
  import SecondaryIconButton from '@commercetools-uikit/secondary-icon-button';
31
- import Text from '@commercetools-uikit/text';
32
30
 
33
31
  const isValid = (page, totalPages) => {
34
32
  if (page > totalPages) return false;
@@ -72,12 +70,9 @@ function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if
72
70
  function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
73
71
  const PageNavigator = props => {
74
72
  const intl = useIntl();
75
- const _useTheme = useTheme(),
76
- themedValue = _useTheme.themedValue;
77
73
  const _useState = useState(uniqueId('page-number-')),
78
74
  _useState2 = _slicedToArray(_useState, 1),
79
75
  pageNumberInputId = _useState2[0];
80
- const TotalPagesCountComponent = themedValue(Text.Body, Label);
81
76
  const paginationForm = useFormik({
82
77
  initialValues: {
83
78
  page: props.page
@@ -144,7 +139,7 @@ const PageNavigator = props => {
144
139
  hasWarning: Boolean(paginationForm.errors.page),
145
140
  horizontalConstraint: 2
146
141
  })
147
- }), jsx(TotalPagesCountComponent, {
142
+ }), jsx(Label, {
148
143
  intlMessage: _objectSpread$1(_objectSpread$1({}, messages$2.pageCount), {}, {
149
144
  values: {
150
145
  count: props.totalPages
@@ -192,8 +187,6 @@ const mapRangeToListOfOptions = perPageRange => {
192
187
  };
193
188
  const PageSizeSelector = props => {
194
189
  var _context;
195
- const _useTheme = useTheme(),
196
- themedValue = _useTheme.themedValue;
197
190
  const _useState = useState(uniqueId('per-page-selector-')),
198
191
  _useState2 = _slicedToArray(_useState, 1),
199
192
  perPageSelectorId = _useState2[0];
@@ -207,7 +200,7 @@ const PageSizeSelector = props => {
207
200
  return jsxs(Spacings.Inline, {
208
201
  alignItems: "center",
209
202
  children: [jsx(Constraints.Horizontal, {
210
- max: themedValue(2, 'auto'),
203
+ max: "auto",
211
204
  children: jsx(SelectInput, {
212
205
  id: perPageSelectorId,
213
206
  name: "per-page-selector",
@@ -281,6 +274,6 @@ Pagination.defaultProps = defaultProps;
281
274
  var Pagination$1 = Pagination;
282
275
 
283
276
  // NOTE: This string will be replaced on build time with the package version.
284
- var version = "16.1.0";
277
+ var version = "16.2.0";
285
278
 
286
279
  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": "16.1.0",
4
+ "version": "16.2.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": "16.1.0",
25
- "@commercetools-uikit/design-system": "16.1.0",
26
- "@commercetools-uikit/icons": "16.1.0",
27
- "@commercetools-uikit/label": "16.1.0",
28
- "@commercetools-uikit/number-input": "16.1.0",
29
- "@commercetools-uikit/secondary-icon-button": "16.1.0",
30
- "@commercetools-uikit/select-input": "16.1.0",
31
- "@commercetools-uikit/spacings": "16.1.0",
32
- "@commercetools-uikit/text": "16.1.0",
33
- "@commercetools-uikit/utils": "16.1.0",
24
+ "@commercetools-uikit/constraints": "16.2.0",
25
+ "@commercetools-uikit/design-system": "16.2.0",
26
+ "@commercetools-uikit/icons": "16.2.0",
27
+ "@commercetools-uikit/label": "16.2.0",
28
+ "@commercetools-uikit/number-input": "16.2.0",
29
+ "@commercetools-uikit/secondary-icon-button": "16.2.0",
30
+ "@commercetools-uikit/select-input": "16.2.0",
31
+ "@commercetools-uikit/spacings": "16.2.0",
32
+ "@commercetools-uikit/text": "16.2.0",
33
+ "@commercetools-uikit/utils": "16.2.0",
34
34
  "@emotion/react": "^11.10.5",
35
35
  "@emotion/styled": "^11.10.5",
36
36
  "formik": "^2.2.9",