@commercetools-uikit/view-switcher 19.26.0 → 20.0.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.
@@ -3,7 +3,6 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
6
- var _pt = require('prop-types');
7
6
  var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
8
7
  var react$1 = require('react');
9
8
  var isNil = require('lodash/isNil');
@@ -15,7 +14,6 @@ var jsxRuntime = require('@emotion/react/jsx-runtime');
15
14
 
16
15
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
17
16
 
18
- var _pt__default = /*#__PURE__*/_interopDefault(_pt);
19
17
  var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
20
18
  var isNil__default = /*#__PURE__*/_interopDefault(isNil);
21
19
  var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
@@ -49,9 +47,9 @@ const ViewSwitcherButton = props => {
49
47
  onClick: props.onClick,
50
48
  isDisabled: props.isDisabled,
51
49
  children: [props.icon && jsxRuntime.jsx("span", {
52
- css: /*#__PURE__*/react.css("margin:", props.children ? `0 ${designSystem.designTokens.spacing20} 0 0` : '0', ";display:flex;align-items:center;justify-content:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:ViewSwitcherButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RWtCIiwiZmlsZSI6InZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGNsb25lRWxlbWVudCxcbiAgdHlwZSBNb3VzZUV2ZW50LFxuICB0eXBlIEtleWJvYXJkRXZlbnQsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxuICBGQyxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgZ2V0QnV0dG9uU3R5bGVzIH0gZnJvbSAnLi92aWV3LXN3aXRjaGVyLnN0eWxlcyc7XG5cbi8qKlxuICogUHJvcHMgZm9yIHRoZSBWaWV3U3dpdGNoZXJCdXR0b24gY29tcG9uZW50XG4gKi9cbmV4cG9ydCB0eXBlIFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wcyA9IHtcbiAgLyoqIFRoZSB0ZXh0IGNvbnRlbnQgdG8gYmUgZGlzcGxheWVkIGluc2lkZSB0aGUgYnV0dG9uICovXG4gIGNoaWxkcmVuPzogc3RyaW5nO1xuICAvKiogQW4gaWNvbiBlbGVtZW50IHRvIGJlIGRpc3BsYXllZCBpbnNpZGUgdGhlIGJ1dHRvbiAqL1xuICBpY29uPzogUmVhY3RFbGVtZW50O1xuICAvKiogSW5kaWNhdGVzIGlmIHRoZSBidXR0b24gaXMgaW4gYWN0aXZlIHN0YXRlICovXG4gIGlzQWN0aXZlPzogYm9vbGVhbjtcbiAgLyoqIEluZGljYXRlcyBpZiB0aGUgYnV0dG9uIGlzIGRpc2FibGVkICovXG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xuICAvKiogSW5kaWNhdGVzIGlmIHRoZSBidXR0b24gc2hvdWxkIGJlIHJlbmRlcmVkIGluIGNvbmRlbnNlZCBtb2RlICovXG4gIGlzQ29uZGVuc2VkPzogYm9vbGVhbjtcbiAgLyoqIEluZGljYXRlcyBpZiB0aGlzIGJ1dHRvbiBpcyB0aGUgZmlyc3QgaW4gYSBncm91cCBvZiBidXR0b25zICovXG4gIGlzRmlyc3RCdXR0b24/OiBib29sZWFuO1xuICAvKiogSW5kaWNhdGVzIGlmIHRoaXMgYnV0dG9uIGlzIHRoZSBsYXN0IGluIGEgZ3JvdXAgb2YgYnV0dG9ucyAqL1xuICBpc0xhc3RCdXR0b24/OiBib29sZWFuO1xuICAvKiogQWNjZXNzaWJsZSBsYWJlbCBmb3IgdGhlIGJ1dHRvbiAocmVxdWlyZWQgd2hlbiBvbmx5IGljb24gaXMgcHJvdmlkZWQpICovXG4gIGxhYmVsPzogc3RyaW5nO1xuICAvKiogVmFsdWUgYXNzb2NpYXRlZCB3aXRoIHRoZSBidXR0b24gKi9cbiAgdmFsdWU6IHN0cmluZztcbiAgLyoqIEhhbmRsZXIgY2FsbGVkIHdoZW4gdGhlIGJ1dHRvbiBpcyBjbGlja2VkICovXG4gIG9uQ2xpY2s/OiAoXG4gICAgZXZlbnQ6XG4gICAgICB8IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICAgICB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICAgICB8IHN0cmluZ1xuICApID0+IHZvaWQ7XG59O1xuXG5leHBvcnQgdHlwZSBUVmlld1N3aXRjaGVyQnV0dG9uRWxlbWVudCA9IEZDPFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wcz47XG5cbmNvbnN0IFZpZXdTd2l0Y2hlckJ1dHRvbjogVFZpZXdTd2l0Y2hlckJ1dHRvbkVsZW1lbnQgPSAocHJvcHMpID0+IHtcbiAgd2FybmluZyhcbiAgICBCb29sZWFuKHByb3BzLmNoaWxkcmVuIHx8IHByb3BzLmljb24pLFxuICAgICd1aWtpdC9WaWV3U3dpdGNoZXJCdXR0b246IFlvdSBuZWVkIHRvIHByb3ZpZGUgYXQgbGVhc3QgdGhlIGBjaGlsZHJlbmAgdG8gcmVuZGVyIGluc2lkZSB0aGUgYnV0dG9uIG9yIGFuIGBpY29uYC4nXG4gICk7XG5cbiAgd2FybmluZyhcbiAgICBCb29sZWFuKHByb3BzLmxhYmVsIHx8IHByb3BzLmNoaWxkcmVuKSxcbiAgICAndWlraXQvVmlld1N3aXRjaGVyQnV0dG9uOiBZb3UgbmVlZCB0byBwcm92aWRlIGEgYGxhYmVsYCB3aGVuIHJlbmRlcmluZyBvbmx5IGFuIGBpY29uYCB3aXRoaW4gdGhlIGJ1dHRvbi4nXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgICAgbGFiZWw9e3Byb3BzLmxhYmVsID8/IHByb3BzLmNoaWxkcmVuID8/ICcnfVxuICAgICAgY3NzPXtnZXRCdXR0b25TdHlsZXMoXG4gICAgICAgIHByb3BzLmlzRGlzYWJsZWQsXG4gICAgICAgIHByb3BzLmlzQWN0aXZlLFxuICAgICAgICBwcm9wcy5pc0NvbmRlbnNlZCxcbiAgICAgICAgcHJvcHMuaXNGaXJzdEJ1dHRvbixcbiAgICAgICAgcHJvcHMuaXNMYXN0QnV0dG9uXG4gICAgICApfVxuICAgICAgb25DbGljaz17cHJvcHMub25DbGlja31cbiAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgPlxuICAgICAge3Byb3BzLmljb24gJiYgKFxuICAgICAgICA8c3BhblxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgbWFyZ2luOiAke3Byb3BzLmNoaWxkcmVuID8gYDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzIwfSAwIDBgIDogJzAnfTtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIHtjbG9uZUVsZW1lbnQocHJvcHMuaWNvbiwge1xuICAgICAgICAgICAgc2l6ZTogcHJvcHMuaXNDb25kZW5zZWQgPyAnbWVkaXVtJyA6ICdiaWcnLFxuICAgICAgICAgIH0pfVxuICAgICAgICA8L3NwYW4+XG4gICAgICApfVxuICAgICAge3Byb3BzLmNoaWxkcmVuICYmIDxzcGFuPntwcm9wcy5jaGlsZHJlbn08L3NwYW4+fVxuICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgKTtcbn07XG5cblZpZXdTd2l0Y2hlckJ1dHRvbi5kaXNwbGF5TmFtZSA9ICdWaWV3U3dpdGNoZXIuQnV0dG9uJztcbmV4cG9ydCBkZWZhdWx0IFZpZXdTd2l0Y2hlckJ1dHRvbjtcbiJdfQ== */"),
50
+ css: /*#__PURE__*/react.css("margin:", props.children ? `0 ${designSystem.designTokens.spacing20} 0 0` : '0', ";display:flex;align-items:center;justify-content:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:ViewSwitcherButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RWtCIiwiZmlsZSI6InZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGNsb25lRWxlbWVudCxcbiAgdHlwZSBNb3VzZUV2ZW50LFxuICB0eXBlIEtleWJvYXJkRXZlbnQsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxuICBGQyxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgZ2V0QnV0dG9uU3R5bGVzIH0gZnJvbSAnLi92aWV3LXN3aXRjaGVyLnN0eWxlcyc7XG5cbi8qKlxuICogUHJvcHMgZm9yIHRoZSBWaWV3U3dpdGNoZXJCdXR0b24gY29tcG9uZW50XG4gKi9cbmV4cG9ydCB0eXBlIFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wcyA9IHtcbiAgLyoqIFRoZSB0ZXh0IGNvbnRlbnQgdG8gYmUgZGlzcGxheWVkIGluc2lkZSB0aGUgYnV0dG9uICovXG4gIGNoaWxkcmVuPzogc3RyaW5nO1xuICAvKiogQW4gaWNvbiBlbGVtZW50IHRvIGJlIGRpc3BsYXllZCBpbnNpZGUgdGhlIGJ1dHRvbiAqL1xuICBpY29uPzogUmVhY3RFbGVtZW50PHsgc2l6ZT86IHN0cmluZyB9PjtcbiAgLyoqIEluZGljYXRlcyBpZiB0aGUgYnV0dG9uIGlzIGluIGFjdGl2ZSBzdGF0ZSAqL1xuICBpc0FjdGl2ZT86IGJvb2xlYW47XG4gIC8qKiBJbmRpY2F0ZXMgaWYgdGhlIGJ1dHRvbiBpcyBkaXNhYmxlZCAqL1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqIEluZGljYXRlcyBpZiB0aGUgYnV0dG9uIHNob3VsZCBiZSByZW5kZXJlZCBpbiBjb25kZW5zZWQgbW9kZSAqL1xuICBpc0NvbmRlbnNlZD86IGJvb2xlYW47XG4gIC8qKiBJbmRpY2F0ZXMgaWYgdGhpcyBidXR0b24gaXMgdGhlIGZpcnN0IGluIGEgZ3JvdXAgb2YgYnV0dG9ucyAqL1xuICBpc0ZpcnN0QnV0dG9uPzogYm9vbGVhbjtcbiAgLyoqIEluZGljYXRlcyBpZiB0aGlzIGJ1dHRvbiBpcyB0aGUgbGFzdCBpbiBhIGdyb3VwIG9mIGJ1dHRvbnMgKi9cbiAgaXNMYXN0QnV0dG9uPzogYm9vbGVhbjtcbiAgLyoqIEFjY2Vzc2libGUgbGFiZWwgZm9yIHRoZSBidXR0b24gKHJlcXVpcmVkIHdoZW4gb25seSBpY29uIGlzIHByb3ZpZGVkKSAqL1xuICBsYWJlbD86IHN0cmluZztcbiAgLyoqIFZhbHVlIGFzc29jaWF0ZWQgd2l0aCB0aGUgYnV0dG9uICovXG4gIHZhbHVlOiBzdHJpbmc7XG4gIC8qKiBIYW5kbGVyIGNhbGxlZCB3aGVuIHRoZSBidXR0b24gaXMgY2xpY2tlZCAqL1xuICBvbkNsaWNrPzogKFxuICAgIGV2ZW50OlxuICAgICAgfCBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PlxuICAgICAgfCBLZXlib2FyZEV2ZW50PEhUTUxCdXR0b25FbGVtZW50PlxuICAgICAgfCBzdHJpbmdcbiAgKSA9PiB2b2lkO1xufTtcblxuZXhwb3J0IHR5cGUgVFZpZXdTd2l0Y2hlckJ1dHRvbkVsZW1lbnQgPSBGQzxUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHM+O1xuXG5jb25zdCBWaWV3U3dpdGNoZXJCdXR0b246IFRWaWV3U3dpdGNoZXJCdXR0b25FbGVtZW50ID0gKHByb3BzKSA9PiB7XG4gIHdhcm5pbmcoXG4gICAgQm9vbGVhbihwcm9wcy5jaGlsZHJlbiB8fCBwcm9wcy5pY29uKSxcbiAgICAndWlraXQvVmlld1N3aXRjaGVyQnV0dG9uOiBZb3UgbmVlZCB0byBwcm92aWRlIGF0IGxlYXN0IHRoZSBgY2hpbGRyZW5gIHRvIHJlbmRlciBpbnNpZGUgdGhlIGJ1dHRvbiBvciBhbiBgaWNvbmAuJ1xuICApO1xuXG4gIHdhcm5pbmcoXG4gICAgQm9vbGVhbihwcm9wcy5sYWJlbCB8fCBwcm9wcy5jaGlsZHJlbiksXG4gICAgJ3Vpa2l0L1ZpZXdTd2l0Y2hlckJ1dHRvbjogWW91IG5lZWQgdG8gcHJvdmlkZSBhIGBsYWJlbGAgd2hlbiByZW5kZXJpbmcgb25seSBhbiBgaWNvbmAgd2l0aGluIHRoZSBidXR0b24uJ1xuICApO1xuXG4gIHJldHVybiAoXG4gICAgPEFjY2Vzc2libGVCdXR0b25cbiAgICAgIGxhYmVsPXtwcm9wcy5sYWJlbCA/PyBwcm9wcy5jaGlsZHJlbiA/PyAnJ31cbiAgICAgIGNzcz17Z2V0QnV0dG9uU3R5bGVzKFxuICAgICAgICBwcm9wcy5pc0Rpc2FibGVkLFxuICAgICAgICBwcm9wcy5pc0FjdGl2ZSxcbiAgICAgICAgcHJvcHMuaXNDb25kZW5zZWQsXG4gICAgICAgIHByb3BzLmlzRmlyc3RCdXR0b24sXG4gICAgICAgIHByb3BzLmlzTGFzdEJ1dHRvblxuICAgICAgKX1cbiAgICAgIG9uQ2xpY2s9e3Byb3BzLm9uQ2xpY2t9XG4gICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgID5cbiAgICAgIHtwcm9wcy5pY29uICYmIChcbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIG1hcmdpbjogJHtwcm9wcy5jaGlsZHJlbiA/IGAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH0gMCAwYCA6ICcwJ307XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2xvbmVFbGVtZW50KHByb3BzLmljb24sIHtcbiAgICAgICAgICAgIHNpemU6IHByb3BzLmlzQ29uZGVuc2VkID8gJzIwJyA6ICc0MCcsXG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgICB7cHJvcHMuY2hpbGRyZW4gJiYgPHNwYW4+e3Byb3BzLmNoaWxkcmVufTwvc3Bhbj59XG4gICAgPC9BY2Nlc3NpYmxlQnV0dG9uPlxuICApO1xufTtcblxuVmlld1N3aXRjaGVyQnV0dG9uLmRpc3BsYXlOYW1lID0gJ1ZpZXdTd2l0Y2hlci5CdXR0b24nO1xuZXhwb3J0IGRlZmF1bHQgVmlld1N3aXRjaGVyQnV0dG9uO1xuIl19 */"),
53
51
  children: /*#__PURE__*/react$1.cloneElement(props.icon, {
54
- size: props.isCondensed ? 'medium' : 'big'
52
+ size: props.isCondensed ? '20' : '40'
55
53
  })
56
54
  }), props.children && jsxRuntime.jsx("span", {
57
55
  children: props.children
@@ -112,18 +110,11 @@ const ViewSwitcher$1 = props => {
112
110
  children: viewSwitcherElements
113
111
  });
114
112
  };
115
- ViewSwitcher$1.propTypes = process.env.NODE_ENV !== "production" ? {
116
- isCondensed: _pt__default["default"].bool,
117
- children: _pt__default["default"].oneOfType([_pt__default["default"].element, _pt__default["default"].arrayOf(_pt__default["default"].element)]).isRequired,
118
- onChange: _pt__default["default"].func,
119
- defaultSelected: _pt__default["default"].string,
120
- selectedValue: _pt__default["default"].string
121
- } : {};
122
113
  ViewSwitcher$1.displayName = 'ViewSwitcher.Group';
123
114
  var Group = ViewSwitcher$1;
124
115
 
125
116
  // NOTE: This string will be replaced on build time with the package version.
126
- var version = "19.26.0";
117
+ var version = "20.0.0";
127
118
 
128
119
  const ViewSwitcher = {
129
120
  Group,
@@ -3,7 +3,6 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
6
- require('prop-types');
7
6
  var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
8
7
  var react$1 = require('react');
9
8
  var isNil = require('lodash/isNil');
@@ -48,7 +47,7 @@ const ViewSwitcherButton = props => {
48
47
  children: [props.icon && jsxRuntime.jsx("span", {
49
48
  css: /*#__PURE__*/react.css("margin:", props.children ? `0 ${designSystem.designTokens.spacing20} 0 0` : '0', ";display:flex;align-items:center;justify-content:center;" + ("" ), "" ),
50
49
  children: /*#__PURE__*/react$1.cloneElement(props.icon, {
51
- size: props.isCondensed ? 'medium' : 'big'
50
+ size: props.isCondensed ? '20' : '40'
52
51
  })
53
52
  }), props.children && jsxRuntime.jsx("span", {
54
53
  children: props.children
@@ -99,12 +98,11 @@ const ViewSwitcher$1 = props => {
99
98
  children: viewSwitcherElements
100
99
  });
101
100
  };
102
- ViewSwitcher$1.propTypes = {};
103
101
  ViewSwitcher$1.displayName = 'ViewSwitcher.Group';
104
102
  var Group = ViewSwitcher$1;
105
103
 
106
104
  // NOTE: This string will be replaced on build time with the package version.
107
- var version = "19.26.0";
105
+ var version = "20.0.0";
108
106
 
109
107
  const ViewSwitcher = {
110
108
  Group,
@@ -1,5 +1,4 @@
1
1
  import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
2
- import _pt from 'prop-types';
3
2
  import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
4
3
  import { cloneElement, useState, Children, isValidElement } from 'react';
5
4
  import isNil from 'lodash/isNil';
@@ -38,9 +37,9 @@ const ViewSwitcherButton = props => {
38
37
  onClick: props.onClick,
39
38
  isDisabled: props.isDisabled,
40
39
  children: [props.icon && jsx("span", {
41
- css: /*#__PURE__*/css("margin:", props.children ? `0 ${designTokens.spacing20} 0 0` : '0', ";display:flex;align-items:center;justify-content:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:ViewSwitcherButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RWtCIiwiZmlsZSI6InZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGNsb25lRWxlbWVudCxcbiAgdHlwZSBNb3VzZUV2ZW50LFxuICB0eXBlIEtleWJvYXJkRXZlbnQsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxuICBGQyxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgZ2V0QnV0dG9uU3R5bGVzIH0gZnJvbSAnLi92aWV3LXN3aXRjaGVyLnN0eWxlcyc7XG5cbi8qKlxuICogUHJvcHMgZm9yIHRoZSBWaWV3U3dpdGNoZXJCdXR0b24gY29tcG9uZW50XG4gKi9cbmV4cG9ydCB0eXBlIFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wcyA9IHtcbiAgLyoqIFRoZSB0ZXh0IGNvbnRlbnQgdG8gYmUgZGlzcGxheWVkIGluc2lkZSB0aGUgYnV0dG9uICovXG4gIGNoaWxkcmVuPzogc3RyaW5nO1xuICAvKiogQW4gaWNvbiBlbGVtZW50IHRvIGJlIGRpc3BsYXllZCBpbnNpZGUgdGhlIGJ1dHRvbiAqL1xuICBpY29uPzogUmVhY3RFbGVtZW50O1xuICAvKiogSW5kaWNhdGVzIGlmIHRoZSBidXR0b24gaXMgaW4gYWN0aXZlIHN0YXRlICovXG4gIGlzQWN0aXZlPzogYm9vbGVhbjtcbiAgLyoqIEluZGljYXRlcyBpZiB0aGUgYnV0dG9uIGlzIGRpc2FibGVkICovXG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xuICAvKiogSW5kaWNhdGVzIGlmIHRoZSBidXR0b24gc2hvdWxkIGJlIHJlbmRlcmVkIGluIGNvbmRlbnNlZCBtb2RlICovXG4gIGlzQ29uZGVuc2VkPzogYm9vbGVhbjtcbiAgLyoqIEluZGljYXRlcyBpZiB0aGlzIGJ1dHRvbiBpcyB0aGUgZmlyc3QgaW4gYSBncm91cCBvZiBidXR0b25zICovXG4gIGlzRmlyc3RCdXR0b24/OiBib29sZWFuO1xuICAvKiogSW5kaWNhdGVzIGlmIHRoaXMgYnV0dG9uIGlzIHRoZSBsYXN0IGluIGEgZ3JvdXAgb2YgYnV0dG9ucyAqL1xuICBpc0xhc3RCdXR0b24/OiBib29sZWFuO1xuICAvKiogQWNjZXNzaWJsZSBsYWJlbCBmb3IgdGhlIGJ1dHRvbiAocmVxdWlyZWQgd2hlbiBvbmx5IGljb24gaXMgcHJvdmlkZWQpICovXG4gIGxhYmVsPzogc3RyaW5nO1xuICAvKiogVmFsdWUgYXNzb2NpYXRlZCB3aXRoIHRoZSBidXR0b24gKi9cbiAgdmFsdWU6IHN0cmluZztcbiAgLyoqIEhhbmRsZXIgY2FsbGVkIHdoZW4gdGhlIGJ1dHRvbiBpcyBjbGlja2VkICovXG4gIG9uQ2xpY2s/OiAoXG4gICAgZXZlbnQ6XG4gICAgICB8IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICAgICB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICAgICB8IHN0cmluZ1xuICApID0+IHZvaWQ7XG59O1xuXG5leHBvcnQgdHlwZSBUVmlld1N3aXRjaGVyQnV0dG9uRWxlbWVudCA9IEZDPFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wcz47XG5cbmNvbnN0IFZpZXdTd2l0Y2hlckJ1dHRvbjogVFZpZXdTd2l0Y2hlckJ1dHRvbkVsZW1lbnQgPSAocHJvcHMpID0+IHtcbiAgd2FybmluZyhcbiAgICBCb29sZWFuKHByb3BzLmNoaWxkcmVuIHx8IHByb3BzLmljb24pLFxuICAgICd1aWtpdC9WaWV3U3dpdGNoZXJCdXR0b246IFlvdSBuZWVkIHRvIHByb3ZpZGUgYXQgbGVhc3QgdGhlIGBjaGlsZHJlbmAgdG8gcmVuZGVyIGluc2lkZSB0aGUgYnV0dG9uIG9yIGFuIGBpY29uYC4nXG4gICk7XG5cbiAgd2FybmluZyhcbiAgICBCb29sZWFuKHByb3BzLmxhYmVsIHx8IHByb3BzLmNoaWxkcmVuKSxcbiAgICAndWlraXQvVmlld1N3aXRjaGVyQnV0dG9uOiBZb3UgbmVlZCB0byBwcm92aWRlIGEgYGxhYmVsYCB3aGVuIHJlbmRlcmluZyBvbmx5IGFuIGBpY29uYCB3aXRoaW4gdGhlIGJ1dHRvbi4nXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgICAgbGFiZWw9e3Byb3BzLmxhYmVsID8/IHByb3BzLmNoaWxkcmVuID8/ICcnfVxuICAgICAgY3NzPXtnZXRCdXR0b25TdHlsZXMoXG4gICAgICAgIHByb3BzLmlzRGlzYWJsZWQsXG4gICAgICAgIHByb3BzLmlzQWN0aXZlLFxuICAgICAgICBwcm9wcy5pc0NvbmRlbnNlZCxcbiAgICAgICAgcHJvcHMuaXNGaXJzdEJ1dHRvbixcbiAgICAgICAgcHJvcHMuaXNMYXN0QnV0dG9uXG4gICAgICApfVxuICAgICAgb25DbGljaz17cHJvcHMub25DbGlja31cbiAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgPlxuICAgICAge3Byb3BzLmljb24gJiYgKFxuICAgICAgICA8c3BhblxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgbWFyZ2luOiAke3Byb3BzLmNoaWxkcmVuID8gYDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzIwfSAwIDBgIDogJzAnfTtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIHtjbG9uZUVsZW1lbnQocHJvcHMuaWNvbiwge1xuICAgICAgICAgICAgc2l6ZTogcHJvcHMuaXNDb25kZW5zZWQgPyAnbWVkaXVtJyA6ICdiaWcnLFxuICAgICAgICAgIH0pfVxuICAgICAgICA8L3NwYW4+XG4gICAgICApfVxuICAgICAge3Byb3BzLmNoaWxkcmVuICYmIDxzcGFuPntwcm9wcy5jaGlsZHJlbn08L3NwYW4+fVxuICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgKTtcbn07XG5cblZpZXdTd2l0Y2hlckJ1dHRvbi5kaXNwbGF5TmFtZSA9ICdWaWV3U3dpdGNoZXIuQnV0dG9uJztcbmV4cG9ydCBkZWZhdWx0IFZpZXdTd2l0Y2hlckJ1dHRvbjtcbiJdfQ== */"),
40
+ css: /*#__PURE__*/css("margin:", props.children ? `0 ${designTokens.spacing20} 0 0` : '0', ";display:flex;align-items:center;justify-content:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:ViewSwitcherButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RWtCIiwiZmlsZSI6InZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGNsb25lRWxlbWVudCxcbiAgdHlwZSBNb3VzZUV2ZW50LFxuICB0eXBlIEtleWJvYXJkRXZlbnQsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxuICBGQyxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgZ2V0QnV0dG9uU3R5bGVzIH0gZnJvbSAnLi92aWV3LXN3aXRjaGVyLnN0eWxlcyc7XG5cbi8qKlxuICogUHJvcHMgZm9yIHRoZSBWaWV3U3dpdGNoZXJCdXR0b24gY29tcG9uZW50XG4gKi9cbmV4cG9ydCB0eXBlIFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wcyA9IHtcbiAgLyoqIFRoZSB0ZXh0IGNvbnRlbnQgdG8gYmUgZGlzcGxheWVkIGluc2lkZSB0aGUgYnV0dG9uICovXG4gIGNoaWxkcmVuPzogc3RyaW5nO1xuICAvKiogQW4gaWNvbiBlbGVtZW50IHRvIGJlIGRpc3BsYXllZCBpbnNpZGUgdGhlIGJ1dHRvbiAqL1xuICBpY29uPzogUmVhY3RFbGVtZW50PHsgc2l6ZT86IHN0cmluZyB9PjtcbiAgLyoqIEluZGljYXRlcyBpZiB0aGUgYnV0dG9uIGlzIGluIGFjdGl2ZSBzdGF0ZSAqL1xuICBpc0FjdGl2ZT86IGJvb2xlYW47XG4gIC8qKiBJbmRpY2F0ZXMgaWYgdGhlIGJ1dHRvbiBpcyBkaXNhYmxlZCAqL1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqIEluZGljYXRlcyBpZiB0aGUgYnV0dG9uIHNob3VsZCBiZSByZW5kZXJlZCBpbiBjb25kZW5zZWQgbW9kZSAqL1xuICBpc0NvbmRlbnNlZD86IGJvb2xlYW47XG4gIC8qKiBJbmRpY2F0ZXMgaWYgdGhpcyBidXR0b24gaXMgdGhlIGZpcnN0IGluIGEgZ3JvdXAgb2YgYnV0dG9ucyAqL1xuICBpc0ZpcnN0QnV0dG9uPzogYm9vbGVhbjtcbiAgLyoqIEluZGljYXRlcyBpZiB0aGlzIGJ1dHRvbiBpcyB0aGUgbGFzdCBpbiBhIGdyb3VwIG9mIGJ1dHRvbnMgKi9cbiAgaXNMYXN0QnV0dG9uPzogYm9vbGVhbjtcbiAgLyoqIEFjY2Vzc2libGUgbGFiZWwgZm9yIHRoZSBidXR0b24gKHJlcXVpcmVkIHdoZW4gb25seSBpY29uIGlzIHByb3ZpZGVkKSAqL1xuICBsYWJlbD86IHN0cmluZztcbiAgLyoqIFZhbHVlIGFzc29jaWF0ZWQgd2l0aCB0aGUgYnV0dG9uICovXG4gIHZhbHVlOiBzdHJpbmc7XG4gIC8qKiBIYW5kbGVyIGNhbGxlZCB3aGVuIHRoZSBidXR0b24gaXMgY2xpY2tlZCAqL1xuICBvbkNsaWNrPzogKFxuICAgIGV2ZW50OlxuICAgICAgfCBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PlxuICAgICAgfCBLZXlib2FyZEV2ZW50PEhUTUxCdXR0b25FbGVtZW50PlxuICAgICAgfCBzdHJpbmdcbiAgKSA9PiB2b2lkO1xufTtcblxuZXhwb3J0IHR5cGUgVFZpZXdTd2l0Y2hlckJ1dHRvbkVsZW1lbnQgPSBGQzxUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHM+O1xuXG5jb25zdCBWaWV3U3dpdGNoZXJCdXR0b246IFRWaWV3U3dpdGNoZXJCdXR0b25FbGVtZW50ID0gKHByb3BzKSA9PiB7XG4gIHdhcm5pbmcoXG4gICAgQm9vbGVhbihwcm9wcy5jaGlsZHJlbiB8fCBwcm9wcy5pY29uKSxcbiAgICAndWlraXQvVmlld1N3aXRjaGVyQnV0dG9uOiBZb3UgbmVlZCB0byBwcm92aWRlIGF0IGxlYXN0IHRoZSBgY2hpbGRyZW5gIHRvIHJlbmRlciBpbnNpZGUgdGhlIGJ1dHRvbiBvciBhbiBgaWNvbmAuJ1xuICApO1xuXG4gIHdhcm5pbmcoXG4gICAgQm9vbGVhbihwcm9wcy5sYWJlbCB8fCBwcm9wcy5jaGlsZHJlbiksXG4gICAgJ3Vpa2l0L1ZpZXdTd2l0Y2hlckJ1dHRvbjogWW91IG5lZWQgdG8gcHJvdmlkZSBhIGBsYWJlbGAgd2hlbiByZW5kZXJpbmcgb25seSBhbiBgaWNvbmAgd2l0aGluIHRoZSBidXR0b24uJ1xuICApO1xuXG4gIHJldHVybiAoXG4gICAgPEFjY2Vzc2libGVCdXR0b25cbiAgICAgIGxhYmVsPXtwcm9wcy5sYWJlbCA/PyBwcm9wcy5jaGlsZHJlbiA/PyAnJ31cbiAgICAgIGNzcz17Z2V0QnV0dG9uU3R5bGVzKFxuICAgICAgICBwcm9wcy5pc0Rpc2FibGVkLFxuICAgICAgICBwcm9wcy5pc0FjdGl2ZSxcbiAgICAgICAgcHJvcHMuaXNDb25kZW5zZWQsXG4gICAgICAgIHByb3BzLmlzRmlyc3RCdXR0b24sXG4gICAgICAgIHByb3BzLmlzTGFzdEJ1dHRvblxuICAgICAgKX1cbiAgICAgIG9uQ2xpY2s9e3Byb3BzLm9uQ2xpY2t9XG4gICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgID5cbiAgICAgIHtwcm9wcy5pY29uICYmIChcbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIG1hcmdpbjogJHtwcm9wcy5jaGlsZHJlbiA/IGAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH0gMCAwYCA6ICcwJ307XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2xvbmVFbGVtZW50KHByb3BzLmljb24sIHtcbiAgICAgICAgICAgIHNpemU6IHByb3BzLmlzQ29uZGVuc2VkID8gJzIwJyA6ICc0MCcsXG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgICB7cHJvcHMuY2hpbGRyZW4gJiYgPHNwYW4+e3Byb3BzLmNoaWxkcmVufTwvc3Bhbj59XG4gICAgPC9BY2Nlc3NpYmxlQnV0dG9uPlxuICApO1xufTtcblxuVmlld1N3aXRjaGVyQnV0dG9uLmRpc3BsYXlOYW1lID0gJ1ZpZXdTd2l0Y2hlci5CdXR0b24nO1xuZXhwb3J0IGRlZmF1bHQgVmlld1N3aXRjaGVyQnV0dG9uO1xuIl19 */"),
42
41
  children: /*#__PURE__*/cloneElement(props.icon, {
43
- size: props.isCondensed ? 'medium' : 'big'
42
+ size: props.isCondensed ? '20' : '40'
44
43
  })
45
44
  }), props.children && jsx("span", {
46
45
  children: props.children
@@ -101,18 +100,11 @@ const ViewSwitcher$1 = props => {
101
100
  children: viewSwitcherElements
102
101
  });
103
102
  };
104
- ViewSwitcher$1.propTypes = process.env.NODE_ENV !== "production" ? {
105
- isCondensed: _pt.bool,
106
- children: _pt.oneOfType([_pt.element, _pt.arrayOf(_pt.element)]).isRequired,
107
- onChange: _pt.func,
108
- defaultSelected: _pt.string,
109
- selectedValue: _pt.string
110
- } : {};
111
103
  ViewSwitcher$1.displayName = 'ViewSwitcher.Group';
112
104
  var Group = ViewSwitcher$1;
113
105
 
114
106
  // NOTE: This string will be replaced on build time with the package version.
115
- var version = "19.26.0";
107
+ var version = "20.0.0";
116
108
 
117
109
  const ViewSwitcher = {
118
110
  Group,
@@ -6,7 +6,9 @@ export type TViewSwitcherButtonProps = {
6
6
  /** The text content to be displayed inside the button */
7
7
  children?: string;
8
8
  /** An icon element to be displayed inside the button */
9
- icon?: ReactElement;
9
+ icon?: ReactElement<{
10
+ size?: string;
11
+ }>;
10
12
  /** Indicates if the button is in active state */
11
13
  isActive?: boolean;
12
14
  /** Indicates if the button is disabled */
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/view-switcher",
3
3
  "description": "ViewSwitchers allow users to toggle between two or more different views of the same, similar or related content items within the same space on screen.",
4
- "version": "19.26.0",
4
+ "version": "20.0.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -21,18 +21,17 @@
21
21
  "dependencies": {
22
22
  "@babel/runtime": "^7.20.13",
23
23
  "@babel/runtime-corejs3": "^7.20.13",
24
- "@commercetools-uikit/accessible-button": "19.26.0",
25
- "@commercetools-uikit/design-system": "19.26.0",
26
- "@commercetools-uikit/utils": "19.26.0",
24
+ "@commercetools-uikit/accessible-button": "20.0.0",
25
+ "@commercetools-uikit/design-system": "20.0.0",
26
+ "@commercetools-uikit/utils": "20.0.0",
27
27
  "@emotion/react": "^11.10.5",
28
28
  "@emotion/styled": "^11.10.5",
29
- "lodash": "4.17.21",
30
- "prop-types": "15.8.1"
29
+ "lodash": "4.17.21"
31
30
  },
32
31
  "devDependencies": {
33
- "react": "17.0.2"
32
+ "react": "19.0.0"
34
33
  },
35
34
  "peerDependencies": {
36
- "react": "17.x"
35
+ "react": "19.x"
37
36
  }
38
37
  }