@commercetools-uikit/view-switcher 16.0.0 → 16.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/commercetools-uikit-view-switcher.cjs.dev.js +4 -23
  2. package/dist/commercetools-uikit-view-switcher.cjs.prod.js +4 -19
  3. package/dist/commercetools-uikit-view-switcher.esm.js +4 -23
  4. package/package.json +4 -4
package/dist/commercetools-uikit-view-switcher.cjs.dev.js CHANGED
@@ -26,28 +26,22 @@ const getSizeStyles = isCondensed => {
26
26
  if (isCondensed) {
27
27
  return /*#__PURE__*/react.css("padding:", designSystem.designTokens.paddingForViewSwitcherWhenCondensed, ";height:", designSystem.designTokens.heightForViewSwitcherWhenCondensed, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getSizeStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFjIiwiZmlsZSI6InZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wcyB9IGZyb20gJy4vdmlldy1zd2l0Y2hlci1idXR0b24nO1xuXG5jb25zdCBnZXRTaXplU3R5bGVzID0gKFxuICBpc0NvbmRlbnNlZDogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddXG4pID0+IHtcbiAgaWYgKGlzQ29uZGVuc2VkKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JWaWV3U3dpdGNoZXJXaGVuQ29uZGVuc2VkfTtcbiAgICAgIGhlaWdodDogJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9yVmlld1N3aXRjaGVyV2hlbkNvbmRlbnNlZH07XG4gICAgYDtcbiAgfVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvclZpZXdTd2l0Y2hlcn07XG4gICAgaGVpZ2h0OiAke2Rlc2lnblRva2Vucy5oZWlnaHRGb3JWaWV3U3dpdGNoZXJ9O1xuICBgO1xufTtcblxuY29uc3QgZ2V0Rm9udENvbG9yID0gKGlzRGlzYWJsZWQ/OiBib29sZWFuLCBpc0FjdGl2ZT86IGJvb2xlYW4pID0+IHtcbiAgaWYgKGlzRGlzYWJsZWQpIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yVmlld1N3aXRjaGVyV2hlbkRpc2FibGVkO1xuICBpZiAoaXNBY3RpdmUpIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkO1xuICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcjtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRCdXR0b25TdHlsZXMgPSAoXG4gIGlzRGlzYWJsZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRGlzYWJsZWQnXSxcbiAgaXNBY3RpdmU/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQWN0aXZlJ10sXG4gIGlzQ29uZGVuc2VkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddLFxuICBpc0ZpcnN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0ZpcnN0QnV0dG9uJ10sXG4gIGlzTGFzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNMYXN0QnV0dG9uJ11cbikgPT4ge1xuICBjb25zdCBib3JkZXJSYWRpdXMgPSBgJHtcbiAgICBpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvclZpZXdTd2l0Y2hlciA6ICcwJ1xuICB9ICR7XG4gICAgaXNMYXN0QnV0dG9uXG4gICAgICA/IGAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXJ9ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvclZpZXdTd2l0Y2hlcn1gXG4gICAgICA6ICcwIDAnXG4gIH0gJHtpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvclZpZXdTd2l0Y2hlciA6ICcwJ31gO1xuXG4gIGNvbnN0IGZvbnRDb2xvciA9IGdldEZvbnRDb2xvcihpc0Rpc2FibGVkLCBpc0FjdGl2ZSk7XG5cbiAgcmV0dXJuIFtcbiAgICBjc3NgXG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgY29sb3I6ICR7Zm9udENvbG9yfTtcbiAgICAgIGZpbGw6ICR7Zm9udENvbG9yfTtcbiAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgJHtkZXNpZ25Ub2tlbnMudHJhbnNpdGlvbkxpbmVhcjgwTXN9O1xuICAgICAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZURlZmF1bHR9O1xuICAgICAgYm9yZGVyOiAke2Rlc2lnblRva2Vucy5ib3JkZXJGb3JWaWV3U3dpdGNoZXJ9O1xuICAgICAgYm9yZGVyLWxlZnQ6ICR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJGb3JWaWV3U3dpdGNoZXIgOiAnMCd9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtib3JkZXJSYWRpdXN9O1xuICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuYm94U2hhZG93Rm9yVmlld1N3aXRjaGVyfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcn07XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlbkhvdmVyZWR9O1xuICAgICAgfVxuICAgICAgJjphY3RpdmUge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JWaWV3U3dpdGNoZXJXaGVuU2VsZWN0ZWR9O1xuICAgICAgfVxuICAgICAgJHtnZXRTaXplU3R5bGVzKGlzQ29uZGVuc2VkKX1cbiAgICBgLFxuICAgIGlzRGlzYWJsZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlbkRpc2FibGVkfTtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZH07XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZH07XG4gICAgICAgIH1cbiAgICAgIGAsXG4gICAgaXNBY3RpdmUgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkfTtcbiAgICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuYm94U2hhZG93Rm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkfTtcbiAgICAgIGAsXG4gIF07XG59O1xuIl19 */");
28
28
  }
29
-
30
29
  return /*#__PURE__*/react.css("padding:", designSystem.designTokens.paddingForViewSwitcher, ";height:", designSystem.designTokens.heightForViewSwitcher, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getSizeStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNZIiwiZmlsZSI6InZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wcyB9IGZyb20gJy4vdmlldy1zd2l0Y2hlci1idXR0b24nO1xuXG5jb25zdCBnZXRTaXplU3R5bGVzID0gKFxuICBpc0NvbmRlbnNlZDogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddXG4pID0+IHtcbiAgaWYgKGlzQ29uZGVuc2VkKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JWaWV3U3dpdGNoZXJXaGVuQ29uZGVuc2VkfTtcbiAgICAgIGhlaWdodDogJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9yVmlld1N3aXRjaGVyV2hlbkNvbmRlbnNlZH07XG4gICAgYDtcbiAgfVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvclZpZXdTd2l0Y2hlcn07XG4gICAgaGVpZ2h0OiAke2Rlc2lnblRva2Vucy5oZWlnaHRGb3JWaWV3U3dpdGNoZXJ9O1xuICBgO1xufTtcblxuY29uc3QgZ2V0Rm9udENvbG9yID0gKGlzRGlzYWJsZWQ/OiBib29sZWFuLCBpc0FjdGl2ZT86IGJvb2xlYW4pID0+IHtcbiAgaWYgKGlzRGlzYWJsZWQpIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yVmlld1N3aXRjaGVyV2hlbkRpc2FibGVkO1xuICBpZiAoaXNBY3RpdmUpIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkO1xuICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcjtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRCdXR0b25TdHlsZXMgPSAoXG4gIGlzRGlzYWJsZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRGlzYWJsZWQnXSxcbiAgaXNBY3RpdmU/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQWN0aXZlJ10sXG4gIGlzQ29uZGVuc2VkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddLFxuICBpc0ZpcnN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0ZpcnN0QnV0dG9uJ10sXG4gIGlzTGFzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNMYXN0QnV0dG9uJ11cbikgPT4ge1xuICBjb25zdCBib3JkZXJSYWRpdXMgPSBgJHtcbiAgICBpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvclZpZXdTd2l0Y2hlciA6ICcwJ1xuICB9ICR7XG4gICAgaXNMYXN0QnV0dG9uXG4gICAgICA/IGAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXJ9ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvclZpZXdTd2l0Y2hlcn1gXG4gICAgICA6ICcwIDAnXG4gIH0gJHtpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvclZpZXdTd2l0Y2hlciA6ICcwJ31gO1xuXG4gIGNvbnN0IGZvbnRDb2xvciA9IGdldEZvbnRDb2xvcihpc0Rpc2FibGVkLCBpc0FjdGl2ZSk7XG5cbiAgcmV0dXJuIFtcbiAgICBjc3NgXG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgY29sb3I6ICR7Zm9udENvbG9yfTtcbiAgICAgIGZpbGw6ICR7Zm9udENvbG9yfTtcbiAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgJHtkZXNpZ25Ub2tlbnMudHJhbnNpdGlvbkxpbmVhcjgwTXN9O1xuICAgICAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZURlZmF1bHR9O1xuICAgICAgYm9yZGVyOiAke2Rlc2lnblRva2Vucy5ib3JkZXJGb3JWaWV3U3dpdGNoZXJ9O1xuICAgICAgYm9yZGVyLWxlZnQ6ICR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJGb3JWaWV3U3dpdGNoZXIgOiAnMCd9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtib3JkZXJSYWRpdXN9O1xuICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuYm94U2hhZG93Rm9yVmlld1N3aXRjaGVyfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcn07XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlbkhvdmVyZWR9O1xuICAgICAgfVxuICAgICAgJjphY3RpdmUge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JWaWV3U3dpdGNoZXJXaGVuU2VsZWN0ZWR9O1xuICAgICAgfVxuICAgICAgJHtnZXRTaXplU3R5bGVzKGlzQ29uZGVuc2VkKX1cbiAgICBgLFxuICAgIGlzRGlzYWJsZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlbkRpc2FibGVkfTtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZH07XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZH07XG4gICAgICAgIH1cbiAgICAgIGAsXG4gICAgaXNBY3RpdmUgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkfTtcbiAgICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuYm94U2hhZG93Rm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkfTtcbiAgICAgIGAsXG4gIF07XG59O1xuIl19 */");
31
30
  };
32
-
33
31
  const getFontColor = (isDisabled, isActive) => {
34
32
  if (isDisabled) return designSystem.designTokens.fontColorForViewSwitcherWhenDisabled;
35
33
  if (isActive) return designSystem.designTokens.fontColorForViewSwitcherWhenSelected;
36
34
  return designSystem.designTokens.fontColorForViewSwitcher;
37
35
  };
38
-
39
36
  const getButtonStyles = (isDisabled, isActive, isCondensed, isFirstButton, isLastButton) => {
40
37
  var _context, _context2, _context3;
41
-
42
38
  const borderRadius = _concatInstanceProperty__default["default"](_context = _concatInstanceProperty__default["default"](_context2 = "".concat(isFirstButton ? designSystem.designTokens.borderRadiusForViewSwitcher : '0', " ")).call(_context2, isLastButton ? _concatInstanceProperty__default["default"](_context3 = "".concat(designSystem.designTokens.borderRadiusForViewSwitcher, " ")).call(_context3, designSystem.designTokens.borderRadiusForViewSwitcher) : '0 0', " ")).call(_context, isFirstButton ? designSystem.designTokens.borderRadiusForViewSwitcher : '0');
43
-
44
39
  const fontColor = getFontColor(isDisabled, isActive);
45
40
  return [/*#__PURE__*/react.css("align-items:center;color:", fontColor, ";fill:", fontColor, ";transition:background-color ", designSystem.designTokens.transitionLinear80Ms, ";font-size:", designSystem.designTokens.fontSizeDefault, ";border:", designSystem.designTokens.borderForViewSwitcher, ";border-left:", isFirstButton ? designSystem.designTokens.borderForViewSwitcher : '0', ";border-radius:", borderRadius, ";box-shadow:", designSystem.designTokens.boxShadowForViewSwitcher, ";background-color:", designSystem.designTokens.backgroundColorForViewSwitcher, ";&:hover{background-color:", designSystem.designTokens.backgroundColorForViewSwitcherWhenHovered, ";}&:active{background-color:", designSystem.designTokens.backgroundColorForViewSwitcherWhenSelected, ";}", getSizeStyles(isCondensed), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDTyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5wYWRkaW5nRm9yVmlld1N3aXRjaGVyV2hlbkNvbmRlbnNlZH07XG4gICAgICBoZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLmhlaWdodEZvclZpZXdTd2l0Y2hlcldoZW5Db25kZW5zZWR9O1xuICAgIGA7XG4gIH1cblxuICByZXR1cm4gY3NzYFxuICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JWaWV3U3dpdGNoZXJ9O1xuICAgIGhlaWdodDogJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9yVmlld1N3aXRjaGVyfTtcbiAgYDtcbn07XG5cbmNvbnN0IGdldEZvbnRDb2xvciA9IChpc0Rpc2FibGVkPzogYm9vbGVhbiwgaXNBY3RpdmU/OiBib29sZWFuKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZDtcbiAgaWYgKGlzQWN0aXZlKSByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZDtcbiAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JWaWV3U3dpdGNoZXI7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0QnV0dG9uU3R5bGVzID0gKFxuICBpc0Rpc2FibGVkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0Rpc2FibGVkJ10sXG4gIGlzQWN0aXZlPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0FjdGl2ZSddLFxuICBpc0NvbmRlbnNlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXSxcbiAgaXNGaXJzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNGaXJzdEJ1dHRvbiddLFxuICBpc0xhc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzTGFzdEJ1dHRvbiddXG4pID0+IHtcbiAgY29uc3QgYm9yZGVyUmFkaXVzID0gYCR7XG4gICAgaXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXIgOiAnMCdcbiAgfSAke1xuICAgIGlzTGFzdEJ1dHRvblxuICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yVmlld1N3aXRjaGVyfSAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXJ9YFxuICAgICAgOiAnMCAwJ1xuICB9ICR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXIgOiAnMCd9YDtcblxuICBjb25zdCBmb250Q29sb3IgPSBnZXRGb250Q29sb3IoaXNEaXNhYmxlZCwgaXNBY3RpdmUpO1xuXG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGNvbG9yOiAke2ZvbnRDb2xvcn07XG4gICAgICBmaWxsOiAke2ZvbnRDb2xvcn07XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25MaW5lYXI4ME1zfTtcbiAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgIGJvcmRlcjogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyRm9yVmlld1N3aXRjaGVyfTtcbiAgICAgIGJvcmRlci1sZWZ0OiAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyRm9yVmlld1N3aXRjaGVyIDogJzAnfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7Ym9yZGVyUmFkaXVzfTtcbiAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLmJveFNoYWRvd0ZvclZpZXdTd2l0Y2hlcn07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JWaWV3U3dpdGNoZXJ9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5Ib3ZlcmVkfTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkfTtcbiAgICAgIH1cbiAgICAgICR7Z2V0U2l6ZVN0eWxlcyhpc0NvbmRlbnNlZCl9XG4gICAgYCxcbiAgICBpc0Rpc2FibGVkICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZH07XG4gICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JWaWV3U3dpdGNoZXJXaGVuRGlzYWJsZWR9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JWaWV3U3dpdGNoZXJXaGVuRGlzYWJsZWR9O1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIGlzQWN0aXZlICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZH07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLmJveFNoYWRvd0ZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZH07XG4gICAgICBgLFxuICBdO1xufTtcbiJdfQ== */"), isDisabled && /*#__PURE__*/react.css("background-color:", designSystem.designTokens.backgroundColorForViewSwitcherWhenDisabled, ";color:", designSystem.designTokens.fontColorForViewSwitcherWhenDisabled, ";&:hover{background-color:", designSystem.designTokens.backgroundColorForViewSwitcherWhenDisabled, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdFUyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5wYWRkaW5nRm9yVmlld1N3aXRjaGVyV2hlbkNvbmRlbnNlZH07XG4gICAgICBoZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLmhlaWdodEZvclZpZXdTd2l0Y2hlcldoZW5Db25kZW5zZWR9O1xuICAgIGA7XG4gIH1cblxuICByZXR1cm4gY3NzYFxuICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JWaWV3U3dpdGNoZXJ9O1xuICAgIGhlaWdodDogJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9yVmlld1N3aXRjaGVyfTtcbiAgYDtcbn07XG5cbmNvbnN0IGdldEZvbnRDb2xvciA9IChpc0Rpc2FibGVkPzogYm9vbGVhbiwgaXNBY3RpdmU/OiBib29sZWFuKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZDtcbiAgaWYgKGlzQWN0aXZlKSByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZDtcbiAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JWaWV3U3dpdGNoZXI7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0QnV0dG9uU3R5bGVzID0gKFxuICBpc0Rpc2FibGVkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0Rpc2FibGVkJ10sXG4gIGlzQWN0aXZlPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0FjdGl2ZSddLFxuICBpc0NvbmRlbnNlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXSxcbiAgaXNGaXJzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNGaXJzdEJ1dHRvbiddLFxuICBpc0xhc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzTGFzdEJ1dHRvbiddXG4pID0+IHtcbiAgY29uc3QgYm9yZGVyUmFkaXVzID0gYCR7XG4gICAgaXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXIgOiAnMCdcbiAgfSAke1xuICAgIGlzTGFzdEJ1dHRvblxuICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yVmlld1N3aXRjaGVyfSAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXJ9YFxuICAgICAgOiAnMCAwJ1xuICB9ICR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXIgOiAnMCd9YDtcblxuICBjb25zdCBmb250Q29sb3IgPSBnZXRGb250Q29sb3IoaXNEaXNhYmxlZCwgaXNBY3RpdmUpO1xuXG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGNvbG9yOiAke2ZvbnRDb2xvcn07XG4gICAgICBmaWxsOiAke2ZvbnRDb2xvcn07XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25MaW5lYXI4ME1zfTtcbiAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgIGJvcmRlcjogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyRm9yVmlld1N3aXRjaGVyfTtcbiAgICAgIGJvcmRlci1sZWZ0OiAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyRm9yVmlld1N3aXRjaGVyIDogJzAnfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7Ym9yZGVyUmFkaXVzfTtcbiAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLmJveFNoYWRvd0ZvclZpZXdTd2l0Y2hlcn07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JWaWV3U3dpdGNoZXJ9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5Ib3ZlcmVkfTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkfTtcbiAgICAgIH1cbiAgICAgICR7Z2V0U2l6ZVN0eWxlcyhpc0NvbmRlbnNlZCl9XG4gICAgYCxcbiAgICBpc0Rpc2FibGVkICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZH07XG4gICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JWaWV3U3dpdGNoZXJXaGVuRGlzYWJsZWR9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JWaWV3U3dpdGNoZXJXaGVuRGlzYWJsZWR9O1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIGlzQWN0aXZlICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZH07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLmJveFNoYWRvd0ZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZH07XG4gICAgICBgLFxuICBdO1xufTtcbiJdfQ== */"), isActive && /*#__PURE__*/react.css("background-color:", designSystem.designTokens.backgroundColorForViewSwitcherWhenSelected, ";box-shadow:", designSystem.designTokens.boxShadowForViewSwitcherWhenSelected, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdFUyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5wYWRkaW5nRm9yVmlld1N3aXRjaGVyV2hlbkNvbmRlbnNlZH07XG4gICAgICBoZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLmhlaWdodEZvclZpZXdTd2l0Y2hlcldoZW5Db25kZW5zZWR9O1xuICAgIGA7XG4gIH1cblxuICByZXR1cm4gY3NzYFxuICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JWaWV3U3dpdGNoZXJ9O1xuICAgIGhlaWdodDogJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9yVmlld1N3aXRjaGVyfTtcbiAgYDtcbn07XG5cbmNvbnN0IGdldEZvbnRDb2xvciA9IChpc0Rpc2FibGVkPzogYm9vbGVhbiwgaXNBY3RpdmU/OiBib29sZWFuKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZDtcbiAgaWYgKGlzQWN0aXZlKSByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZDtcbiAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JWaWV3U3dpdGNoZXI7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0QnV0dG9uU3R5bGVzID0gKFxuICBpc0Rpc2FibGVkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0Rpc2FibGVkJ10sXG4gIGlzQWN0aXZlPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0FjdGl2ZSddLFxuICBpc0NvbmRlbnNlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXSxcbiAgaXNGaXJzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNGaXJzdEJ1dHRvbiddLFxuICBpc0xhc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzTGFzdEJ1dHRvbiddXG4pID0+IHtcbiAgY29uc3QgYm9yZGVyUmFkaXVzID0gYCR7XG4gICAgaXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXIgOiAnMCdcbiAgfSAke1xuICAgIGlzTGFzdEJ1dHRvblxuICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yVmlld1N3aXRjaGVyfSAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXJ9YFxuICAgICAgOiAnMCAwJ1xuICB9ICR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXIgOiAnMCd9YDtcblxuICBjb25zdCBmb250Q29sb3IgPSBnZXRGb250Q29sb3IoaXNEaXNhYmxlZCwgaXNBY3RpdmUpO1xuXG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGNvbG9yOiAke2ZvbnRDb2xvcn07XG4gICAgICBmaWxsOiAke2ZvbnRDb2xvcn07XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25MaW5lYXI4ME1zfTtcbiAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgIGJvcmRlcjogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyRm9yVmlld1N3aXRjaGVyfTtcbiAgICAgIGJvcmRlci1sZWZ0OiAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyRm9yVmlld1N3aXRjaGVyIDogJzAnfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7Ym9yZGVyUmFkaXVzfTtcbiAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLmJveFNoYWRvd0ZvclZpZXdTd2l0Y2hlcn07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JWaWV3U3dpdGNoZXJ9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5Ib3ZlcmVkfTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkfTtcbiAgICAgIH1cbiAgICAgICR7Z2V0U2l6ZVN0eWxlcyhpc0NvbmRlbnNlZCl9XG4gICAgYCxcbiAgICBpc0Rpc2FibGVkICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZH07XG4gICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JWaWV3U3dpdGNoZXJXaGVuRGlzYWJsZWR9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JWaWV3U3dpdGNoZXJXaGVuRGlzYWJsZWR9O1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIGlzQWN0aXZlICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZH07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLmJveFNoYWRvd0ZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZH07XG4gICAgICBgLFxuICBdO1xufTtcbiJdfQ== */")];
46
41
  };
47
42
 
48
43
  const ViewSwitcherButton = props => {
49
44
  var _ref, _props$label;
50
-
51
45
  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
46
  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;
53
47
  return jsxRuntime.jsxs(AccessibleButton__default["default"], {
@@ -65,7 +59,6 @@ const ViewSwitcherButton = props => {
65
59
  })]
66
60
  });
67
61
  };
68
-
69
62
  ViewSwitcherButton.propTypes = process.env.NODE_ENV !== "production" ? {
70
63
  children: _pt__default["default"].string,
71
64
  icon: _pt__default["default"].element,
@@ -82,7 +75,6 @@ ViewSwitcherButton.displayName = 'ViewSwitcherButton';
82
75
  var Button = ViewSwitcherButton;
83
76
 
84
77
  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)."; }
85
-
86
78
  var _ref = process.env.NODE_ENV === "production" ? {
87
79
  name: "zjik7",
88
80
  styles: "display:flex"
@@ -92,7 +84,6 @@ var _ref = process.env.NODE_ENV === "production" ? {
92
84
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdHYyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoaWxkcmVuLFxuICBpc1ZhbGlkRWxlbWVudCxcbiAgY2xvbmVFbGVtZW50LFxuICB1c2VTdGF0ZSxcbiAgdHlwZSBSZWFjdE5vZGUsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgaXNOaWwgZnJvbSAnbG9kYXNoL2lzTmlsJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBWaWV3U3dpdGNoZXJCdXR0b24gZnJvbSAnLi92aWV3LXN3aXRjaGVyLWJ1dHRvbic7XG5pbXBvcnQgeyB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuXG50eXBlIFRSZWFjdENoaWxkID0ge1xuICB0eXBlPzogeyBkaXNwbGF5TmFtZTogc3RyaW5nIH07XG59ICYgUmVhY3RFbGVtZW50O1xuXG5leHBvcnQgdHlwZSBUVmlld1N3aXRjaGVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhhdCB0aGUgdmlldyBzd2l0Y2hlciBjYW4gYmUgcmVkdWNlZCB0byBzYXZlIHNwYWNlLlxuICAgKi9cbiAgaXNDb25kZW5zZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogUGFzcyBvbmUgb3IgbW9yZSBgVmlld1N3aXRjaGVyLkJ1dHRvbmAgY29tcG9uZW50cy5cbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBXaWxsIGJlIHRyaWdnZXJlZCB3aGVuZXZlciBhIGBWaWV3U3dpdGNoZXIuQnV0dG9uYCBpcyBzZWxlY3RlZC4gQ2FsbGVkIHdpdGggdGhlIFZpZXdTd2l0Y2hlckJ1dHRvbiB2YWx1ZS5cbiAgICogVGhpcyBmdW5jdGlvbiBpcyBvbmx5IHJlcXVpcmVkIHdoZW4gdGhlIGNvbXBvbmVudCBpcyBjb250cm9sbGVkLlxuICAgKi9cbiAgb25DaGFuZ2U/OiAodmFsdWU6IHN0cmluZykgPT4gdm9pZDtcbiAgLyoqXG4gICAqIFBhc3NpbmcgdGhpcyBwcm9wIG1ha2VzIHRoZSBjb21wb25lbnQgYW4gdW5jb250cm9sbGVkIGNvbXBvbmVudC5cbiAgICogSW5kaWNhdGVzIHRoZSBkZWZhdWx0IHNlbGVjdGVkIGJ1dHRvbiBpdCBpcyBvbmx5IHVzZWQgdG8gYXMgYW4gaW5pdGlhbCBzdGF0ZSBvbmNlLCB3aGVuIHRoZSBjb21wb25lbnQgbW91bnRzLlxuICAgKi9cbiAgZGVmYXVsdFNlbGVjdGVkPzogc3RyaW5nO1xuICAvKipcbiAgICogUGFzc2luZyB0aGlzIHByb3AgbWFrZXMgdGhlIGNvbXBvbmVudCBhbiBjb250cm9sbGVkIGNvbXBvbmVudC5cbiAgICogQ29udHJvbGxlZCBjb21wb25lbnRzIGFsc28gcmVxdWlyZSB0byBwYXNzIGEgYG9uQ2hhbmdlYCBjYWxsYmFjayBmdW5jdGlvbi5cbiAgICovXG4gIHNlbGVjdGVkVmFsdWU/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBWaWV3U3dpdGNoZXIgPSAocHJvcHM6IFRWaWV3U3dpdGNoZXJQcm9wcykgPT4ge1xuICBjb25zdCBpc0NvbnRyb2xsZWRDb21wb25lbnQgPSAhaXNOaWwocHJvcHMuc2VsZWN0ZWRWYWx1ZSk7XG4gIGNvbnN0IGhhc09uQ2hhbmdlID0gIWlzTmlsKHByb3BzLm9uQ2hhbmdlKTtcbiAgLyoqXG4gICAqIFRoaXMgaW50ZXJuYWwgc3RhdGUgaXMgb25seSB1c2VkIHdoZW4gdGhlIGNvbXBvbmVudCBpcyB1bmNvbnRyb2xsZWQgKFwiZGVmYXVsdFNlbGVjdGVkXCIgaXMgcGFzc2VkKS5cbiAgICogV2hlbiBjb250cm9sbGVkIChcInNlbGVjdGVkVmFsdWVcIikgdGhlIHN0YXRlIHdpbGwgbm90IGJlIHVwZGF0ZWQgb3IgdXNlZC5cbiAgICovXG4gIGNvbnN0IFtzZWxlY3RlZEJ1dHRvbiwgc2V0U2VsZWN0ZWRCdXR0b25dID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPihcbiAgICBwcm9wcy5kZWZhdWx0U2VsZWN0ZWRcbiAgKTtcblxuICBpZiAoaXNDb250cm9sbGVkQ29tcG9uZW50KSB7XG4gICAgd2FybmluZyhcbiAgICAgIGhhc09uQ2hhbmdlLFxuICAgICAgYHVpLWtpdC9WaWV3U3dpdGNoZXI6IG1pc3NpbmcgcmVxdWlyZWQgcHJvcCBcIm9uQ2hhbmdlXCIgd2hlbiB1c2luZyB0aGUgXCJ2YWx1ZVwiIHByb3AgKGNvbnRyb2xsZWQgY29tcG9uZW50KS5gXG4gICAgKTtcbiAgfVxuXG4gIHdhcm5pbmcoXG4gICAgIXByb3BzLnNlbGVjdGVkVmFsdWUgfHwgIXByb3BzLmRlZmF1bHRTZWxlY3RlZCxcbiAgICBgdWkta2l0L1ZpZXdTd2l0Y2hlcjogcGFzc2VkIGJvdGggXCJzZWxlY3RlZFZhbHVlXCIgKHVuY29udHJvbGxlZCBjb21wb25lbnQpIHByb3AgYW5kIFwiZGVmYXVsdFNlbGVjdGVkXCIgKHVuY29udHJvbGxlZCBjb21wb25lbnQpLiBQbGVhc2UgcGFzcyBvbmx5IG9uZSBhcyB0aGUgY29tcG9uZW50IGNhbiBvbmx5IGJlIGVpdGhlciBjb250cm9sbGVkIG9yIHVuY29udHJvbGxlZC5gXG4gICk7XG5cbiAgd2FybmluZyhcbiAgICAocHJvcHMuY2hpbGRyZW4gYXMgVFJlYWN0Q2hpbGRbXSkubGVuZ3RoID4gMCxcbiAgICAnVmlld1N3aXRjaGVyLkdyb3VwIG11c3QgY29udGFpbiBhdCBsZWFzdCBvbmUgVmlld1N3aXRjaGVyLkJ1dHRvbidcbiAgKTtcblxuICBjb25zdCB2aWV3U3dpdGNoZXJFbGVtZW50cyA9IENoaWxkcmVuLm1hcChwcm9wcy5jaGlsZHJlbiwgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgIGlmIChcbiAgICAgIGNoaWxkICYmXG4gICAgICBpc1ZhbGlkRWxlbWVudChjaGlsZCkgJiZcbiAgICAgIChjaGlsZCBhcyBUUmVhY3RDaGlsZCkudHlwZS5kaXNwbGF5TmFtZSA9PT0gVmlld1N3aXRjaGVyQnV0dG9uLmRpc3BsYXlOYW1lXG4gICAgKSB7XG4gICAgICBjb25zdCBpc0J1dHRvbkFjdGl2ZSA9XG4gICAgICAgIChpc0NvbnRyb2xsZWRDb21wb25lbnQgPyBwcm9wcy5zZWxlY3RlZFZhbHVlIDogc2VsZWN0ZWRCdXR0b24pID09PVxuICAgICAgICBjaGlsZC5wcm9wcy52YWx1ZTtcbiAgICAgIGNvbnN0IGNsb25lZENoaWxkID0gY2xvbmVFbGVtZW50KGNoaWxkIGFzIFRSZWFjdENoaWxkLCB7XG4gICAgICAgIG9uQ2xpY2s6ICgpID0+IHtcbiAgICAgICAgICBpZiAoIWlzQ29udHJvbGxlZENvbXBvbmVudCkge1xuICAgICAgICAgICAgc2V0U2VsZWN0ZWRCdXR0b24oY2hpbGQucHJvcHMudmFsdWUpO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIGlmICghaXNCdXR0b25BY3RpdmUpIHtcbiAgICAgICAgICAgIGNoaWxkLnByb3BzLm9uQ2xpY2s/LihjaGlsZC5wcm9wcy52YWx1ZSk7XG4gICAgICAgICAgICBwcm9wcy5vbkNoYW5nZT8uKGNoaWxkLnByb3BzLnZhbHVlKTtcbiAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIGlzQ29uZGVuc2VkOiBwcm9wcy5pc0NvbmRlbnNlZCxcbiAgICAgICAgaXNBY3RpdmU6IGlzQnV0dG9uQWN0aXZlLFxuICAgICAgICBpc0ZpcnN0QnV0dG9uOiBpbmRleCA9PT0gMCxcbiAgICAgICAgaXNMYXN0QnV0dG9uOlxuICAgICAgICAgIGluZGV4ID09PSAoKHByb3BzLmNoaWxkcmVuIGFzIFRSZWFjdENoaWxkW10pLmxlbmd0aCA/PyAxKSAtIDEsXG4gICAgICB9KTtcbiAgICAgIHJldHVybiBjbG9uZWRDaGlsZDtcbiAgICB9XG4gICAgcmV0dXJuIGNoaWxkO1xuICB9KTtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7dmlld1N3aXRjaGVyRWxlbWVudHN9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBWaWV3U3dpdGNoZXI7XG4iXX0= */",
93
85
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
94
86
  };
95
-
96
87
  const ViewSwitcher$1 = props => {
97
88
  const isControlledComponent = !isNil__default["default"](props.selectedValue);
98
89
  const hasOnChange = !isNil__default["default"](props.onChange);
@@ -100,33 +91,26 @@ const ViewSwitcher$1 = props => {
100
91
  * This internal state is only used when the component is uncontrolled ("defaultSelected" is passed).
101
92
  * When controlled ("selectedValue") the state will not be updated or used.
102
93
  */
103
-
104
94
  const _useState = react$1.useState(props.defaultSelected),
105
- _useState2 = _slicedToArray(_useState, 2),
106
- selectedButton = _useState2[0],
107
- setSelectedButton = _useState2[1];
108
-
95
+ _useState2 = _slicedToArray(_useState, 2),
96
+ selectedButton = _useState2[0],
97
+ setSelectedButton = _useState2[1];
109
98
  if (isControlledComponent) {
110
99
  process.env.NODE_ENV !== "production" ? utils.warning(hasOnChange, "ui-kit/ViewSwitcher: missing required prop \"onChange\" when using the \"value\" prop (controlled component).") : void 0;
111
100
  }
112
-
113
101
  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;
114
102
  process.env.NODE_ENV !== "production" ? utils.warning(props.children.length > 0, 'ViewSwitcher.Group must contain at least one ViewSwitcher.Button') : void 0;
115
-
116
103
  const viewSwitcherElements = _mapInstanceProperty__default["default"](react$1.Children).call(react$1.Children, props.children, (child, index) => {
117
104
  if (child && /*#__PURE__*/react$1.isValidElement(child) && child.type.displayName === Button.displayName) {
118
105
  var _length;
119
-
120
106
  const isButtonActive = (isControlledComponent ? props.selectedValue : selectedButton) === child.props.value;
121
107
  const clonedChild = /*#__PURE__*/react$1.cloneElement(child, {
122
108
  onClick: () => {
123
109
  if (!isControlledComponent) {
124
110
  setSelectedButton(child.props.value);
125
111
  }
126
-
127
112
  if (!isButtonActive) {
128
113
  var _child$props$onClick, _child$props, _props$onChange;
129
-
130
114
  (_child$props$onClick = (_child$props = child.props).onClick) === null || _child$props$onClick === void 0 ? void 0 : _child$props$onClick.call(_child$props, child.props.value);
131
115
  (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, child.props.value);
132
116
  }
@@ -138,16 +122,13 @@ const ViewSwitcher$1 = props => {
138
122
  });
139
123
  return clonedChild;
140
124
  }
141
-
142
125
  return child;
143
126
  });
144
-
145
127
  return jsxRuntime.jsx("div", {
146
128
  css: _ref,
147
129
  children: viewSwitcherElements
148
130
  });
149
131
  };
150
-
151
132
  ViewSwitcher$1.propTypes = process.env.NODE_ENV !== "production" ? {
152
133
  isCondensed: _pt__default["default"].bool,
153
134
  children: _pt__default["default"].node.isRequired,
@@ -158,7 +139,7 @@ ViewSwitcher$1.propTypes = process.env.NODE_ENV !== "production" ? {
158
139
  var Group = ViewSwitcher$1;
159
140
 
160
141
  // NOTE: This string will be replaced on build time with the package version.
161
- var version = "16.0.0";
142
+ var version = "16.1.0";
162
143
 
163
144
  const ViewSwitcher = {
164
145
  Group,
package/dist/commercetools-uikit-view-switcher.cjs.prod.js CHANGED
@@ -25,21 +25,16 @@ const getSizeStyles = isCondensed => {
25
25
  if (isCondensed) {
26
26
  return /*#__PURE__*/react.css("padding:", designSystem.designTokens.paddingForViewSwitcherWhenCondensed, ";height:", designSystem.designTokens.heightForViewSwitcherWhenCondensed, ";" + ("" ), "" );
27
27
  }
28
-
29
28
  return /*#__PURE__*/react.css("padding:", designSystem.designTokens.paddingForViewSwitcher, ";height:", designSystem.designTokens.heightForViewSwitcher, ";" + ("" ), "" );
30
29
  };
31
-
32
30
  const getFontColor = (isDisabled, isActive) => {
33
31
  if (isDisabled) return designSystem.designTokens.fontColorForViewSwitcherWhenDisabled;
34
32
  if (isActive) return designSystem.designTokens.fontColorForViewSwitcherWhenSelected;
35
33
  return designSystem.designTokens.fontColorForViewSwitcher;
36
34
  };
37
-
38
35
  const getButtonStyles = (isDisabled, isActive, isCondensed, isFirstButton, isLastButton) => {
39
36
  var _context, _context2, _context3;
40
-
41
37
  const borderRadius = _concatInstanceProperty__default["default"](_context = _concatInstanceProperty__default["default"](_context2 = "".concat(isFirstButton ? designSystem.designTokens.borderRadiusForViewSwitcher : '0', " ")).call(_context2, isLastButton ? _concatInstanceProperty__default["default"](_context3 = "".concat(designSystem.designTokens.borderRadiusForViewSwitcher, " ")).call(_context3, designSystem.designTokens.borderRadiusForViewSwitcher) : '0 0', " ")).call(_context, isFirstButton ? designSystem.designTokens.borderRadiusForViewSwitcher : '0');
42
-
43
38
  const fontColor = getFontColor(isDisabled, isActive);
44
39
  return [/*#__PURE__*/react.css("align-items:center;color:", fontColor, ";fill:", fontColor, ";transition:background-color ", designSystem.designTokens.transitionLinear80Ms, ";font-size:", designSystem.designTokens.fontSizeDefault, ";border:", designSystem.designTokens.borderForViewSwitcher, ";border-left:", isFirstButton ? designSystem.designTokens.borderForViewSwitcher : '0', ";border-radius:", borderRadius, ";box-shadow:", designSystem.designTokens.boxShadowForViewSwitcher, ";background-color:", designSystem.designTokens.backgroundColorForViewSwitcher, ";&:hover{background-color:", designSystem.designTokens.backgroundColorForViewSwitcherWhenHovered, ";}&:active{background-color:", designSystem.designTokens.backgroundColorForViewSwitcherWhenSelected, ";}", getSizeStyles(isCondensed), ";" + ("" ), "" ), isDisabled && /*#__PURE__*/react.css("background-color:", designSystem.designTokens.backgroundColorForViewSwitcherWhenDisabled, ";color:", designSystem.designTokens.fontColorForViewSwitcherWhenDisabled, ";&:hover{background-color:", designSystem.designTokens.backgroundColorForViewSwitcherWhenDisabled, ";}" + ("" ), "" ), isActive && /*#__PURE__*/react.css("background-color:", designSystem.designTokens.backgroundColorForViewSwitcherWhenSelected, ";box-shadow:", designSystem.designTokens.boxShadowForViewSwitcherWhenSelected, ";" + ("" ), "" )];
45
40
  };
@@ -61,7 +56,6 @@ const ViewSwitcherButton = props => {
61
56
  })]
62
57
  });
63
58
  };
64
-
65
59
  ViewSwitcherButton.propTypes = {};
66
60
  ViewSwitcherButton.displayName = 'ViewSwitcherButton';
67
61
  var Button = ViewSwitcherButton;
@@ -70,7 +64,6 @@ var _ref = {
70
64
  name: "zjik7",
71
65
  styles: "display:flex"
72
66
  } ;
73
-
74
67
  const ViewSwitcher$1 = props => {
75
68
  const isControlledComponent = !isNil__default["default"](props.selectedValue);
76
69
  !isNil__default["default"](props.onChange);
@@ -78,26 +71,21 @@ const ViewSwitcher$1 = props => {
78
71
  * This internal state is only used when the component is uncontrolled ("defaultSelected" is passed).
79
72
  * When controlled ("selectedValue") the state will not be updated or used.
80
73
  */
81
-
82
74
  const _useState = react$1.useState(props.defaultSelected),
83
- _useState2 = _slicedToArray(_useState, 2),
84
- selectedButton = _useState2[0],
85
- setSelectedButton = _useState2[1];
86
-
75
+ _useState2 = _slicedToArray(_useState, 2),
76
+ selectedButton = _useState2[0],
77
+ setSelectedButton = _useState2[1];
87
78
  const viewSwitcherElements = _mapInstanceProperty__default["default"](react$1.Children).call(react$1.Children, props.children, (child, index) => {
88
79
  if (child && /*#__PURE__*/react$1.isValidElement(child) && child.type.displayName === Button.displayName) {
89
80
  var _length;
90
-
91
81
  const isButtonActive = (isControlledComponent ? props.selectedValue : selectedButton) === child.props.value;
92
82
  const clonedChild = /*#__PURE__*/react$1.cloneElement(child, {
93
83
  onClick: () => {
94
84
  if (!isControlledComponent) {
95
85
  setSelectedButton(child.props.value);
96
86
  }
97
-
98
87
  if (!isButtonActive) {
99
88
  var _child$props$onClick, _child$props, _props$onChange;
100
-
101
89
  (_child$props$onClick = (_child$props = child.props).onClick) === null || _child$props$onClick === void 0 ? void 0 : _child$props$onClick.call(_child$props, child.props.value);
102
90
  (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, child.props.value);
103
91
  }
@@ -109,21 +97,18 @@ const ViewSwitcher$1 = props => {
109
97
  });
110
98
  return clonedChild;
111
99
  }
112
-
113
100
  return child;
114
101
  });
115
-
116
102
  return jsxRuntime.jsx("div", {
117
103
  css: _ref,
118
104
  children: viewSwitcherElements
119
105
  });
120
106
  };
121
-
122
107
  ViewSwitcher$1.propTypes = {};
123
108
  var Group = ViewSwitcher$1;
124
109
 
125
110
  // NOTE: This string will be replaced on build time with the package version.
126
- var version = "16.0.0";
111
+ var version = "16.1.0";
127
112
 
128
113
  const ViewSwitcher = {
129
114
  Group,
package/dist/commercetools-uikit-view-switcher.esm.js CHANGED
@@ -14,28 +14,22 @@ const getSizeStyles = isCondensed => {
14
14
  if (isCondensed) {
15
15
  return /*#__PURE__*/css("padding:", designTokens.paddingForViewSwitcherWhenCondensed, ";height:", designTokens.heightForViewSwitcherWhenCondensed, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getSizeStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFjIiwiZmlsZSI6InZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wcyB9IGZyb20gJy4vdmlldy1zd2l0Y2hlci1idXR0b24nO1xuXG5jb25zdCBnZXRTaXplU3R5bGVzID0gKFxuICBpc0NvbmRlbnNlZDogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddXG4pID0+IHtcbiAgaWYgKGlzQ29uZGVuc2VkKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JWaWV3U3dpdGNoZXJXaGVuQ29uZGVuc2VkfTtcbiAgICAgIGhlaWdodDogJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9yVmlld1N3aXRjaGVyV2hlbkNvbmRlbnNlZH07XG4gICAgYDtcbiAgfVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvclZpZXdTd2l0Y2hlcn07XG4gICAgaGVpZ2h0OiAke2Rlc2lnblRva2Vucy5oZWlnaHRGb3JWaWV3U3dpdGNoZXJ9O1xuICBgO1xufTtcblxuY29uc3QgZ2V0Rm9udENvbG9yID0gKGlzRGlzYWJsZWQ/OiBib29sZWFuLCBpc0FjdGl2ZT86IGJvb2xlYW4pID0+IHtcbiAgaWYgKGlzRGlzYWJsZWQpIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yVmlld1N3aXRjaGVyV2hlbkRpc2FibGVkO1xuICBpZiAoaXNBY3RpdmUpIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkO1xuICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcjtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRCdXR0b25TdHlsZXMgPSAoXG4gIGlzRGlzYWJsZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRGlzYWJsZWQnXSxcbiAgaXNBY3RpdmU/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQWN0aXZlJ10sXG4gIGlzQ29uZGVuc2VkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddLFxuICBpc0ZpcnN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0ZpcnN0QnV0dG9uJ10sXG4gIGlzTGFzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNMYXN0QnV0dG9uJ11cbikgPT4ge1xuICBjb25zdCBib3JkZXJSYWRpdXMgPSBgJHtcbiAgICBpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvclZpZXdTd2l0Y2hlciA6ICcwJ1xuICB9ICR7XG4gICAgaXNMYXN0QnV0dG9uXG4gICAgICA/IGAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXJ9ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvclZpZXdTd2l0Y2hlcn1gXG4gICAgICA6ICcwIDAnXG4gIH0gJHtpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvclZpZXdTd2l0Y2hlciA6ICcwJ31gO1xuXG4gIGNvbnN0IGZvbnRDb2xvciA9IGdldEZvbnRDb2xvcihpc0Rpc2FibGVkLCBpc0FjdGl2ZSk7XG5cbiAgcmV0dXJuIFtcbiAgICBjc3NgXG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgY29sb3I6ICR7Zm9udENvbG9yfTtcbiAgICAgIGZpbGw6ICR7Zm9udENvbG9yfTtcbiAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgJHtkZXNpZ25Ub2tlbnMudHJhbnNpdGlvbkxpbmVhcjgwTXN9O1xuICAgICAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZURlZmF1bHR9O1xuICAgICAgYm9yZGVyOiAke2Rlc2lnblRva2Vucy5ib3JkZXJGb3JWaWV3U3dpdGNoZXJ9O1xuICAgICAgYm9yZGVyLWxlZnQ6ICR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJGb3JWaWV3U3dpdGNoZXIgOiAnMCd9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtib3JkZXJSYWRpdXN9O1xuICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuYm94U2hhZG93Rm9yVmlld1N3aXRjaGVyfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcn07XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlbkhvdmVyZWR9O1xuICAgICAgfVxuICAgICAgJjphY3RpdmUge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JWaWV3U3dpdGNoZXJXaGVuU2VsZWN0ZWR9O1xuICAgICAgfVxuICAgICAgJHtnZXRTaXplU3R5bGVzKGlzQ29uZGVuc2VkKX1cbiAgICBgLFxuICAgIGlzRGlzYWJsZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlbkRpc2FibGVkfTtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZH07XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZH07XG4gICAgICAgIH1cbiAgICAgIGAsXG4gICAgaXNBY3RpdmUgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkfTtcbiAgICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuYm94U2hhZG93Rm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkfTtcbiAgICAgIGAsXG4gIF07XG59O1xuIl19 */");
16
16
  }
17
-
18
17
  return /*#__PURE__*/css("padding:", designTokens.paddingForViewSwitcher, ";height:", designTokens.heightForViewSwitcher, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getSizeStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNZIiwiZmlsZSI6InZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wcyB9IGZyb20gJy4vdmlldy1zd2l0Y2hlci1idXR0b24nO1xuXG5jb25zdCBnZXRTaXplU3R5bGVzID0gKFxuICBpc0NvbmRlbnNlZDogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddXG4pID0+IHtcbiAgaWYgKGlzQ29uZGVuc2VkKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JWaWV3U3dpdGNoZXJXaGVuQ29uZGVuc2VkfTtcbiAgICAgIGhlaWdodDogJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9yVmlld1N3aXRjaGVyV2hlbkNvbmRlbnNlZH07XG4gICAgYDtcbiAgfVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvclZpZXdTd2l0Y2hlcn07XG4gICAgaGVpZ2h0OiAke2Rlc2lnblRva2Vucy5oZWlnaHRGb3JWaWV3U3dpdGNoZXJ9O1xuICBgO1xufTtcblxuY29uc3QgZ2V0Rm9udENvbG9yID0gKGlzRGlzYWJsZWQ/OiBib29sZWFuLCBpc0FjdGl2ZT86IGJvb2xlYW4pID0+IHtcbiAgaWYgKGlzRGlzYWJsZWQpIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yVmlld1N3aXRjaGVyV2hlbkRpc2FibGVkO1xuICBpZiAoaXNBY3RpdmUpIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkO1xuICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcjtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRCdXR0b25TdHlsZXMgPSAoXG4gIGlzRGlzYWJsZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRGlzYWJsZWQnXSxcbiAgaXNBY3RpdmU/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQWN0aXZlJ10sXG4gIGlzQ29uZGVuc2VkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddLFxuICBpc0ZpcnN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0ZpcnN0QnV0dG9uJ10sXG4gIGlzTGFzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNMYXN0QnV0dG9uJ11cbikgPT4ge1xuICBjb25zdCBib3JkZXJSYWRpdXMgPSBgJHtcbiAgICBpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvclZpZXdTd2l0Y2hlciA6ICcwJ1xuICB9ICR7XG4gICAgaXNMYXN0QnV0dG9uXG4gICAgICA/IGAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXJ9ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvclZpZXdTd2l0Y2hlcn1gXG4gICAgICA6ICcwIDAnXG4gIH0gJHtpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvclZpZXdTd2l0Y2hlciA6ICcwJ31gO1xuXG4gIGNvbnN0IGZvbnRDb2xvciA9IGdldEZvbnRDb2xvcihpc0Rpc2FibGVkLCBpc0FjdGl2ZSk7XG5cbiAgcmV0dXJuIFtcbiAgICBjc3NgXG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgY29sb3I6ICR7Zm9udENvbG9yfTtcbiAgICAgIGZpbGw6ICR7Zm9udENvbG9yfTtcbiAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgJHtkZXNpZ25Ub2tlbnMudHJhbnNpdGlvbkxpbmVhcjgwTXN9O1xuICAgICAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZURlZmF1bHR9O1xuICAgICAgYm9yZGVyOiAke2Rlc2lnblRva2Vucy5ib3JkZXJGb3JWaWV3U3dpdGNoZXJ9O1xuICAgICAgYm9yZGVyLWxlZnQ6ICR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJGb3JWaWV3U3dpdGNoZXIgOiAnMCd9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtib3JkZXJSYWRpdXN9O1xuICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuYm94U2hhZG93Rm9yVmlld1N3aXRjaGVyfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcn07XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlbkhvdmVyZWR9O1xuICAgICAgfVxuICAgICAgJjphY3RpdmUge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JWaWV3U3dpdGNoZXJXaGVuU2VsZWN0ZWR9O1xuICAgICAgfVxuICAgICAgJHtnZXRTaXplU3R5bGVzKGlzQ29uZGVuc2VkKX1cbiAgICBgLFxuICAgIGlzRGlzYWJsZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlbkRpc2FibGVkfTtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZH07XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZH07XG4gICAgICAgIH1cbiAgICAgIGAsXG4gICAgaXNBY3RpdmUgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkfTtcbiAgICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuYm94U2hhZG93Rm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkfTtcbiAgICAgIGAsXG4gIF07XG59O1xuIl19 */");
19
18
  };
20
-
21
19
  const getFontColor = (isDisabled, isActive) => {
22
20
  if (isDisabled) return designTokens.fontColorForViewSwitcherWhenDisabled;
23
21
  if (isActive) return designTokens.fontColorForViewSwitcherWhenSelected;
24
22
  return designTokens.fontColorForViewSwitcher;
25
23
  };
26
-
27
24
  const getButtonStyles = (isDisabled, isActive, isCondensed, isFirstButton, isLastButton) => {
28
25
  var _context, _context2, _context3;
29
-
30
26
  const borderRadius = _concatInstanceProperty(_context = _concatInstanceProperty(_context2 = "".concat(isFirstButton ? designTokens.borderRadiusForViewSwitcher : '0', " ")).call(_context2, isLastButton ? _concatInstanceProperty(_context3 = "".concat(designTokens.borderRadiusForViewSwitcher, " ")).call(_context3, designTokens.borderRadiusForViewSwitcher) : '0 0', " ")).call(_context, isFirstButton ? designTokens.borderRadiusForViewSwitcher : '0');
31
-
32
27
  const fontColor = getFontColor(isDisabled, isActive);
33
28
  return [/*#__PURE__*/css("align-items:center;color:", fontColor, ";fill:", fontColor, ";transition:background-color ", designTokens.transitionLinear80Ms, ";font-size:", designTokens.fontSizeDefault, ";border:", designTokens.borderForViewSwitcher, ";border-left:", isFirstButton ? designTokens.borderForViewSwitcher : '0', ";border-radius:", borderRadius, ";box-shadow:", designTokens.boxShadowForViewSwitcher, ";background-color:", designTokens.backgroundColorForViewSwitcher, ";&:hover{background-color:", designTokens.backgroundColorForViewSwitcherWhenHovered, ";}&:active{background-color:", designTokens.backgroundColorForViewSwitcherWhenSelected, ";}", getSizeStyles(isCondensed), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDTyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5wYWRkaW5nRm9yVmlld1N3aXRjaGVyV2hlbkNvbmRlbnNlZH07XG4gICAgICBoZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLmhlaWdodEZvclZpZXdTd2l0Y2hlcldoZW5Db25kZW5zZWR9O1xuICAgIGA7XG4gIH1cblxuICByZXR1cm4gY3NzYFxuICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JWaWV3U3dpdGNoZXJ9O1xuICAgIGhlaWdodDogJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9yVmlld1N3aXRjaGVyfTtcbiAgYDtcbn07XG5cbmNvbnN0IGdldEZvbnRDb2xvciA9IChpc0Rpc2FibGVkPzogYm9vbGVhbiwgaXNBY3RpdmU/OiBib29sZWFuKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZDtcbiAgaWYgKGlzQWN0aXZlKSByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZDtcbiAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JWaWV3U3dpdGNoZXI7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0QnV0dG9uU3R5bGVzID0gKFxuICBpc0Rpc2FibGVkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0Rpc2FibGVkJ10sXG4gIGlzQWN0aXZlPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0FjdGl2ZSddLFxuICBpc0NvbmRlbnNlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXSxcbiAgaXNGaXJzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNGaXJzdEJ1dHRvbiddLFxuICBpc0xhc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzTGFzdEJ1dHRvbiddXG4pID0+IHtcbiAgY29uc3QgYm9yZGVyUmFkaXVzID0gYCR7XG4gICAgaXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXIgOiAnMCdcbiAgfSAke1xuICAgIGlzTGFzdEJ1dHRvblxuICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yVmlld1N3aXRjaGVyfSAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXJ9YFxuICAgICAgOiAnMCAwJ1xuICB9ICR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXIgOiAnMCd9YDtcblxuICBjb25zdCBmb250Q29sb3IgPSBnZXRGb250Q29sb3IoaXNEaXNhYmxlZCwgaXNBY3RpdmUpO1xuXG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGNvbG9yOiAke2ZvbnRDb2xvcn07XG4gICAgICBmaWxsOiAke2ZvbnRDb2xvcn07XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25MaW5lYXI4ME1zfTtcbiAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgIGJvcmRlcjogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyRm9yVmlld1N3aXRjaGVyfTtcbiAgICAgIGJvcmRlci1sZWZ0OiAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyRm9yVmlld1N3aXRjaGVyIDogJzAnfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7Ym9yZGVyUmFkaXVzfTtcbiAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLmJveFNoYWRvd0ZvclZpZXdTd2l0Y2hlcn07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JWaWV3U3dpdGNoZXJ9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5Ib3ZlcmVkfTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkfTtcbiAgICAgIH1cbiAgICAgICR7Z2V0U2l6ZVN0eWxlcyhpc0NvbmRlbnNlZCl9XG4gICAgYCxcbiAgICBpc0Rpc2FibGVkICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZH07XG4gICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JWaWV3U3dpdGNoZXJXaGVuRGlzYWJsZWR9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JWaWV3U3dpdGNoZXJXaGVuRGlzYWJsZWR9O1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIGlzQWN0aXZlICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZH07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLmJveFNoYWRvd0ZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZH07XG4gICAgICBgLFxuICBdO1xufTtcbiJdfQ== */"), isDisabled && /*#__PURE__*/css("background-color:", designTokens.backgroundColorForViewSwitcherWhenDisabled, ";color:", designTokens.fontColorForViewSwitcherWhenDisabled, ";&:hover{background-color:", designTokens.backgroundColorForViewSwitcherWhenDisabled, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdFUyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5wYWRkaW5nRm9yVmlld1N3aXRjaGVyV2hlbkNvbmRlbnNlZH07XG4gICAgICBoZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLmhlaWdodEZvclZpZXdTd2l0Y2hlcldoZW5Db25kZW5zZWR9O1xuICAgIGA7XG4gIH1cblxuICByZXR1cm4gY3NzYFxuICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JWaWV3U3dpdGNoZXJ9O1xuICAgIGhlaWdodDogJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9yVmlld1N3aXRjaGVyfTtcbiAgYDtcbn07XG5cbmNvbnN0IGdldEZvbnRDb2xvciA9IChpc0Rpc2FibGVkPzogYm9vbGVhbiwgaXNBY3RpdmU/OiBib29sZWFuKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZDtcbiAgaWYgKGlzQWN0aXZlKSByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZDtcbiAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JWaWV3U3dpdGNoZXI7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0QnV0dG9uU3R5bGVzID0gKFxuICBpc0Rpc2FibGVkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0Rpc2FibGVkJ10sXG4gIGlzQWN0aXZlPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0FjdGl2ZSddLFxuICBpc0NvbmRlbnNlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXSxcbiAgaXNGaXJzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNGaXJzdEJ1dHRvbiddLFxuICBpc0xhc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzTGFzdEJ1dHRvbiddXG4pID0+IHtcbiAgY29uc3QgYm9yZGVyUmFkaXVzID0gYCR7XG4gICAgaXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXIgOiAnMCdcbiAgfSAke1xuICAgIGlzTGFzdEJ1dHRvblxuICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yVmlld1N3aXRjaGVyfSAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXJ9YFxuICAgICAgOiAnMCAwJ1xuICB9ICR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXIgOiAnMCd9YDtcblxuICBjb25zdCBmb250Q29sb3IgPSBnZXRGb250Q29sb3IoaXNEaXNhYmxlZCwgaXNBY3RpdmUpO1xuXG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGNvbG9yOiAke2ZvbnRDb2xvcn07XG4gICAgICBmaWxsOiAke2ZvbnRDb2xvcn07XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25MaW5lYXI4ME1zfTtcbiAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgIGJvcmRlcjogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyRm9yVmlld1N3aXRjaGVyfTtcbiAgICAgIGJvcmRlci1sZWZ0OiAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyRm9yVmlld1N3aXRjaGVyIDogJzAnfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7Ym9yZGVyUmFkaXVzfTtcbiAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLmJveFNoYWRvd0ZvclZpZXdTd2l0Y2hlcn07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JWaWV3U3dpdGNoZXJ9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5Ib3ZlcmVkfTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkfTtcbiAgICAgIH1cbiAgICAgICR7Z2V0U2l6ZVN0eWxlcyhpc0NvbmRlbnNlZCl9XG4gICAgYCxcbiAgICBpc0Rpc2FibGVkICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZH07XG4gICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JWaWV3U3dpdGNoZXJXaGVuRGlzYWJsZWR9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JWaWV3U3dpdGNoZXJXaGVuRGlzYWJsZWR9O1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIGlzQWN0aXZlICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZH07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLmJveFNoYWRvd0ZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZH07XG4gICAgICBgLFxuICBdO1xufTtcbiJdfQ== */"), isActive && /*#__PURE__*/css("background-color:", designTokens.backgroundColorForViewSwitcherWhenSelected, ";box-shadow:", designTokens.boxShadowForViewSwitcherWhenSelected, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdFUyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5wYWRkaW5nRm9yVmlld1N3aXRjaGVyV2hlbkNvbmRlbnNlZH07XG4gICAgICBoZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLmhlaWdodEZvclZpZXdTd2l0Y2hlcldoZW5Db25kZW5zZWR9O1xuICAgIGA7XG4gIH1cblxuICByZXR1cm4gY3NzYFxuICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JWaWV3U3dpdGNoZXJ9O1xuICAgIGhlaWdodDogJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9yVmlld1N3aXRjaGVyfTtcbiAgYDtcbn07XG5cbmNvbnN0IGdldEZvbnRDb2xvciA9IChpc0Rpc2FibGVkPzogYm9vbGVhbiwgaXNBY3RpdmU/OiBib29sZWFuKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZDtcbiAgaWYgKGlzQWN0aXZlKSByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZDtcbiAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JWaWV3U3dpdGNoZXI7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0QnV0dG9uU3R5bGVzID0gKFxuICBpc0Rpc2FibGVkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0Rpc2FibGVkJ10sXG4gIGlzQWN0aXZlPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0FjdGl2ZSddLFxuICBpc0NvbmRlbnNlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXSxcbiAgaXNGaXJzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNGaXJzdEJ1dHRvbiddLFxuICBpc0xhc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzTGFzdEJ1dHRvbiddXG4pID0+IHtcbiAgY29uc3QgYm9yZGVyUmFkaXVzID0gYCR7XG4gICAgaXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXIgOiAnMCdcbiAgfSAke1xuICAgIGlzTGFzdEJ1dHRvblxuICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yVmlld1N3aXRjaGVyfSAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXJ9YFxuICAgICAgOiAnMCAwJ1xuICB9ICR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXIgOiAnMCd9YDtcblxuICBjb25zdCBmb250Q29sb3IgPSBnZXRGb250Q29sb3IoaXNEaXNhYmxlZCwgaXNBY3RpdmUpO1xuXG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGNvbG9yOiAke2ZvbnRDb2xvcn07XG4gICAgICBmaWxsOiAke2ZvbnRDb2xvcn07XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25MaW5lYXI4ME1zfTtcbiAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgIGJvcmRlcjogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyRm9yVmlld1N3aXRjaGVyfTtcbiAgICAgIGJvcmRlci1sZWZ0OiAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyRm9yVmlld1N3aXRjaGVyIDogJzAnfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7Ym9yZGVyUmFkaXVzfTtcbiAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLmJveFNoYWRvd0ZvclZpZXdTd2l0Y2hlcn07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JWaWV3U3dpdGNoZXJ9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5Ib3ZlcmVkfTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkfTtcbiAgICAgIH1cbiAgICAgICR7Z2V0U2l6ZVN0eWxlcyhpc0NvbmRlbnNlZCl9XG4gICAgYCxcbiAgICBpc0Rpc2FibGVkICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZH07XG4gICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JWaWV3U3dpdGNoZXJXaGVuRGlzYWJsZWR9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JWaWV3U3dpdGNoZXJXaGVuRGlzYWJsZWR9O1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIGlzQWN0aXZlICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZH07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLmJveFNoYWRvd0ZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZH07XG4gICAgICBgLFxuICBdO1xufTtcbiJdfQ== */")];
34
29
  };
35
30
 
36
31
  const ViewSwitcherButton = props => {
37
32
  var _ref, _props$label;
38
-
39
33
  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
34
  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;
41
35
  return jsxs(AccessibleButton, {
@@ -53,7 +47,6 @@ const ViewSwitcherButton = props => {
53
47
  })]
54
48
  });
55
49
  };
56
-
57
50
  ViewSwitcherButton.propTypes = process.env.NODE_ENV !== "production" ? {
58
51
  children: _pt.string,
59
52
  icon: _pt.element,
@@ -70,7 +63,6 @@ ViewSwitcherButton.displayName = 'ViewSwitcherButton';
70
63
  var Button = ViewSwitcherButton;
71
64
 
72
65
  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)."; }
73
-
74
66
  var _ref = process.env.NODE_ENV === "production" ? {
75
67
  name: "zjik7",
76
68
  styles: "display:flex"
@@ -80,7 +72,6 @@ var _ref = process.env.NODE_ENV === "production" ? {
80
72
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdHYyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoaWxkcmVuLFxuICBpc1ZhbGlkRWxlbWVudCxcbiAgY2xvbmVFbGVtZW50LFxuICB1c2VTdGF0ZSxcbiAgdHlwZSBSZWFjdE5vZGUsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgaXNOaWwgZnJvbSAnbG9kYXNoL2lzTmlsJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBWaWV3U3dpdGNoZXJCdXR0b24gZnJvbSAnLi92aWV3LXN3aXRjaGVyLWJ1dHRvbic7XG5pbXBvcnQgeyB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuXG50eXBlIFRSZWFjdENoaWxkID0ge1xuICB0eXBlPzogeyBkaXNwbGF5TmFtZTogc3RyaW5nIH07XG59ICYgUmVhY3RFbGVtZW50O1xuXG5leHBvcnQgdHlwZSBUVmlld1N3aXRjaGVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhhdCB0aGUgdmlldyBzd2l0Y2hlciBjYW4gYmUgcmVkdWNlZCB0byBzYXZlIHNwYWNlLlxuICAgKi9cbiAgaXNDb25kZW5zZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogUGFzcyBvbmUgb3IgbW9yZSBgVmlld1N3aXRjaGVyLkJ1dHRvbmAgY29tcG9uZW50cy5cbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBXaWxsIGJlIHRyaWdnZXJlZCB3aGVuZXZlciBhIGBWaWV3U3dpdGNoZXIuQnV0dG9uYCBpcyBzZWxlY3RlZC4gQ2FsbGVkIHdpdGggdGhlIFZpZXdTd2l0Y2hlckJ1dHRvbiB2YWx1ZS5cbiAgICogVGhpcyBmdW5jdGlvbiBpcyBvbmx5IHJlcXVpcmVkIHdoZW4gdGhlIGNvbXBvbmVudCBpcyBjb250cm9sbGVkLlxuICAgKi9cbiAgb25DaGFuZ2U/OiAodmFsdWU6IHN0cmluZykgPT4gdm9pZDtcbiAgLyoqXG4gICAqIFBhc3NpbmcgdGhpcyBwcm9wIG1ha2VzIHRoZSBjb21wb25lbnQgYW4gdW5jb250cm9sbGVkIGNvbXBvbmVudC5cbiAgICogSW5kaWNhdGVzIHRoZSBkZWZhdWx0IHNlbGVjdGVkIGJ1dHRvbiBpdCBpcyBvbmx5IHVzZWQgdG8gYXMgYW4gaW5pdGlhbCBzdGF0ZSBvbmNlLCB3aGVuIHRoZSBjb21wb25lbnQgbW91bnRzLlxuICAgKi9cbiAgZGVmYXVsdFNlbGVjdGVkPzogc3RyaW5nO1xuICAvKipcbiAgICogUGFzc2luZyB0aGlzIHByb3AgbWFrZXMgdGhlIGNvbXBvbmVudCBhbiBjb250cm9sbGVkIGNvbXBvbmVudC5cbiAgICogQ29udHJvbGxlZCBjb21wb25lbnRzIGFsc28gcmVxdWlyZSB0byBwYXNzIGEgYG9uQ2hhbmdlYCBjYWxsYmFjayBmdW5jdGlvbi5cbiAgICovXG4gIHNlbGVjdGVkVmFsdWU/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBWaWV3U3dpdGNoZXIgPSAocHJvcHM6IFRWaWV3U3dpdGNoZXJQcm9wcykgPT4ge1xuICBjb25zdCBpc0NvbnRyb2xsZWRDb21wb25lbnQgPSAhaXNOaWwocHJvcHMuc2VsZWN0ZWRWYWx1ZSk7XG4gIGNvbnN0IGhhc09uQ2hhbmdlID0gIWlzTmlsKHByb3BzLm9uQ2hhbmdlKTtcbiAgLyoqXG4gICAqIFRoaXMgaW50ZXJuYWwgc3RhdGUgaXMgb25seSB1c2VkIHdoZW4gdGhlIGNvbXBvbmVudCBpcyB1bmNvbnRyb2xsZWQgKFwiZGVmYXVsdFNlbGVjdGVkXCIgaXMgcGFzc2VkKS5cbiAgICogV2hlbiBjb250cm9sbGVkIChcInNlbGVjdGVkVmFsdWVcIikgdGhlIHN0YXRlIHdpbGwgbm90IGJlIHVwZGF0ZWQgb3IgdXNlZC5cbiAgICovXG4gIGNvbnN0IFtzZWxlY3RlZEJ1dHRvbiwgc2V0U2VsZWN0ZWRCdXR0b25dID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPihcbiAgICBwcm9wcy5kZWZhdWx0U2VsZWN0ZWRcbiAgKTtcblxuICBpZiAoaXNDb250cm9sbGVkQ29tcG9uZW50KSB7XG4gICAgd2FybmluZyhcbiAgICAgIGhhc09uQ2hhbmdlLFxuICAgICAgYHVpLWtpdC9WaWV3U3dpdGNoZXI6IG1pc3NpbmcgcmVxdWlyZWQgcHJvcCBcIm9uQ2hhbmdlXCIgd2hlbiB1c2luZyB0aGUgXCJ2YWx1ZVwiIHByb3AgKGNvbnRyb2xsZWQgY29tcG9uZW50KS5gXG4gICAgKTtcbiAgfVxuXG4gIHdhcm5pbmcoXG4gICAgIXByb3BzLnNlbGVjdGVkVmFsdWUgfHwgIXByb3BzLmRlZmF1bHRTZWxlY3RlZCxcbiAgICBgdWkta2l0L1ZpZXdTd2l0Y2hlcjogcGFzc2VkIGJvdGggXCJzZWxlY3RlZFZhbHVlXCIgKHVuY29udHJvbGxlZCBjb21wb25lbnQpIHByb3AgYW5kIFwiZGVmYXVsdFNlbGVjdGVkXCIgKHVuY29udHJvbGxlZCBjb21wb25lbnQpLiBQbGVhc2UgcGFzcyBvbmx5IG9uZSBhcyB0aGUgY29tcG9uZW50IGNhbiBvbmx5IGJlIGVpdGhlciBjb250cm9sbGVkIG9yIHVuY29udHJvbGxlZC5gXG4gICk7XG5cbiAgd2FybmluZyhcbiAgICAocHJvcHMuY2hpbGRyZW4gYXMgVFJlYWN0Q2hpbGRbXSkubGVuZ3RoID4gMCxcbiAgICAnVmlld1N3aXRjaGVyLkdyb3VwIG11c3QgY29udGFpbiBhdCBsZWFzdCBvbmUgVmlld1N3aXRjaGVyLkJ1dHRvbidcbiAgKTtcblxuICBjb25zdCB2aWV3U3dpdGNoZXJFbGVtZW50cyA9IENoaWxkcmVuLm1hcChwcm9wcy5jaGlsZHJlbiwgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgIGlmIChcbiAgICAgIGNoaWxkICYmXG4gICAgICBpc1ZhbGlkRWxlbWVudChjaGlsZCkgJiZcbiAgICAgIChjaGlsZCBhcyBUUmVhY3RDaGlsZCkudHlwZS5kaXNwbGF5TmFtZSA9PT0gVmlld1N3aXRjaGVyQnV0dG9uLmRpc3BsYXlOYW1lXG4gICAgKSB7XG4gICAgICBjb25zdCBpc0J1dHRvbkFjdGl2ZSA9XG4gICAgICAgIChpc0NvbnRyb2xsZWRDb21wb25lbnQgPyBwcm9wcy5zZWxlY3RlZFZhbHVlIDogc2VsZWN0ZWRCdXR0b24pID09PVxuICAgICAgICBjaGlsZC5wcm9wcy52YWx1ZTtcbiAgICAgIGNvbnN0IGNsb25lZENoaWxkID0gY2xvbmVFbGVtZW50KGNoaWxkIGFzIFRSZWFjdENoaWxkLCB7XG4gICAgICAgIG9uQ2xpY2s6ICgpID0+IHtcbiAgICAgICAgICBpZiAoIWlzQ29udHJvbGxlZENvbXBvbmVudCkge1xuICAgICAgICAgICAgc2V0U2VsZWN0ZWRCdXR0b24oY2hpbGQucHJvcHMudmFsdWUpO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIGlmICghaXNCdXR0b25BY3RpdmUpIHtcbiAgICAgICAgICAgIGNoaWxkLnByb3BzLm9uQ2xpY2s/LihjaGlsZC5wcm9wcy52YWx1ZSk7XG4gICAgICAgICAgICBwcm9wcy5vbkNoYW5nZT8uKGNoaWxkLnByb3BzLnZhbHVlKTtcbiAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIGlzQ29uZGVuc2VkOiBwcm9wcy5pc0NvbmRlbnNlZCxcbiAgICAgICAgaXNBY3RpdmU6IGlzQnV0dG9uQWN0aXZlLFxuICAgICAgICBpc0ZpcnN0QnV0dG9uOiBpbmRleCA9PT0gMCxcbiAgICAgICAgaXNMYXN0QnV0dG9uOlxuICAgICAgICAgIGluZGV4ID09PSAoKHByb3BzLmNoaWxkcmVuIGFzIFRSZWFjdENoaWxkW10pLmxlbmd0aCA/PyAxKSAtIDEsXG4gICAgICB9KTtcbiAgICAgIHJldHVybiBjbG9uZWRDaGlsZDtcbiAgICB9XG4gICAgcmV0dXJuIGNoaWxkO1xuICB9KTtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7dmlld1N3aXRjaGVyRWxlbWVudHN9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBWaWV3U3dpdGNoZXI7XG4iXX0= */",
81
73
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
82
74
  };
83
-
84
75
  const ViewSwitcher$1 = props => {
85
76
  const isControlledComponent = !isNil(props.selectedValue);
86
77
  const hasOnChange = !isNil(props.onChange);
@@ -88,33 +79,26 @@ const ViewSwitcher$1 = props => {
88
79
  * This internal state is only used when the component is uncontrolled ("defaultSelected" is passed).
89
80
  * When controlled ("selectedValue") the state will not be updated or used.
90
81
  */
91
-
92
82
  const _useState = useState(props.defaultSelected),
93
- _useState2 = _slicedToArray(_useState, 2),
94
- selectedButton = _useState2[0],
95
- setSelectedButton = _useState2[1];
96
-
83
+ _useState2 = _slicedToArray(_useState, 2),
84
+ selectedButton = _useState2[0],
85
+ setSelectedButton = _useState2[1];
97
86
  if (isControlledComponent) {
98
87
  process.env.NODE_ENV !== "production" ? warning(hasOnChange, "ui-kit/ViewSwitcher: missing required prop \"onChange\" when using the \"value\" prop (controlled component).") : void 0;
99
88
  }
100
-
101
89
  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;
102
90
  process.env.NODE_ENV !== "production" ? warning(props.children.length > 0, 'ViewSwitcher.Group must contain at least one ViewSwitcher.Button') : void 0;
103
-
104
91
  const viewSwitcherElements = _mapInstanceProperty(Children).call(Children, props.children, (child, index) => {
105
92
  if (child && /*#__PURE__*/isValidElement(child) && child.type.displayName === Button.displayName) {
106
93
  var _length;
107
-
108
94
  const isButtonActive = (isControlledComponent ? props.selectedValue : selectedButton) === child.props.value;
109
95
  const clonedChild = /*#__PURE__*/cloneElement(child, {
110
96
  onClick: () => {
111
97
  if (!isControlledComponent) {
112
98
  setSelectedButton(child.props.value);
113
99
  }
114
-
115
100
  if (!isButtonActive) {
116
101
  var _child$props$onClick, _child$props, _props$onChange;
117
-
118
102
  (_child$props$onClick = (_child$props = child.props).onClick) === null || _child$props$onClick === void 0 ? void 0 : _child$props$onClick.call(_child$props, child.props.value);
119
103
  (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, child.props.value);
120
104
  }
@@ -126,16 +110,13 @@ const ViewSwitcher$1 = props => {
126
110
  });
127
111
  return clonedChild;
128
112
  }
129
-
130
113
  return child;
131
114
  });
132
-
133
115
  return jsx("div", {
134
116
  css: _ref,
135
117
  children: viewSwitcherElements
136
118
  });
137
119
  };
138
-
139
120
  ViewSwitcher$1.propTypes = process.env.NODE_ENV !== "production" ? {
140
121
  isCondensed: _pt.bool,
141
122
  children: _pt.node.isRequired,
@@ -146,7 +127,7 @@ ViewSwitcher$1.propTypes = process.env.NODE_ENV !== "production" ? {
146
127
  var Group = ViewSwitcher$1;
147
128
 
148
129
  // NOTE: This string will be replaced on build time with the package version.
149
- var version = "16.0.0";
130
+ var version = "16.1.0";
150
131
 
151
132
  const ViewSwitcher = {
152
133
  Group,
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": "16.0.0",
4
+ "version": "16.1.0",
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.20.13",
23
23
  "@babel/runtime-corejs3": "^7.20.13",
24
- "@commercetools-uikit/accessible-button": "16.0.0",
25
- "@commercetools-uikit/design-system": "16.0.0",
26
- "@commercetools-uikit/utils": "16.0.0",
24
+ "@commercetools-uikit/accessible-button": "16.1.0",
25
+ "@commercetools-uikit/design-system": "16.1.0",
26
+ "@commercetools-uikit/utils": "16.1.0",
27
27
  "@emotion/react": "^11.10.5",
28
28
  "@emotion/styled": "^11.10.5",
29
29
  "lodash": "4.17.21",