@commercetools-uikit/view-switcher 15.10.0 → 15.11.1
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.
|
@@ -10,9 +10,9 @@ var isNil = require('lodash/isNil');
|
|
|
10
10
|
var react = require('@emotion/react');
|
|
11
11
|
var AccessibleButton = require('@commercetools-uikit/accessible-button');
|
|
12
12
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
13
|
+
var utils = require('@commercetools-uikit/utils');
|
|
13
14
|
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
14
15
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
15
|
-
var utils = require('@commercetools-uikit/utils');
|
|
16
16
|
|
|
17
17
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
18
18
|
|
|
@@ -46,30 +46,35 @@ var getButtonStyles = function getButtonStyles(isDisabled, isActive, isCondensed
|
|
|
46
46
|
};
|
|
47
47
|
|
|
48
48
|
var ViewSwitcherButton = function ViewSwitcherButton(props) {
|
|
49
|
+
var _ref, _props$label;
|
|
50
|
+
|
|
51
|
+
process.env.NODE_ENV !== "production" ? utils.warning(Boolean(props.children || props.icon), 'uikit/ViewSwitcherButton: You need to provide at least the `children` to render inside the button or an `icon`.') : void 0;
|
|
52
|
+
process.env.NODE_ENV !== "production" ? utils.warning(Boolean(props.label || props.children), 'uikit/ViewSwitcherButton: You need to provide a `label` when rendering only an `icon` within the button.') : void 0;
|
|
49
53
|
return jsxRuntime.jsxs(AccessibleButton__default["default"], {
|
|
50
|
-
label: props.children,
|
|
54
|
+
label: (_ref = (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : props.children) !== null && _ref !== void 0 ? _ref : '',
|
|
51
55
|
css: getButtonStyles(props.isDisabled, props.isActive, props.isCondensed, props.isFirstButton, props.isLastButton),
|
|
52
56
|
onClick: props.onClick,
|
|
53
57
|
isDisabled: props.isDisabled,
|
|
54
58
|
children: [props.icon && jsxRuntime.jsx("span", {
|
|
55
|
-
css: /*#__PURE__*/react.css("margin:", designSystem.designTokens.marginForViewSwitcherIcon, ";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,
|
|
59
|
+
css: /*#__PURE__*/react.css("margin:", props.children ? designSystem.designTokens.marginForViewSwitcherIcon : '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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRGtCIiwiZmlsZSI6InZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGNsb25lRWxlbWVudCxcbiAgdHlwZSBNb3VzZUV2ZW50LFxuICB0eXBlIEtleWJvYXJkRXZlbnQsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyBnZXRCdXR0b25TdHlsZXMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXIuc3R5bGVzJztcblxuZXhwb3J0IHR5cGUgVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzID0ge1xuICBjaGlsZHJlbj86IHN0cmluZztcbiAgaWNvbj86IFJlYWN0RWxlbWVudDtcbiAgaXNBY3RpdmU/OiBib29sZWFuO1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgaXNDb25kZW5zZWQ/OiBib29sZWFuO1xuICBpc0ZpcnN0QnV0dG9uPzogYm9vbGVhbjtcbiAgaXNMYXN0QnV0dG9uPzogYm9vbGVhbjtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIG9uQ2xpY2s/OiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xufTtcblxuY29uc3QgVmlld1N3aXRjaGVyQnV0dG9uID0gKHByb3BzOiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMpID0+IHtcbiAgd2FybmluZyhcbiAgICBCb29sZWFuKHByb3BzLmNoaWxkcmVuIHx8IHByb3BzLmljb24pLFxuICAgICd1aWtpdC9WaWV3U3dpdGNoZXJCdXR0b246IFlvdSBuZWVkIHRvIHByb3ZpZGUgYXQgbGVhc3QgdGhlIGBjaGlsZHJlbmAgdG8gcmVuZGVyIGluc2lkZSB0aGUgYnV0dG9uIG9yIGFuIGBpY29uYC4nXG4gICk7XG5cbiAgd2FybmluZyhcbiAgICBCb29sZWFuKHByb3BzLmxhYmVsIHx8IHByb3BzLmNoaWxkcmVuKSxcbiAgICAndWlraXQvVmlld1N3aXRjaGVyQnV0dG9uOiBZb3UgbmVlZCB0byBwcm92aWRlIGEgYGxhYmVsYCB3aGVuIHJlbmRlcmluZyBvbmx5IGFuIGBpY29uYCB3aXRoaW4gdGhlIGJ1dHRvbi4nXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgICAgbGFiZWw9e3Byb3BzLmxhYmVsID8/IHByb3BzLmNoaWxkcmVuID8/ICcnfVxuICAgICAgY3NzPXtnZXRCdXR0b25TdHlsZXMoXG4gICAgICAgIHByb3BzLmlzRGlzYWJsZWQsXG4gICAgICAgIHByb3BzLmlzQWN0aXZlLFxuICAgICAgICBwcm9wcy5pc0NvbmRlbnNlZCxcbiAgICAgICAgcHJvcHMuaXNGaXJzdEJ1dHRvbixcbiAgICAgICAgcHJvcHMuaXNMYXN0QnV0dG9uXG4gICAgICApfVxuICAgICAgb25DbGljaz17cHJvcHMub25DbGlja31cbiAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgPlxuICAgICAge3Byb3BzLmljb24gJiYgKFxuICAgICAgICA8c3BhblxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgbWFyZ2luOiAke3Byb3BzLmNoaWxkcmVuXG4gICAgICAgICAgICAgID8gZGVzaWduVG9rZW5zLm1hcmdpbkZvclZpZXdTd2l0Y2hlckljb25cbiAgICAgICAgICAgICAgOiAnMCd9O1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge2Nsb25lRWxlbWVudChwcm9wcy5pY29uLCB7XG4gICAgICAgICAgICBzaXplOiBwcm9wcy5pc0NvbmRlbnNlZCA/ICdtZWRpdW0nIDogJ2JpZycsXG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgICB7cHJvcHMuY2hpbGRyZW4gJiYgPHNwYW4+e3Byb3BzLmNoaWxkcmVufTwvc3Bhbj59XG4gICAgPC9BY2Nlc3NpYmxlQnV0dG9uPlxuICApO1xufTtcblxuVmlld1N3aXRjaGVyQnV0dG9uLmRpc3BsYXlOYW1lID0gJ1ZpZXdTd2l0Y2hlckJ1dHRvbic7XG5leHBvcnQgZGVmYXVsdCBWaWV3U3dpdGNoZXJCdXR0b247XG4iXX0= */"),
|
|
56
60
|
children: /*#__PURE__*/react$1.cloneElement(props.icon, {
|
|
57
61
|
size: props.isCondensed ? 'medium' : 'big'
|
|
58
62
|
})
|
|
59
|
-
}), jsxRuntime.jsx("span", {
|
|
63
|
+
}), props.children && jsxRuntime.jsx("span", {
|
|
60
64
|
children: props.children
|
|
61
65
|
})]
|
|
62
66
|
});
|
|
63
67
|
};
|
|
64
68
|
|
|
65
69
|
ViewSwitcherButton.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
66
|
-
|
|
70
|
+
children: _pt__default["default"].string,
|
|
71
|
+
icon: _pt__default["default"].element,
|
|
67
72
|
isActive: _pt__default["default"].bool,
|
|
68
|
-
|
|
73
|
+
isDisabled: _pt__default["default"].bool,
|
|
69
74
|
isCondensed: _pt__default["default"].bool,
|
|
70
75
|
isFirstButton: _pt__default["default"].bool,
|
|
71
76
|
isLastButton: _pt__default["default"].bool,
|
|
72
|
-
|
|
77
|
+
label: _pt__default["default"].string,
|
|
73
78
|
value: _pt__default["default"].string.isRequired,
|
|
74
79
|
onClick: _pt__default["default"].func
|
|
75
80
|
} : {};
|
|
@@ -153,7 +158,7 @@ ViewSwitcher$1.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
153
158
|
var Group = ViewSwitcher$1;
|
|
154
159
|
|
|
155
160
|
// NOTE: This string will be replaced on build time with the package version.
|
|
156
|
-
var version = "15.
|
|
161
|
+
var version = "15.11.1";
|
|
157
162
|
|
|
158
163
|
var ViewSwitcher = {
|
|
159
164
|
Group: Group,
|
|
@@ -10,9 +10,9 @@ var isNil = require('lodash/isNil');
|
|
|
10
10
|
var react = require('@emotion/react');
|
|
11
11
|
var AccessibleButton = require('@commercetools-uikit/accessible-button');
|
|
12
12
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
13
|
+
require('@commercetools-uikit/utils');
|
|
13
14
|
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
14
15
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
15
|
-
require('@commercetools-uikit/utils');
|
|
16
16
|
|
|
17
17
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
18
18
|
|
|
@@ -45,17 +45,18 @@ var getButtonStyles = function getButtonStyles(isDisabled, isActive, isCondensed
|
|
|
45
45
|
};
|
|
46
46
|
|
|
47
47
|
var ViewSwitcherButton = function ViewSwitcherButton(props) {
|
|
48
|
+
var _ref, _props$label;
|
|
48
49
|
return jsxRuntime.jsxs(AccessibleButton__default["default"], {
|
|
49
|
-
label: props.children,
|
|
50
|
+
label: (_ref = (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : props.children) !== null && _ref !== void 0 ? _ref : '',
|
|
50
51
|
css: getButtonStyles(props.isDisabled, props.isActive, props.isCondensed, props.isFirstButton, props.isLastButton),
|
|
51
52
|
onClick: props.onClick,
|
|
52
53
|
isDisabled: props.isDisabled,
|
|
53
54
|
children: [props.icon && jsxRuntime.jsx("span", {
|
|
54
|
-
css: /*#__PURE__*/react.css("margin:", designSystem.designTokens.marginForViewSwitcherIcon, ";display:flex;align-items:center;justify-content:center;" + ("" ), "" ),
|
|
55
|
+
css: /*#__PURE__*/react.css("margin:", props.children ? designSystem.designTokens.marginForViewSwitcherIcon : '0', ";display:flex;align-items:center;justify-content:center;" + ("" ), "" ),
|
|
55
56
|
children: /*#__PURE__*/react$1.cloneElement(props.icon, {
|
|
56
57
|
size: props.isCondensed ? 'medium' : 'big'
|
|
57
58
|
})
|
|
58
|
-
}), jsxRuntime.jsx("span", {
|
|
59
|
+
}), props.children && jsxRuntime.jsx("span", {
|
|
59
60
|
children: props.children
|
|
60
61
|
})]
|
|
61
62
|
});
|
|
@@ -122,7 +123,7 @@ ViewSwitcher$1.propTypes = {};
|
|
|
122
123
|
var Group = ViewSwitcher$1;
|
|
123
124
|
|
|
124
125
|
// NOTE: This string will be replaced on build time with the package version.
|
|
125
|
-
var version = "15.
|
|
126
|
+
var version = "15.11.1";
|
|
126
127
|
|
|
127
128
|
var ViewSwitcher = {
|
|
128
129
|
Group: Group,
|
|
@@ -6,9 +6,9 @@ import isNil from 'lodash/isNil';
|
|
|
6
6
|
import { css } from '@emotion/react';
|
|
7
7
|
import AccessibleButton from '@commercetools-uikit/accessible-button';
|
|
8
8
|
import { designTokens } from '@commercetools-uikit/design-system';
|
|
9
|
+
import { warning } from '@commercetools-uikit/utils';
|
|
9
10
|
import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
|
|
10
11
|
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
11
|
-
import { warning } from '@commercetools-uikit/utils';
|
|
12
12
|
|
|
13
13
|
var getSizeStyles = function getSizeStyles(isCondensed) {
|
|
14
14
|
if (isCondensed) {
|
|
@@ -34,30 +34,35 @@ var getButtonStyles = function getButtonStyles(isDisabled, isActive, isCondensed
|
|
|
34
34
|
};
|
|
35
35
|
|
|
36
36
|
var ViewSwitcherButton = function ViewSwitcherButton(props) {
|
|
37
|
+
var _ref, _props$label;
|
|
38
|
+
|
|
39
|
+
process.env.NODE_ENV !== "production" ? warning(Boolean(props.children || props.icon), 'uikit/ViewSwitcherButton: You need to provide at least the `children` to render inside the button or an `icon`.') : void 0;
|
|
40
|
+
process.env.NODE_ENV !== "production" ? warning(Boolean(props.label || props.children), 'uikit/ViewSwitcherButton: You need to provide a `label` when rendering only an `icon` within the button.') : void 0;
|
|
37
41
|
return jsxs(AccessibleButton, {
|
|
38
|
-
label: props.children,
|
|
42
|
+
label: (_ref = (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : props.children) !== null && _ref !== void 0 ? _ref : '',
|
|
39
43
|
css: getButtonStyles(props.isDisabled, props.isActive, props.isCondensed, props.isFirstButton, props.isLastButton),
|
|
40
44
|
onClick: props.onClick,
|
|
41
45
|
isDisabled: props.isDisabled,
|
|
42
46
|
children: [props.icon && jsx("span", {
|
|
43
|
-
css: /*#__PURE__*/css("margin:", designTokens.marginForViewSwitcherIcon, ";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,
|
|
47
|
+
css: /*#__PURE__*/css("margin:", props.children ? designTokens.marginForViewSwitcherIcon : '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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRGtCIiwiZmlsZSI6InZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGNsb25lRWxlbWVudCxcbiAgdHlwZSBNb3VzZUV2ZW50LFxuICB0eXBlIEtleWJvYXJkRXZlbnQsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyBnZXRCdXR0b25TdHlsZXMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXIuc3R5bGVzJztcblxuZXhwb3J0IHR5cGUgVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzID0ge1xuICBjaGlsZHJlbj86IHN0cmluZztcbiAgaWNvbj86IFJlYWN0RWxlbWVudDtcbiAgaXNBY3RpdmU/OiBib29sZWFuO1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgaXNDb25kZW5zZWQ/OiBib29sZWFuO1xuICBpc0ZpcnN0QnV0dG9uPzogYm9vbGVhbjtcbiAgaXNMYXN0QnV0dG9uPzogYm9vbGVhbjtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIG9uQ2xpY2s/OiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xufTtcblxuY29uc3QgVmlld1N3aXRjaGVyQnV0dG9uID0gKHByb3BzOiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMpID0+IHtcbiAgd2FybmluZyhcbiAgICBCb29sZWFuKHByb3BzLmNoaWxkcmVuIHx8IHByb3BzLmljb24pLFxuICAgICd1aWtpdC9WaWV3U3dpdGNoZXJCdXR0b246IFlvdSBuZWVkIHRvIHByb3ZpZGUgYXQgbGVhc3QgdGhlIGBjaGlsZHJlbmAgdG8gcmVuZGVyIGluc2lkZSB0aGUgYnV0dG9uIG9yIGFuIGBpY29uYC4nXG4gICk7XG5cbiAgd2FybmluZyhcbiAgICBCb29sZWFuKHByb3BzLmxhYmVsIHx8IHByb3BzLmNoaWxkcmVuKSxcbiAgICAndWlraXQvVmlld1N3aXRjaGVyQnV0dG9uOiBZb3UgbmVlZCB0byBwcm92aWRlIGEgYGxhYmVsYCB3aGVuIHJlbmRlcmluZyBvbmx5IGFuIGBpY29uYCB3aXRoaW4gdGhlIGJ1dHRvbi4nXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgICAgbGFiZWw9e3Byb3BzLmxhYmVsID8/IHByb3BzLmNoaWxkcmVuID8/ICcnfVxuICAgICAgY3NzPXtnZXRCdXR0b25TdHlsZXMoXG4gICAgICAgIHByb3BzLmlzRGlzYWJsZWQsXG4gICAgICAgIHByb3BzLmlzQWN0aXZlLFxuICAgICAgICBwcm9wcy5pc0NvbmRlbnNlZCxcbiAgICAgICAgcHJvcHMuaXNGaXJzdEJ1dHRvbixcbiAgICAgICAgcHJvcHMuaXNMYXN0QnV0dG9uXG4gICAgICApfVxuICAgICAgb25DbGljaz17cHJvcHMub25DbGlja31cbiAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgPlxuICAgICAge3Byb3BzLmljb24gJiYgKFxuICAgICAgICA8c3BhblxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgbWFyZ2luOiAke3Byb3BzLmNoaWxkcmVuXG4gICAgICAgICAgICAgID8gZGVzaWduVG9rZW5zLm1hcmdpbkZvclZpZXdTd2l0Y2hlckljb25cbiAgICAgICAgICAgICAgOiAnMCd9O1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge2Nsb25lRWxlbWVudChwcm9wcy5pY29uLCB7XG4gICAgICAgICAgICBzaXplOiBwcm9wcy5pc0NvbmRlbnNlZCA/ICdtZWRpdW0nIDogJ2JpZycsXG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgICB7cHJvcHMuY2hpbGRyZW4gJiYgPHNwYW4+e3Byb3BzLmNoaWxkcmVufTwvc3Bhbj59XG4gICAgPC9BY2Nlc3NpYmxlQnV0dG9uPlxuICApO1xufTtcblxuVmlld1N3aXRjaGVyQnV0dG9uLmRpc3BsYXlOYW1lID0gJ1ZpZXdTd2l0Y2hlckJ1dHRvbic7XG5leHBvcnQgZGVmYXVsdCBWaWV3U3dpdGNoZXJCdXR0b247XG4iXX0= */"),
|
|
44
48
|
children: /*#__PURE__*/cloneElement(props.icon, {
|
|
45
49
|
size: props.isCondensed ? 'medium' : 'big'
|
|
46
50
|
})
|
|
47
|
-
}), jsx("span", {
|
|
51
|
+
}), props.children && jsx("span", {
|
|
48
52
|
children: props.children
|
|
49
53
|
})]
|
|
50
54
|
});
|
|
51
55
|
};
|
|
52
56
|
|
|
53
57
|
ViewSwitcherButton.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
54
|
-
|
|
58
|
+
children: _pt.string,
|
|
59
|
+
icon: _pt.element,
|
|
55
60
|
isActive: _pt.bool,
|
|
56
|
-
|
|
61
|
+
isDisabled: _pt.bool,
|
|
57
62
|
isCondensed: _pt.bool,
|
|
58
63
|
isFirstButton: _pt.bool,
|
|
59
64
|
isLastButton: _pt.bool,
|
|
60
|
-
|
|
65
|
+
label: _pt.string,
|
|
61
66
|
value: _pt.string.isRequired,
|
|
62
67
|
onClick: _pt.func
|
|
63
68
|
} : {};
|
|
@@ -141,7 +146,7 @@ ViewSwitcher$1.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
141
146
|
var Group = ViewSwitcher$1;
|
|
142
147
|
|
|
143
148
|
// NOTE: This string will be replaced on build time with the package version.
|
|
144
|
-
var version = "15.
|
|
149
|
+
var version = "15.11.1";
|
|
145
150
|
|
|
146
151
|
var ViewSwitcher = {
|
|
147
152
|
Group: Group,
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { type MouseEvent, type KeyboardEvent, type ReactElement } from 'react';
|
|
2
2
|
export type TViewSwitcherButtonProps = {
|
|
3
|
-
|
|
3
|
+
children?: string;
|
|
4
|
+
icon?: ReactElement;
|
|
4
5
|
isActive?: boolean;
|
|
5
|
-
|
|
6
|
+
isDisabled?: boolean;
|
|
6
7
|
isCondensed?: boolean;
|
|
7
8
|
isFirstButton?: boolean;
|
|
8
9
|
isLastButton?: boolean;
|
|
9
|
-
|
|
10
|
+
label?: string;
|
|
10
11
|
value: string;
|
|
11
12
|
onClick?: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
|
|
12
13
|
};
|
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": "15.
|
|
4
|
+
"version": "15.11.1",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,9 +21,9 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.19.0",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.19.1",
|
|
24
|
-
"@commercetools-uikit/accessible-button": "15.
|
|
25
|
-
"@commercetools-uikit/design-system": "15.
|
|
26
|
-
"@commercetools-uikit/utils": "15.
|
|
24
|
+
"@commercetools-uikit/accessible-button": "15.11.1",
|
|
25
|
+
"@commercetools-uikit/design-system": "15.11.1",
|
|
26
|
+
"@commercetools-uikit/utils": "15.11.1",
|
|
27
27
|
"@emotion/react": "^11.4.0",
|
|
28
28
|
"@emotion/styled": "^11.3.0",
|
|
29
29
|
"lodash": "4.17.21",
|