npm - @commercetools-uikit/view-switcher - Versions diffs - 19.22.0 → 19.22.2 - Mend

@commercetools-uikit/view-switcher 19.22.0 → 19.22.2

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 (7) hide show

package/dist/commercetools-uikit-view-switcher.cjs.dev.js CHANGED Viewed

@@ -49,7 +49,7 @@ const ViewSwitcherButton = props => {
     onClick: props.onClick,
     isDisabled: props.isDisabled,
     children: [props.icon && jsxRuntime.jsx("span", {
-      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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRGtCIiwiZmlsZSI6InZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGNsb25lRWxlbWVudCxcbiAgdHlwZSBNb3VzZUV2ZW50LFxuICB0eXBlIEtleWJvYXJkRXZlbnQsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBBY2Nlc3NpYmxlQnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2FjY2Vzc2libGUtYnV0dG9uJztcbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyBnZXRCdXR0b25TdHlsZXMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXIuc3R5bGVzJztcblxuZXhwb3J0IHR5cGUgVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzID0ge1xuICBjaGlsZHJlbj86IHN0cmluZztcbiAgaWNvbj86IFJlYWN0RWxlbWVudDtcbiAgaXNBY3RpdmU/OiBib29sZWFuO1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgaXNDb25kZW5zZWQ/OiBib29sZWFuO1xuICBpc0ZpcnN0QnV0dG9uPzogYm9vbGVhbjtcbiAgaXNMYXN0QnV0dG9uPzogYm9vbGVhbjtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIG9uQ2xpY2s/OiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xufTtcblxuY29uc3QgVmlld1N3aXRjaGVyQnV0dG9uID0gKHByb3BzOiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMpID0+IHtcbiAgd2FybmluZyhcbiAgICBCb29sZWFuKHByb3BzLmNoaWxkcmVuIHx8IHByb3BzLmljb24pLFxuICAgICd1aWtpdC9WaWV3U3dpdGNoZXJCdXR0b246IFlvdSBuZWVkIHRvIHByb3ZpZGUgYXQgbGVhc3QgdGhlIGBjaGlsZHJlbmAgdG8gcmVuZGVyIGluc2lkZSB0aGUgYnV0dG9uIG9yIGFuIGBpY29uYC4nXG4gICk7XG5cbiAgd2FybmluZyhcbiAgICBCb29sZWFuKHByb3BzLmxhYmVsIHx8IHByb3BzLmNoaWxkcmVuKSxcbiAgICAndWlraXQvVmlld1N3aXRjaGVyQnV0dG9uOiBZb3UgbmVlZCB0byBwcm92aWRlIGEgYGxhYmVsYCB3aGVuIHJlbmRlcmluZyBvbmx5IGFuIGBpY29uYCB3aXRoaW4gdGhlIGJ1dHRvbi4nXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgICAgbGFiZWw9e3Byb3BzLmxhYmVsID8/IHByb3BzLmNoaWxkcmVuID8/ICcnfVxuICAgICAgY3NzPXtnZXRCdXR0b25TdHlsZXMoXG4gICAgICAgIHByb3BzLmlzRGlzYWJsZWQsXG4gICAgICAgIHByb3BzLmlzQWN0aXZlLFxuICAgICAgICBwcm9wcy5pc0NvbmRlbnNlZCxcbiAgICAgICAgcHJvcHMuaXNGaXJzdEJ1dHRvbixcbiAgICAgICAgcHJvcHMuaXNMYXN0QnV0dG9uXG4gICAgICApfVxuICAgICAgb25DbGljaz17cHJvcHMub25DbGlja31cbiAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgPlxuICAgICAge3Byb3BzLmljb24gJiYgKFxuICAgICAgICA8c3BhblxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgbWFyZ2luOiAke3Byb3BzLmNoaWxkcmVuID8gYDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzIwfSAwIDBgIDogJzAnfTtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIHtjbG9uZUVsZW1lbnQocHJvcHMuaWNvbiwge1xuICAgICAgICAgICAgc2l6ZTogcHJvcHMuaXNDb25kZW5zZWQgPyAnbWVkaXVtJyA6ICdiaWcnLFxuICAgICAgICAgIH0pfVxuICAgICAgICA8L3NwYW4+XG4gICAgICApfVxuICAgICAge3Byb3BzLmNoaWxkcmVuICYmIDxzcGFuPntwcm9wcy5jaGlsZHJlbn08L3NwYW4+fVxuICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgKTtcbn07XG5cblZpZXdTd2l0Y2hlckJ1dHRvbi5kaXNwbGF5TmFtZSA9ICdWaWV3U3dpdGNoZXJCdXR0b24nO1xuZXhwb3J0IGRlZmF1bHQgVmlld1N3aXRjaGVyQnV0dG9uO1xuIl19 */"),
+      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== */"),
       children: /*#__PURE__*/react$1.cloneElement(props.icon, {
         size: props.isCondensed ? 'medium' : 'big'
       })
@@ -58,19 +58,7 @@ const ViewSwitcherButton = props => {
     })]
   });
 };
-ViewSwitcherButton.propTypes = process.env.NODE_ENV !== "production" ? {
-  children: _pt__default["default"].string,
-  icon: _pt__default["default"].element,
-  isActive: _pt__default["default"].bool,
-  isDisabled: _pt__default["default"].bool,
-  isCondensed: _pt__default["default"].bool,
-  isFirstButton: _pt__default["default"].bool,
-  isLastButton: _pt__default["default"].bool,
-  label: _pt__default["default"].string,
-  value: _pt__default["default"].string.isRequired,
-  onClick: _pt__default["default"].func
-} : {};
-ViewSwitcherButton.displayName = 'ViewSwitcherButton';
+ViewSwitcherButton.displayName = 'ViewSwitcher.Button';
 var Button = ViewSwitcherButton;
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
@@ -79,8 +67,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "display:flex"
 } : {
   name: "xd53is-ViewSwitcher",
-  styles: "display:flex;label:ViewSwitcher;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdHYyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoaWxkcmVuLFxuICBpc1ZhbGlkRWxlbWVudCxcbiAgY2xvbmVFbGVtZW50LFxuICB1c2VTdGF0ZSxcbiAgdHlwZSBSZWFjdE5vZGUsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgaXNOaWwgZnJvbSAnbG9kYXNoL2lzTmlsJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBWaWV3U3dpdGNoZXJCdXR0b24gZnJvbSAnLi92aWV3LXN3aXRjaGVyLWJ1dHRvbic7XG5pbXBvcnQgeyB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuXG50eXBlIFRSZWFjdENoaWxkID0ge1xuICB0eXBlPzogeyBkaXNwbGF5TmFtZTogc3RyaW5nIH07XG59ICYgUmVhY3RFbGVtZW50O1xuXG5leHBvcnQgdHlwZSBUVmlld1N3aXRjaGVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhhdCB0aGUgdmlldyBzd2l0Y2hlciBjYW4gYmUgcmVkdWNlZCB0byBzYXZlIHNwYWNlLlxuICAgKi9cbiAgaXNDb25kZW5zZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogUGFzcyBvbmUgb3IgbW9yZSBgVmlld1N3aXRjaGVyLkJ1dHRvbmAgY29tcG9uZW50cy5cbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBXaWxsIGJlIHRyaWdnZXJlZCB3aGVuZXZlciBhIGBWaWV3U3dpdGNoZXIuQnV0dG9uYCBpcyBzZWxlY3RlZC4gQ2FsbGVkIHdpdGggdGhlIFZpZXdTd2l0Y2hlckJ1dHRvbiB2YWx1ZS5cbiAgICogVGhpcyBmdW5jdGlvbiBpcyBvbmx5IHJlcXVpcmVkIHdoZW4gdGhlIGNvbXBvbmVudCBpcyBjb250cm9sbGVkLlxuICAgKi9cbiAgb25DaGFuZ2U/OiAodmFsdWU6IHN0cmluZykgPT4gdm9pZDtcbiAgLyoqXG4gICAqIFBhc3NpbmcgdGhpcyBwcm9wIG1ha2VzIHRoZSBjb21wb25lbnQgYW4gdW5jb250cm9sbGVkIGNvbXBvbmVudC5cbiAgICogSW5kaWNhdGVzIHRoZSBkZWZhdWx0IHNlbGVjdGVkIGJ1dHRvbiBpdCBpcyBvbmx5IHVzZWQgdG8gYXMgYW4gaW5pdGlhbCBzdGF0ZSBvbmNlLCB3aGVuIHRoZSBjb21wb25lbnQgbW91bnRzLlxuICAgKi9cbiAgZGVmYXVsdFNlbGVjdGVkPzogc3RyaW5nO1xuICAvKipcbiAgICogUGFzc2luZyB0aGlzIHByb3AgbWFrZXMgdGhlIGNvbXBvbmVudCBhbiBjb250cm9sbGVkIGNvbXBvbmVudC5cbiAgICogQ29udHJvbGxlZCBjb21wb25lbnRzIGFsc28gcmVxdWlyZSB0byBwYXNzIGEgYG9uQ2hhbmdlYCBjYWxsYmFjayBmdW5jdGlvbi5cbiAgICovXG4gIHNlbGVjdGVkVmFsdWU/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBWaWV3U3dpdGNoZXIgPSAocHJvcHM6IFRWaWV3U3dpdGNoZXJQcm9wcykgPT4ge1xuICBjb25zdCBpc0NvbnRyb2xsZWRDb21wb25lbnQgPSAhaXNOaWwocHJvcHMuc2VsZWN0ZWRWYWx1ZSk7XG4gIGNvbnN0IGhhc09uQ2hhbmdlID0gIWlzTmlsKHByb3BzLm9uQ2hhbmdlKTtcbiAgLyoqXG4gICAqIFRoaXMgaW50ZXJuYWwgc3RhdGUgaXMgb25seSB1c2VkIHdoZW4gdGhlIGNvbXBvbmVudCBpcyB1bmNvbnRyb2xsZWQgKFwiZGVmYXVsdFNlbGVjdGVkXCIgaXMgcGFzc2VkKS5cbiAgICogV2hlbiBjb250cm9sbGVkIChcInNlbGVjdGVkVmFsdWVcIikgdGhlIHN0YXRlIHdpbGwgbm90IGJlIHVwZGF0ZWQgb3IgdXNlZC5cbiAgICovXG4gIGNvbnN0IFtzZWxlY3RlZEJ1dHRvbiwgc2V0U2VsZWN0ZWRCdXR0b25dID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPihcbiAgICBwcm9wcy5kZWZhdWx0U2VsZWN0ZWRcbiAgKTtcblxuICBpZiAoaXNDb250cm9sbGVkQ29tcG9uZW50KSB7XG4gICAgd2FybmluZyhcbiAgICAgIGhhc09uQ2hhbmdlLFxuICAgICAgYHVpLWtpdC9WaWV3U3dpdGNoZXI6IG1pc3NpbmcgcmVxdWlyZWQgcHJvcCBcIm9uQ2hhbmdlXCIgd2hlbiB1c2luZyB0aGUgXCJ2YWx1ZVwiIHByb3AgKGNvbnRyb2xsZWQgY29tcG9uZW50KS5gXG4gICAgKTtcbiAgfVxuXG4gIHdhcm5pbmcoXG4gICAgIXByb3BzLnNlbGVjdGVkVmFsdWUgfHwgIXByb3BzLmRlZmF1bHRTZWxlY3RlZCxcbiAgICBgdWkta2l0L1ZpZXdTd2l0Y2hlcjogcGFzc2VkIGJvdGggXCJzZWxlY3RlZFZhbHVlXCIgKHVuY29udHJvbGxlZCBjb21wb25lbnQpIHByb3AgYW5kIFwiZGVmYXVsdFNlbGVjdGVkXCIgKHVuY29udHJvbGxlZCBjb21wb25lbnQpLiBQbGVhc2UgcGFzcyBvbmx5IG9uZSBhcyB0aGUgY29tcG9uZW50IGNhbiBvbmx5IGJlIGVpdGhlciBjb250cm9sbGVkIG9yIHVuY29udHJvbGxlZC5gXG4gICk7XG5cbiAgd2FybmluZyhcbiAgICAocHJvcHMuY2hpbGRyZW4gYXMgVFJlYWN0Q2hpbGRbXSkubGVuZ3RoID4gMCxcbiAgICAnVmlld1N3aXRjaGVyLkdyb3VwIG11c3QgY29udGFpbiBhdCBsZWFzdCBvbmUgVmlld1N3aXRjaGVyLkJ1dHRvbidcbiAgKTtcblxuICBjb25zdCB2aWV3U3dpdGNoZXJFbGVtZW50cyA9IENoaWxkcmVuLm1hcChwcm9wcy5jaGlsZHJlbiwgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgIGlmIChcbiAgICAgIGNoaWxkICYmXG4gICAgICBpc1ZhbGlkRWxlbWVudChjaGlsZCkgJiZcbiAgICAgIChjaGlsZCBhcyBUUmVhY3RDaGlsZCkudHlwZS5kaXNwbGF5TmFtZSA9PT0gVmlld1N3aXRjaGVyQnV0dG9uLmRpc3BsYXlOYW1lXG4gICAgKSB7XG4gICAgICBjb25zdCBpc0J1dHRvbkFjdGl2ZSA9XG4gICAgICAgIChpc0NvbnRyb2xsZWRDb21wb25lbnQgPyBwcm9wcy5zZWxlY3RlZFZhbHVlIDogc2VsZWN0ZWRCdXR0b24pID09PVxuICAgICAgICBjaGlsZC5wcm9wcy52YWx1ZTtcbiAgICAgIGNvbnN0IGNsb25lZENoaWxkID0gY2xvbmVFbGVtZW50KGNoaWxkIGFzIFRSZWFjdENoaWxkLCB7XG4gICAgICAgIG9uQ2xpY2s6ICgpID0+IHtcbiAgICAgICAgICBpZiAoIWlzQ29udHJvbGxlZENvbXBvbmVudCkge1xuICAgICAgICAgICAgc2V0U2VsZWN0ZWRCdXR0b24oY2hpbGQucHJvcHMudmFsdWUpO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIGlmICghaXNCdXR0b25BY3RpdmUpIHtcbiAgICAgICAgICAgIGNoaWxkLnByb3BzLm9uQ2xpY2s/LihjaGlsZC5wcm9wcy52YWx1ZSk7XG4gICAgICAgICAgICBwcm9wcy5vbkNoYW5nZT8uKGNoaWxkLnByb3BzLnZhbHVlKTtcbiAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIGlzQ29uZGVuc2VkOiBwcm9wcy5pc0NvbmRlbnNlZCxcbiAgICAgICAgaXNBY3RpdmU6IGlzQnV0dG9uQWN0aXZlLFxuICAgICAgICBpc0ZpcnN0QnV0dG9uOiBpbmRleCA9PT0gMCxcbiAgICAgICAgaXNMYXN0QnV0dG9uOlxuICAgICAgICAgIGluZGV4ID09PSAoKHByb3BzLmNoaWxkcmVuIGFzIFRSZWFjdENoaWxkW10pLmxlbmd0aCA/PyAxKSAtIDEsXG4gICAgICB9KTtcbiAgICAgIHJldHVybiBjbG9uZWRDaGlsZDtcbiAgICB9XG4gICAgcmV0dXJuIGNoaWxkO1xuICB9KTtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7dmlld1N3aXRjaGVyRWxlbWVudHN9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBWaWV3U3dpdGNoZXI7XG4iXX0= */",
+  styles: "display:flex;label:ViewSwitcher;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFHYyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoaWxkcmVuLFxuICBpc1ZhbGlkRWxlbWVudCxcbiAgY2xvbmVFbGVtZW50LFxuICB1c2VTdGF0ZSxcbiAgdHlwZSBSZWFjdEVsZW1lbnQsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCBpc05pbCBmcm9tICdsb2Rhc2gvaXNOaWwnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFZpZXdTd2l0Y2hlckJ1dHRvbiwge1xuICBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMsXG59IGZyb20gJy4vdmlldy1zd2l0Y2hlci1idXR0b24nO1xuaW1wb3J0IHsgd2FybmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcblxudHlwZSBUVmlld1N3aXRjaGVyQnV0dG9uRWxlbWVudCA9IFJlYWN0RWxlbWVudDxUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHM+O1xuXG5leHBvcnQgdHlwZSBUVmlld1N3aXRjaGVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhhdCB0aGUgdmlldyBzd2l0Y2hlciBjYW4gYmUgcmVkdWNlZCB0byBzYXZlIHNwYWNlLlxuICAgKi9cbiAgaXNDb25kZW5zZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogUGFzcyBvbmUgb3IgbW9yZSBgVmlld1N3aXRjaGVyLkJ1dHRvbmAgY29tcG9uZW50cy5cbiAgICovXG4gIGNoaWxkcmVuOiBUVmlld1N3aXRjaGVyQnV0dG9uRWxlbWVudCB8IFRWaWV3U3dpdGNoZXJCdXR0b25FbGVtZW50W107XG4gIC8qKlxuICAgKiBXaWxsIGJlIHRyaWdnZXJlZCB3aGVuZXZlciBhIGBWaWV3U3dpdGNoZXIuQnV0dG9uYCBpcyBzZWxlY3RlZC4gQ2FsbGVkIHdpdGggdGhlIFZpZXdTd2l0Y2hlckJ1dHRvbiB2YWx1ZS5cbiAgICogVGhpcyBmdW5jdGlvbiBpcyBvbmx5IHJlcXVpcmVkIHdoZW4gdGhlIGNvbXBvbmVudCBpcyBjb250cm9sbGVkLlxuICAgKi9cbiAgb25DaGFuZ2U/OiAodmFsdWU6IHN0cmluZykgPT4gdm9pZDtcbiAgLyoqXG4gICAqIFBhc3NpbmcgdGhpcyBwcm9wIG1ha2VzIHRoZSBjb21wb25lbnQgYW4gdW5jb250cm9sbGVkIGNvbXBvbmVudC5cbiAgICogSW5kaWNhdGVzIHRoZSBkZWZhdWx0IHNlbGVjdGVkIGJ1dHRvbiBpdCBpcyBvbmx5IHVzZWQgdG8gYXMgYW4gaW5pdGlhbCBzdGF0ZSBvbmNlLCB3aGVuIHRoZSBjb21wb25lbnQgbW91bnRzLlxuICAgKi9cbiAgZGVmYXVsdFNlbGVjdGVkPzogc3RyaW5nO1xuICAvKipcbiAgICogUGFzc2luZyB0aGlzIHByb3AgbWFrZXMgdGhlIGNvbXBvbmVudCBhbiBjb250cm9sbGVkIGNvbXBvbmVudC5cbiAgICogQ29udHJvbGxlZCBjb21wb25lbnRzIGFsc28gcmVxdWlyZSB0byBwYXNzIGEgYG9uQ2hhbmdlYCBjYWxsYmFjayBmdW5jdGlvbi5cbiAgICovXG4gIHNlbGVjdGVkVmFsdWU/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBWaWV3U3dpdGNoZXIgPSAocHJvcHM6IFRWaWV3U3dpdGNoZXJQcm9wcykgPT4ge1xuICBjb25zdCBpc0NvbnRyb2xsZWRDb21wb25lbnQgPSAhaXNOaWwocHJvcHMuc2VsZWN0ZWRWYWx1ZSk7XG4gIGNvbnN0IGhhc09uQ2hhbmdlID0gIWlzTmlsKHByb3BzLm9uQ2hhbmdlKTtcbiAgLyoqXG4gICAqIFRoaXMgaW50ZXJuYWwgc3RhdGUgaXMgb25seSB1c2VkIHdoZW4gdGhlIGNvbXBvbmVudCBpcyB1bmNvbnRyb2xsZWQgKFwiZGVmYXVsdFNlbGVjdGVkXCIgaXMgcGFzc2VkKS5cbiAgICogV2hlbiBjb250cm9sbGVkIChcInNlbGVjdGVkVmFsdWVcIikgdGhlIHN0YXRlIHdpbGwgbm90IGJlIHVwZGF0ZWQgb3IgdXNlZC5cbiAgICovXG4gIGNvbnN0IFtzZWxlY3RlZEJ1dHRvbiwgc2V0U2VsZWN0ZWRCdXR0b25dID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPihcbiAgICBwcm9wcy5kZWZhdWx0U2VsZWN0ZWRcbiAgKTtcblxuICBpZiAoaXNDb250cm9sbGVkQ29tcG9uZW50KSB7XG4gICAgd2FybmluZyhcbiAgICAgIGhhc09uQ2hhbmdlLFxuICAgICAgYHVpLWtpdC9WaWV3U3dpdGNoZXI6IG1pc3NpbmcgcmVxdWlyZWQgcHJvcCBcIm9uQ2hhbmdlXCIgd2hlbiB1c2luZyB0aGUgXCJ2YWx1ZVwiIHByb3AgKGNvbnRyb2xsZWQgY29tcG9uZW50KS5gXG4gICAgKTtcbiAgfVxuXG4gIHdhcm5pbmcoXG4gICAgIXByb3BzLnNlbGVjdGVkVmFsdWUgfHwgIXByb3BzLmRlZmF1bHRTZWxlY3RlZCxcbiAgICBgdWkta2l0L1ZpZXdTd2l0Y2hlcjogcGFzc2VkIGJvdGggXCJzZWxlY3RlZFZhbHVlXCIgKHVuY29udHJvbGxlZCBjb21wb25lbnQpIHByb3AgYW5kIFwiZGVmYXVsdFNlbGVjdGVkXCIgKHVuY29udHJvbGxlZCBjb21wb25lbnQpLiBQbGVhc2UgcGFzcyBvbmx5IG9uZSBhcyB0aGUgY29tcG9uZW50IGNhbiBvbmx5IGJlIGVpdGhlciBjb250cm9sbGVkIG9yIHVuY29udHJvbGxlZC5gXG4gICk7XG5cbiAgd2FybmluZyhcbiAgICAocHJvcHMuY2hpbGRyZW4gYXMgVFZpZXdTd2l0Y2hlckJ1dHRvbkVsZW1lbnRbXSkubGVuZ3RoID4gMCxcbiAgICAnVmlld1N3aXRjaGVyLkdyb3VwIG11c3QgY29udGFpbiBhdCBsZWFzdCBvbmUgVmlld1N3aXRjaGVyLkJ1dHRvbidcbiAgKTtcblxuICBjb25zdCB2aWV3U3dpdGNoZXJFbGVtZW50cyA9IENoaWxkcmVuLm1hcChwcm9wcy5jaGlsZHJlbiwgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgIGlmIChcbiAgICAgIGNoaWxkICYmXG4gICAgICBpc1ZhbGlkRWxlbWVudDxUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHM+KGNoaWxkKSAmJlxuICAgICAgY2hpbGQudHlwZSA9PT0gVmlld1N3aXRjaGVyQnV0dG9uXG4gICAgKSB7XG4gICAgICBjb25zdCBpc0J1dHRvbkFjdGl2ZSA9XG4gICAgICAgIChpc0NvbnRyb2xsZWRDb21wb25lbnQgPyBwcm9wcy5zZWxlY3RlZFZhbHVlIDogc2VsZWN0ZWRCdXR0b24pID09PVxuICAgICAgICBjaGlsZC5wcm9wcy52YWx1ZTtcbiAgICAgIHJldHVybiBjbG9uZUVsZW1lbnQoY2hpbGQsIHtcbiAgICAgICAgb25DbGljazogKCkgPT4ge1xuICAgICAgICAgIGlmICghaXNDb250cm9sbGVkQ29tcG9uZW50KSB7XG4gICAgICAgICAgICBzZXRTZWxlY3RlZEJ1dHRvbihjaGlsZC5wcm9wcy52YWx1ZSk7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgaWYgKCFpc0J1dHRvbkFjdGl2ZSkge1xuICAgICAgICAgICAgY2hpbGQucHJvcHMub25DbGljaz8uKGNoaWxkLnByb3BzLnZhbHVlKTtcbiAgICAgICAgICAgIHByb3BzLm9uQ2hhbmdlPy4oY2hpbGQucHJvcHMudmFsdWUpO1xuICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgaXNDb25kZW5zZWQ6IHByb3BzLmlzQ29uZGVuc2VkLFxuICAgICAgICBpc0FjdGl2ZTogaXNCdXR0b25BY3RpdmUsXG4gICAgICAgIGlzRmlyc3RCdXR0b246IGluZGV4ID09PSAwLFxuICAgICAgICBpc0xhc3RCdXR0b246IGluZGV4ID09PSBDaGlsZHJlbi5jb3VudChwcm9wcy5jaGlsZHJlbikgLSAxLFxuICAgICAgfSk7XG4gICAgfVxuICAgIHJldHVybiBjaGlsZDtcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge3ZpZXdTd2l0Y2hlckVsZW1lbnRzfVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuVmlld1N3aXRjaGVyLmRpc3BsYXlOYW1lID0gJ1ZpZXdTd2l0Y2hlci5Hcm91cCc7XG5cbmV4cG9ydCBkZWZhdWx0IFZpZXdTd2l0Y2hlcjtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const ViewSwitcher$1 = props => {
@@ -100,9 +87,9 @@ const ViewSwitcher$1 = props => {
   process.env.NODE_ENV !== "production" ? utils.warning(!props.selectedValue || !props.defaultSelected, `ui-kit/ViewSwitcher: passed both "selectedValue" (uncontrolled component) prop and "defaultSelected" (uncontrolled component). Please pass only one as the component can only be either controlled or uncontrolled.`) : void 0;
   process.env.NODE_ENV !== "production" ? utils.warning(props.children.length > 0, 'ViewSwitcher.Group must contain at least one ViewSwitcher.Button') : void 0;
   const viewSwitcherElements = _mapInstanceProperty__default["default"](react$1.Children).call(react$1.Children, props.children, (child, index) => {
-    if (child && /*#__PURE__*/react$1.isValidElement(child) && child.type.displayName === Button.displayName) {
+    if (child && /*#__PURE__*/react$1.isValidElement(child) && child.type === Button) {
       const isButtonActive = (isControlledComponent ? props.selectedValue : selectedButton) === child.props.value;
-      const clonedChild = /*#__PURE__*/react$1.cloneElement(child, {
+      return /*#__PURE__*/react$1.cloneElement(child, {
         onClick: () => {
           if (!isControlledComponent) {
             setSelectedButton(child.props.value);
@@ -115,9 +102,8 @@ const ViewSwitcher$1 = props => {
         isCondensed: props.isCondensed,
         isActive: isButtonActive,
         isFirstButton: index === 0,
-        isLastButton: index === (props.children.length ?? 1) - 1
+        isLastButton: index === react$1.Children.count(props.children) - 1
       });
-      return clonedChild;
     }
     return child;
   });
@@ -128,15 +114,16 @@ const ViewSwitcher$1 = props => {
 };
 ViewSwitcher$1.propTypes = process.env.NODE_ENV !== "production" ? {
   isCondensed: _pt__default["default"].bool,
-  children: _pt__default["default"].node.isRequired,
+  children: _pt__default["default"].oneOfType([_pt__default["default"].element, _pt__default["default"].arrayOf(_pt__default["default"].element)]).isRequired,
   onChange: _pt__default["default"].func,
   defaultSelected: _pt__default["default"].string,
   selectedValue: _pt__default["default"].string
 } : {};
+ViewSwitcher$1.displayName = 'ViewSwitcher.Group';
 var Group = ViewSwitcher$1;
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.22.0";
+var version = "19.22.2";
 const ViewSwitcher = {
   Group,

package/dist/commercetools-uikit-view-switcher.cjs.prod.js CHANGED Viewed

@@ -55,8 +55,7 @@ const ViewSwitcherButton = props => {
     })]
   });
 };
-ViewSwitcherButton.propTypes = {};
-ViewSwitcherButton.displayName = 'ViewSwitcherButton';
+ViewSwitcherButton.displayName = 'ViewSwitcher.Button';
 var Button = ViewSwitcherButton;
 var _ref = {
@@ -75,9 +74,9 @@ const ViewSwitcher$1 = props => {
     selectedButton = _useState2[0],
     setSelectedButton = _useState2[1];
   const viewSwitcherElements = _mapInstanceProperty__default["default"](react$1.Children).call(react$1.Children, props.children, (child, index) => {
-    if (child && /*#__PURE__*/react$1.isValidElement(child) && child.type.displayName === Button.displayName) {
+    if (child && /*#__PURE__*/react$1.isValidElement(child) && child.type === Button) {
       const isButtonActive = (isControlledComponent ? props.selectedValue : selectedButton) === child.props.value;
-      const clonedChild = /*#__PURE__*/react$1.cloneElement(child, {
+      return /*#__PURE__*/react$1.cloneElement(child, {
         onClick: () => {
           if (!isControlledComponent) {
             setSelectedButton(child.props.value);
@@ -90,9 +89,8 @@ const ViewSwitcher$1 = props => {
         isCondensed: props.isCondensed,
         isActive: isButtonActive,
         isFirstButton: index === 0,
-        isLastButton: index === (props.children.length ?? 1) - 1
+        isLastButton: index === react$1.Children.count(props.children) - 1
       });
-      return clonedChild;
     }
     return child;
   });
@@ -102,10 +100,11 @@ const ViewSwitcher$1 = props => {
   });
 };
 ViewSwitcher$1.propTypes = {};
+ViewSwitcher$1.displayName = 'ViewSwitcher.Group';
 var Group = ViewSwitcher$1;
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.22.0";
+var version = "19.22.2";
 const ViewSwitcher = {
   Group,

package/dist/commercetools-uikit-view-switcher.esm.js CHANGED Viewed

@@ -38,7 +38,7 @@ const ViewSwitcherButton = props => {
     onClick: props.onClick,
     isDisabled: props.isDisabled,
     children: [props.icon && jsx("span", {
-      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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRGtCIiwiZmlsZSI6InZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGNsb25lRWxlbWVudCxcbiAgdHlwZSBNb3VzZUV2ZW50LFxuICB0eXBlIEtleWJvYXJkRXZlbnQsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBBY2Nlc3NpYmxlQnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2FjY2Vzc2libGUtYnV0dG9uJztcbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyBnZXRCdXR0b25TdHlsZXMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXIuc3R5bGVzJztcblxuZXhwb3J0IHR5cGUgVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzID0ge1xuICBjaGlsZHJlbj86IHN0cmluZztcbiAgaWNvbj86IFJlYWN0RWxlbWVudDtcbiAgaXNBY3RpdmU/OiBib29sZWFuO1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgaXNDb25kZW5zZWQ/OiBib29sZWFuO1xuICBpc0ZpcnN0QnV0dG9uPzogYm9vbGVhbjtcbiAgaXNMYXN0QnV0dG9uPzogYm9vbGVhbjtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIG9uQ2xpY2s/OiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xufTtcblxuY29uc3QgVmlld1N3aXRjaGVyQnV0dG9uID0gKHByb3BzOiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMpID0+IHtcbiAgd2FybmluZyhcbiAgICBCb29sZWFuKHByb3BzLmNoaWxkcmVuIHx8IHByb3BzLmljb24pLFxuICAgICd1aWtpdC9WaWV3U3dpdGNoZXJCdXR0b246IFlvdSBuZWVkIHRvIHByb3ZpZGUgYXQgbGVhc3QgdGhlIGBjaGlsZHJlbmAgdG8gcmVuZGVyIGluc2lkZSB0aGUgYnV0dG9uIG9yIGFuIGBpY29uYC4nXG4gICk7XG5cbiAgd2FybmluZyhcbiAgICBCb29sZWFuKHByb3BzLmxhYmVsIHx8IHByb3BzLmNoaWxkcmVuKSxcbiAgICAndWlraXQvVmlld1N3aXRjaGVyQnV0dG9uOiBZb3UgbmVlZCB0byBwcm92aWRlIGEgYGxhYmVsYCB3aGVuIHJlbmRlcmluZyBvbmx5IGFuIGBpY29uYCB3aXRoaW4gdGhlIGJ1dHRvbi4nXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgICAgbGFiZWw9e3Byb3BzLmxhYmVsID8/IHByb3BzLmNoaWxkcmVuID8/ICcnfVxuICAgICAgY3NzPXtnZXRCdXR0b25TdHlsZXMoXG4gICAgICAgIHByb3BzLmlzRGlzYWJsZWQsXG4gICAgICAgIHByb3BzLmlzQWN0aXZlLFxuICAgICAgICBwcm9wcy5pc0NvbmRlbnNlZCxcbiAgICAgICAgcHJvcHMuaXNGaXJzdEJ1dHRvbixcbiAgICAgICAgcHJvcHMuaXNMYXN0QnV0dG9uXG4gICAgICApfVxuICAgICAgb25DbGljaz17cHJvcHMub25DbGlja31cbiAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgPlxuICAgICAge3Byb3BzLmljb24gJiYgKFxuICAgICAgICA8c3BhblxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgbWFyZ2luOiAke3Byb3BzLmNoaWxkcmVuID8gYDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzIwfSAwIDBgIDogJzAnfTtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIHtjbG9uZUVsZW1lbnQocHJvcHMuaWNvbiwge1xuICAgICAgICAgICAgc2l6ZTogcHJvcHMuaXNDb25kZW5zZWQgPyAnbWVkaXVtJyA6ICdiaWcnLFxuICAgICAgICAgIH0pfVxuICAgICAgICA8L3NwYW4+XG4gICAgICApfVxuICAgICAge3Byb3BzLmNoaWxkcmVuICYmIDxzcGFuPntwcm9wcy5jaGlsZHJlbn08L3NwYW4+fVxuICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgKTtcbn07XG5cblZpZXdTd2l0Y2hlckJ1dHRvbi5kaXNwbGF5TmFtZSA9ICdWaWV3U3dpdGNoZXJCdXR0b24nO1xuZXhwb3J0IGRlZmF1bHQgVmlld1N3aXRjaGVyQnV0dG9uO1xuIl19 */"),
+      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== */"),
       children: /*#__PURE__*/cloneElement(props.icon, {
         size: props.isCondensed ? 'medium' : 'big'
       })
@@ -47,19 +47,7 @@ const ViewSwitcherButton = props => {
     })]
   });
 };
-ViewSwitcherButton.propTypes = process.env.NODE_ENV !== "production" ? {
-  children: _pt.string,
-  icon: _pt.element,
-  isActive: _pt.bool,
-  isDisabled: _pt.bool,
-  isCondensed: _pt.bool,
-  isFirstButton: _pt.bool,
-  isLastButton: _pt.bool,
-  label: _pt.string,
-  value: _pt.string.isRequired,
-  onClick: _pt.func
-} : {};
-ViewSwitcherButton.displayName = 'ViewSwitcherButton';
+ViewSwitcherButton.displayName = 'ViewSwitcher.Button';
 var Button = ViewSwitcherButton;
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
@@ -68,8 +56,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "display:flex"
 } : {
   name: "xd53is-ViewSwitcher",
-  styles: "display:flex;label:ViewSwitcher;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdHYyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoaWxkcmVuLFxuICBpc1ZhbGlkRWxlbWVudCxcbiAgY2xvbmVFbGVtZW50LFxuICB1c2VTdGF0ZSxcbiAgdHlwZSBSZWFjdE5vZGUsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgaXNOaWwgZnJvbSAnbG9kYXNoL2lzTmlsJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBWaWV3U3dpdGNoZXJCdXR0b24gZnJvbSAnLi92aWV3LXN3aXRjaGVyLWJ1dHRvbic7XG5pbXBvcnQgeyB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuXG50eXBlIFRSZWFjdENoaWxkID0ge1xuICB0eXBlPzogeyBkaXNwbGF5TmFtZTogc3RyaW5nIH07XG59ICYgUmVhY3RFbGVtZW50O1xuXG5leHBvcnQgdHlwZSBUVmlld1N3aXRjaGVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhhdCB0aGUgdmlldyBzd2l0Y2hlciBjYW4gYmUgcmVkdWNlZCB0byBzYXZlIHNwYWNlLlxuICAgKi9cbiAgaXNDb25kZW5zZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogUGFzcyBvbmUgb3IgbW9yZSBgVmlld1N3aXRjaGVyLkJ1dHRvbmAgY29tcG9uZW50cy5cbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBXaWxsIGJlIHRyaWdnZXJlZCB3aGVuZXZlciBhIGBWaWV3U3dpdGNoZXIuQnV0dG9uYCBpcyBzZWxlY3RlZC4gQ2FsbGVkIHdpdGggdGhlIFZpZXdTd2l0Y2hlckJ1dHRvbiB2YWx1ZS5cbiAgICogVGhpcyBmdW5jdGlvbiBpcyBvbmx5IHJlcXVpcmVkIHdoZW4gdGhlIGNvbXBvbmVudCBpcyBjb250cm9sbGVkLlxuICAgKi9cbiAgb25DaGFuZ2U/OiAodmFsdWU6IHN0cmluZykgPT4gdm9pZDtcbiAgLyoqXG4gICAqIFBhc3NpbmcgdGhpcyBwcm9wIG1ha2VzIHRoZSBjb21wb25lbnQgYW4gdW5jb250cm9sbGVkIGNvbXBvbmVudC5cbiAgICogSW5kaWNhdGVzIHRoZSBkZWZhdWx0IHNlbGVjdGVkIGJ1dHRvbiBpdCBpcyBvbmx5IHVzZWQgdG8gYXMgYW4gaW5pdGlhbCBzdGF0ZSBvbmNlLCB3aGVuIHRoZSBjb21wb25lbnQgbW91bnRzLlxuICAgKi9cbiAgZGVmYXVsdFNlbGVjdGVkPzogc3RyaW5nO1xuICAvKipcbiAgICogUGFzc2luZyB0aGlzIHByb3AgbWFrZXMgdGhlIGNvbXBvbmVudCBhbiBjb250cm9sbGVkIGNvbXBvbmVudC5cbiAgICogQ29udHJvbGxlZCBjb21wb25lbnRzIGFsc28gcmVxdWlyZSB0byBwYXNzIGEgYG9uQ2hhbmdlYCBjYWxsYmFjayBmdW5jdGlvbi5cbiAgICovXG4gIHNlbGVjdGVkVmFsdWU/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBWaWV3U3dpdGNoZXIgPSAocHJvcHM6IFRWaWV3U3dpdGNoZXJQcm9wcykgPT4ge1xuICBjb25zdCBpc0NvbnRyb2xsZWRDb21wb25lbnQgPSAhaXNOaWwocHJvcHMuc2VsZWN0ZWRWYWx1ZSk7XG4gIGNvbnN0IGhhc09uQ2hhbmdlID0gIWlzTmlsKHByb3BzLm9uQ2hhbmdlKTtcbiAgLyoqXG4gICAqIFRoaXMgaW50ZXJuYWwgc3RhdGUgaXMgb25seSB1c2VkIHdoZW4gdGhlIGNvbXBvbmVudCBpcyB1bmNvbnRyb2xsZWQgKFwiZGVmYXVsdFNlbGVjdGVkXCIgaXMgcGFzc2VkKS5cbiAgICogV2hlbiBjb250cm9sbGVkIChcInNlbGVjdGVkVmFsdWVcIikgdGhlIHN0YXRlIHdpbGwgbm90IGJlIHVwZGF0ZWQgb3IgdXNlZC5cbiAgICovXG4gIGNvbnN0IFtzZWxlY3RlZEJ1dHRvbiwgc2V0U2VsZWN0ZWRCdXR0b25dID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPihcbiAgICBwcm9wcy5kZWZhdWx0U2VsZWN0ZWRcbiAgKTtcblxuICBpZiAoaXNDb250cm9sbGVkQ29tcG9uZW50KSB7XG4gICAgd2FybmluZyhcbiAgICAgIGhhc09uQ2hhbmdlLFxuICAgICAgYHVpLWtpdC9WaWV3U3dpdGNoZXI6IG1pc3NpbmcgcmVxdWlyZWQgcHJvcCBcIm9uQ2hhbmdlXCIgd2hlbiB1c2luZyB0aGUgXCJ2YWx1ZVwiIHByb3AgKGNvbnRyb2xsZWQgY29tcG9uZW50KS5gXG4gICAgKTtcbiAgfVxuXG4gIHdhcm5pbmcoXG4gICAgIXByb3BzLnNlbGVjdGVkVmFsdWUgfHwgIXByb3BzLmRlZmF1bHRTZWxlY3RlZCxcbiAgICBgdWkta2l0L1ZpZXdTd2l0Y2hlcjogcGFzc2VkIGJvdGggXCJzZWxlY3RlZFZhbHVlXCIgKHVuY29udHJvbGxlZCBjb21wb25lbnQpIHByb3AgYW5kIFwiZGVmYXVsdFNlbGVjdGVkXCIgKHVuY29udHJvbGxlZCBjb21wb25lbnQpLiBQbGVhc2UgcGFzcyBvbmx5IG9uZSBhcyB0aGUgY29tcG9uZW50IGNhbiBvbmx5IGJlIGVpdGhlciBjb250cm9sbGVkIG9yIHVuY29udHJvbGxlZC5gXG4gICk7XG5cbiAgd2FybmluZyhcbiAgICAocHJvcHMuY2hpbGRyZW4gYXMgVFJlYWN0Q2hpbGRbXSkubGVuZ3RoID4gMCxcbiAgICAnVmlld1N3aXRjaGVyLkdyb3VwIG11c3QgY29udGFpbiBhdCBsZWFzdCBvbmUgVmlld1N3aXRjaGVyLkJ1dHRvbidcbiAgKTtcblxuICBjb25zdCB2aWV3U3dpdGNoZXJFbGVtZW50cyA9IENoaWxkcmVuLm1hcChwcm9wcy5jaGlsZHJlbiwgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgIGlmIChcbiAgICAgIGNoaWxkICYmXG4gICAgICBpc1ZhbGlkRWxlbWVudChjaGlsZCkgJiZcbiAgICAgIChjaGlsZCBhcyBUUmVhY3RDaGlsZCkudHlwZS5kaXNwbGF5TmFtZSA9PT0gVmlld1N3aXRjaGVyQnV0dG9uLmRpc3BsYXlOYW1lXG4gICAgKSB7XG4gICAgICBjb25zdCBpc0J1dHRvbkFjdGl2ZSA9XG4gICAgICAgIChpc0NvbnRyb2xsZWRDb21wb25lbnQgPyBwcm9wcy5zZWxlY3RlZFZhbHVlIDogc2VsZWN0ZWRCdXR0b24pID09PVxuICAgICAgICBjaGlsZC5wcm9wcy52YWx1ZTtcbiAgICAgIGNvbnN0IGNsb25lZENoaWxkID0gY2xvbmVFbGVtZW50KGNoaWxkIGFzIFRSZWFjdENoaWxkLCB7XG4gICAgICAgIG9uQ2xpY2s6ICgpID0+IHtcbiAgICAgICAgICBpZiAoIWlzQ29udHJvbGxlZENvbXBvbmVudCkge1xuICAgICAgICAgICAgc2V0U2VsZWN0ZWRCdXR0b24oY2hpbGQucHJvcHMudmFsdWUpO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIGlmICghaXNCdXR0b25BY3RpdmUpIHtcbiAgICAgICAgICAgIGNoaWxkLnByb3BzLm9uQ2xpY2s/LihjaGlsZC5wcm9wcy52YWx1ZSk7XG4gICAgICAgICAgICBwcm9wcy5vbkNoYW5nZT8uKGNoaWxkLnByb3BzLnZhbHVlKTtcbiAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIGlzQ29uZGVuc2VkOiBwcm9wcy5pc0NvbmRlbnNlZCxcbiAgICAgICAgaXNBY3RpdmU6IGlzQnV0dG9uQWN0aXZlLFxuICAgICAgICBpc0ZpcnN0QnV0dG9uOiBpbmRleCA9PT0gMCxcbiAgICAgICAgaXNMYXN0QnV0dG9uOlxuICAgICAgICAgIGluZGV4ID09PSAoKHByb3BzLmNoaWxkcmVuIGFzIFRSZWFjdENoaWxkW10pLmxlbmd0aCA/PyAxKSAtIDEsXG4gICAgICB9KTtcbiAgICAgIHJldHVybiBjbG9uZWRDaGlsZDtcbiAgICB9XG4gICAgcmV0dXJuIGNoaWxkO1xuICB9KTtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7dmlld1N3aXRjaGVyRWxlbWVudHN9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBWaWV3U3dpdGNoZXI7XG4iXX0= */",
+  styles: "display:flex;label:ViewSwitcher;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFHYyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoaWxkcmVuLFxuICBpc1ZhbGlkRWxlbWVudCxcbiAgY2xvbmVFbGVtZW50LFxuICB1c2VTdGF0ZSxcbiAgdHlwZSBSZWFjdEVsZW1lbnQsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCBpc05pbCBmcm9tICdsb2Rhc2gvaXNOaWwnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFZpZXdTd2l0Y2hlckJ1dHRvbiwge1xuICBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMsXG59IGZyb20gJy4vdmlldy1zd2l0Y2hlci1idXR0b24nO1xuaW1wb3J0IHsgd2FybmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcblxudHlwZSBUVmlld1N3aXRjaGVyQnV0dG9uRWxlbWVudCA9IFJlYWN0RWxlbWVudDxUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHM+O1xuXG5leHBvcnQgdHlwZSBUVmlld1N3aXRjaGVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhhdCB0aGUgdmlldyBzd2l0Y2hlciBjYW4gYmUgcmVkdWNlZCB0byBzYXZlIHNwYWNlLlxuICAgKi9cbiAgaXNDb25kZW5zZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogUGFzcyBvbmUgb3IgbW9yZSBgVmlld1N3aXRjaGVyLkJ1dHRvbmAgY29tcG9uZW50cy5cbiAgICovXG4gIGNoaWxkcmVuOiBUVmlld1N3aXRjaGVyQnV0dG9uRWxlbWVudCB8IFRWaWV3U3dpdGNoZXJCdXR0b25FbGVtZW50W107XG4gIC8qKlxuICAgKiBXaWxsIGJlIHRyaWdnZXJlZCB3aGVuZXZlciBhIGBWaWV3U3dpdGNoZXIuQnV0dG9uYCBpcyBzZWxlY3RlZC4gQ2FsbGVkIHdpdGggdGhlIFZpZXdTd2l0Y2hlckJ1dHRvbiB2YWx1ZS5cbiAgICogVGhpcyBmdW5jdGlvbiBpcyBvbmx5IHJlcXVpcmVkIHdoZW4gdGhlIGNvbXBvbmVudCBpcyBjb250cm9sbGVkLlxuICAgKi9cbiAgb25DaGFuZ2U/OiAodmFsdWU6IHN0cmluZykgPT4gdm9pZDtcbiAgLyoqXG4gICAqIFBhc3NpbmcgdGhpcyBwcm9wIG1ha2VzIHRoZSBjb21wb25lbnQgYW4gdW5jb250cm9sbGVkIGNvbXBvbmVudC5cbiAgICogSW5kaWNhdGVzIHRoZSBkZWZhdWx0IHNlbGVjdGVkIGJ1dHRvbiBpdCBpcyBvbmx5IHVzZWQgdG8gYXMgYW4gaW5pdGlhbCBzdGF0ZSBvbmNlLCB3aGVuIHRoZSBjb21wb25lbnQgbW91bnRzLlxuICAgKi9cbiAgZGVmYXVsdFNlbGVjdGVkPzogc3RyaW5nO1xuICAvKipcbiAgICogUGFzc2luZyB0aGlzIHByb3AgbWFrZXMgdGhlIGNvbXBvbmVudCBhbiBjb250cm9sbGVkIGNvbXBvbmVudC5cbiAgICogQ29udHJvbGxlZCBjb21wb25lbnRzIGFsc28gcmVxdWlyZSB0byBwYXNzIGEgYG9uQ2hhbmdlYCBjYWxsYmFjayBmdW5jdGlvbi5cbiAgICovXG4gIHNlbGVjdGVkVmFsdWU/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBWaWV3U3dpdGNoZXIgPSAocHJvcHM6IFRWaWV3U3dpdGNoZXJQcm9wcykgPT4ge1xuICBjb25zdCBpc0NvbnRyb2xsZWRDb21wb25lbnQgPSAhaXNOaWwocHJvcHMuc2VsZWN0ZWRWYWx1ZSk7XG4gIGNvbnN0IGhhc09uQ2hhbmdlID0gIWlzTmlsKHByb3BzLm9uQ2hhbmdlKTtcbiAgLyoqXG4gICAqIFRoaXMgaW50ZXJuYWwgc3RhdGUgaXMgb25seSB1c2VkIHdoZW4gdGhlIGNvbXBvbmVudCBpcyB1bmNvbnRyb2xsZWQgKFwiZGVmYXVsdFNlbGVjdGVkXCIgaXMgcGFzc2VkKS5cbiAgICogV2hlbiBjb250cm9sbGVkIChcInNlbGVjdGVkVmFsdWVcIikgdGhlIHN0YXRlIHdpbGwgbm90IGJlIHVwZGF0ZWQgb3IgdXNlZC5cbiAgICovXG4gIGNvbnN0IFtzZWxlY3RlZEJ1dHRvbiwgc2V0U2VsZWN0ZWRCdXR0b25dID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPihcbiAgICBwcm9wcy5kZWZhdWx0U2VsZWN0ZWRcbiAgKTtcblxuICBpZiAoaXNDb250cm9sbGVkQ29tcG9uZW50KSB7XG4gICAgd2FybmluZyhcbiAgICAgIGhhc09uQ2hhbmdlLFxuICAgICAgYHVpLWtpdC9WaWV3U3dpdGNoZXI6IG1pc3NpbmcgcmVxdWlyZWQgcHJvcCBcIm9uQ2hhbmdlXCIgd2hlbiB1c2luZyB0aGUgXCJ2YWx1ZVwiIHByb3AgKGNvbnRyb2xsZWQgY29tcG9uZW50KS5gXG4gICAgKTtcbiAgfVxuXG4gIHdhcm5pbmcoXG4gICAgIXByb3BzLnNlbGVjdGVkVmFsdWUgfHwgIXByb3BzLmRlZmF1bHRTZWxlY3RlZCxcbiAgICBgdWkta2l0L1ZpZXdTd2l0Y2hlcjogcGFzc2VkIGJvdGggXCJzZWxlY3RlZFZhbHVlXCIgKHVuY29udHJvbGxlZCBjb21wb25lbnQpIHByb3AgYW5kIFwiZGVmYXVsdFNlbGVjdGVkXCIgKHVuY29udHJvbGxlZCBjb21wb25lbnQpLiBQbGVhc2UgcGFzcyBvbmx5IG9uZSBhcyB0aGUgY29tcG9uZW50IGNhbiBvbmx5IGJlIGVpdGhlciBjb250cm9sbGVkIG9yIHVuY29udHJvbGxlZC5gXG4gICk7XG5cbiAgd2FybmluZyhcbiAgICAocHJvcHMuY2hpbGRyZW4gYXMgVFZpZXdTd2l0Y2hlckJ1dHRvbkVsZW1lbnRbXSkubGVuZ3RoID4gMCxcbiAgICAnVmlld1N3aXRjaGVyLkdyb3VwIG11c3QgY29udGFpbiBhdCBsZWFzdCBvbmUgVmlld1N3aXRjaGVyLkJ1dHRvbidcbiAgKTtcblxuICBjb25zdCB2aWV3U3dpdGNoZXJFbGVtZW50cyA9IENoaWxkcmVuLm1hcChwcm9wcy5jaGlsZHJlbiwgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgIGlmIChcbiAgICAgIGNoaWxkICYmXG4gICAgICBpc1ZhbGlkRWxlbWVudDxUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHM+KGNoaWxkKSAmJlxuICAgICAgY2hpbGQudHlwZSA9PT0gVmlld1N3aXRjaGVyQnV0dG9uXG4gICAgKSB7XG4gICAgICBjb25zdCBpc0J1dHRvbkFjdGl2ZSA9XG4gICAgICAgIChpc0NvbnRyb2xsZWRDb21wb25lbnQgPyBwcm9wcy5zZWxlY3RlZFZhbHVlIDogc2VsZWN0ZWRCdXR0b24pID09PVxuICAgICAgICBjaGlsZC5wcm9wcy52YWx1ZTtcbiAgICAgIHJldHVybiBjbG9uZUVsZW1lbnQoY2hpbGQsIHtcbiAgICAgICAgb25DbGljazogKCkgPT4ge1xuICAgICAgICAgIGlmICghaXNDb250cm9sbGVkQ29tcG9uZW50KSB7XG4gICAgICAgICAgICBzZXRTZWxlY3RlZEJ1dHRvbihjaGlsZC5wcm9wcy52YWx1ZSk7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgaWYgKCFpc0J1dHRvbkFjdGl2ZSkge1xuICAgICAgICAgICAgY2hpbGQucHJvcHMub25DbGljaz8uKGNoaWxkLnByb3BzLnZhbHVlKTtcbiAgICAgICAgICAgIHByb3BzLm9uQ2hhbmdlPy4oY2hpbGQucHJvcHMudmFsdWUpO1xuICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgaXNDb25kZW5zZWQ6IHByb3BzLmlzQ29uZGVuc2VkLFxuICAgICAgICBpc0FjdGl2ZTogaXNCdXR0b25BY3RpdmUsXG4gICAgICAgIGlzRmlyc3RCdXR0b246IGluZGV4ID09PSAwLFxuICAgICAgICBpc0xhc3RCdXR0b246IGluZGV4ID09PSBDaGlsZHJlbi5jb3VudChwcm9wcy5jaGlsZHJlbikgLSAxLFxuICAgICAgfSk7XG4gICAgfVxuICAgIHJldHVybiBjaGlsZDtcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge3ZpZXdTd2l0Y2hlckVsZW1lbnRzfVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuVmlld1N3aXRjaGVyLmRpc3BsYXlOYW1lID0gJ1ZpZXdTd2l0Y2hlci5Hcm91cCc7XG5cbmV4cG9ydCBkZWZhdWx0IFZpZXdTd2l0Y2hlcjtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const ViewSwitcher$1 = props => {
@@ -89,9 +76,9 @@ const ViewSwitcher$1 = props => {
   process.env.NODE_ENV !== "production" ? warning(!props.selectedValue || !props.defaultSelected, `ui-kit/ViewSwitcher: passed both "selectedValue" (uncontrolled component) prop and "defaultSelected" (uncontrolled component). Please pass only one as the component can only be either controlled or uncontrolled.`) : void 0;
   process.env.NODE_ENV !== "production" ? warning(props.children.length > 0, 'ViewSwitcher.Group must contain at least one ViewSwitcher.Button') : void 0;
   const viewSwitcherElements = _mapInstanceProperty(Children).call(Children, props.children, (child, index) => {
-    if (child && /*#__PURE__*/isValidElement(child) && child.type.displayName === Button.displayName) {
+    if (child && /*#__PURE__*/isValidElement(child) && child.type === Button) {
       const isButtonActive = (isControlledComponent ? props.selectedValue : selectedButton) === child.props.value;
-      const clonedChild = /*#__PURE__*/cloneElement(child, {
+      return /*#__PURE__*/cloneElement(child, {
         onClick: () => {
           if (!isControlledComponent) {
             setSelectedButton(child.props.value);
@@ -104,9 +91,8 @@ const ViewSwitcher$1 = props => {
         isCondensed: props.isCondensed,
         isActive: isButtonActive,
         isFirstButton: index === 0,
-        isLastButton: index === (props.children.length ?? 1) - 1
+        isLastButton: index === Children.count(props.children) - 1
       });
-      return clonedChild;
     }
     return child;
   });
@@ -117,15 +103,16 @@ const ViewSwitcher$1 = props => {
 };
 ViewSwitcher$1.propTypes = process.env.NODE_ENV !== "production" ? {
   isCondensed: _pt.bool,
-  children: _pt.node.isRequired,
+  children: _pt.oneOfType([_pt.element, _pt.arrayOf(_pt.element)]).isRequired,
   onChange: _pt.func,
   defaultSelected: _pt.string,
   selectedValue: _pt.string
 } : {};
+ViewSwitcher$1.displayName = 'ViewSwitcher.Group';
 var Group = ViewSwitcher$1;
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.22.0";
+var version = "19.22.2";
 const ViewSwitcher = {
   Group,

package/dist/declarations/src/index.d.ts CHANGED Viewed

@@ -1,9 +1,9 @@
 declare const ViewSwitcher: {
-    Group: (props: import("./view-switcher.js").TViewSwitcherProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Button: {
-        (props: import("./view-switcher-button.js").TViewSwitcherButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    Group: {
+        (props: import("./view-switcher.js").TViewSwitcherProps): import("@emotion/react/jsx-runtime").JSX.Element;
         displayName: string;
     };
+    Button: import("./view-switcher-button.js").TViewSwitcherButtonElement;
 };
 export default ViewSwitcher;
 export { default as version } from "./version.js";

package/dist/declarations/src/view-switcher-button.d.ts CHANGED Viewed

@@ -1,18 +1,29 @@
-import { type MouseEvent, type KeyboardEvent, type ReactElement } from 'react';
+import { type MouseEvent, type KeyboardEvent, type ReactElement, FC } from 'react';
+/**
+ * Props for the ViewSwitcherButton component
+ */
 export type TViewSwitcherButtonProps = {
+    /** The text content to be displayed inside the button */
     children?: string;
+    /** An icon element to be displayed inside the button */
     icon?: ReactElement;
+    /** Indicates if the button is in active state */
     isActive?: boolean;
+    /** Indicates if the button is disabled */
     isDisabled?: boolean;
+    /** Indicates if the button should be rendered in condensed mode */
     isCondensed?: boolean;
+    /** Indicates if this button is the first in a group of buttons */
     isFirstButton?: boolean;
+    /** Indicates if this button is the last in a group of buttons */
     isLastButton?: boolean;
+    /** Accessible label for the button (required when only icon is provided) */
     label?: string;
+    /** Value associated with the button */
     value: string;
-    onClick?: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
-};
-declare const ViewSwitcherButton: {
-    (props: TViewSwitcherButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
+    /** Handler called when the button is clicked */
+    onClick?: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement> | string) => void;
 };
+export type TViewSwitcherButtonElement = FC<TViewSwitcherButtonProps>;
+declare const ViewSwitcherButton: TViewSwitcherButtonElement;
 export default ViewSwitcherButton;

package/dist/declarations/src/view-switcher.d.ts CHANGED Viewed

@@ -1,4 +1,6 @@
-import { type ReactNode } from 'react';
+import { type ReactElement } from 'react';
+import { TViewSwitcherButtonProps } from "./view-switcher-button.js";
+type TViewSwitcherButtonElement = ReactElement<TViewSwitcherButtonProps>;
 export type TViewSwitcherProps = {
     /**
      * Indicates that the view switcher can be reduced to save space.
@@ -7,7 +9,7 @@ export type TViewSwitcherProps = {
     /**
      * Pass one or more `ViewSwitcher.Button` components.
      */
-    children: ReactNode;
+    children: TViewSwitcherButtonElement | TViewSwitcherButtonElement[];
     /**
      * Will be triggered whenever a `ViewSwitcher.Button` is selected. Called with the ViewSwitcherButton value.
      * This function is only required when the component is controlled.
@@ -24,5 +26,8 @@ export type TViewSwitcherProps = {
      */
     selectedValue?: string;
 };
-declare const ViewSwitcher: (props: TViewSwitcherProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const ViewSwitcher: {
+    (props: TViewSwitcherProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default ViewSwitcher;

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/view-switcher",
   "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.",
-  "version": "19.22.0",
+  "version": "19.22.2",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -21,9 +21,9 @@
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-uikit/accessible-button": "19.22.0",
-    "@commercetools-uikit/design-system": "19.22.0",
-    "@commercetools-uikit/utils": "19.22.0",
+    "@commercetools-uikit/accessible-button": "19.22.2",
+    "@commercetools-uikit/design-system": "19.22.2",
+    "@commercetools-uikit/utils": "19.22.2",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "lodash": "4.17.21",