@redocly/theme 0.83.0-rc.3 → 0.83.0-rc.4

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 (5) hide show
  1. package/lib/components/UserMenu/UserMenu.js +3 -2
  2. package/lib/core/utils/media-css.js +1 -1
  3. package/package.json +2 -2
  4. package/src/components/UserMenu/UserMenu.tsx +5 -2
  5. package/src/core/utils/media-css.ts +1 -1
package/lib/components/UserMenu/UserMenu.js CHANGED
@@ -23,7 +23,8 @@ function UserMenu({ className }) {
23
23
  const { translate } = useTranslate();
24
24
  if (!(userData === null || userData === void 0 ? void 0 : userData.isAuthenticated)) {
25
25
  if (loginUrl && !(userMenu === null || userMenu === void 0 ? void 0 : userMenu.hideLoginButton)) {
26
- return react_1.default.createElement(LoginButton_1.LoginButton, { href: loginUrl, "data-testid": "login-btn" });
26
+ return (react_1.default.createElement(UserMenuWrapper, { "data-component-name": "UserMenu/UserMenu" },
27
+ react_1.default.createElement(LoginButton_1.LoginButton, { href: loginUrl, "data-testid": "login-btn" })));
27
28
  }
28
29
  else {
29
30
  return null;
@@ -44,7 +45,7 @@ function UserMenu({ className }) {
44
45
  react_1.default.createElement(LogoutMenuItem_1.LogoutMenuItem, { key: "logout" }),
45
46
  ];
46
47
  return (react_1.default.createElement(UserMenuWrapper, { "data-component-name": "UserMenu/UserMenu" },
47
- react_1.default.createElement(StyledDropdown, { className: className, alignment: "end", "data-component-name": "UserMenu/UserMenu", trigger: react_1.default.createElement(UserMenuTrigger, { role: "button" },
48
+ react_1.default.createElement(StyledDropdown, { className: className, alignment: "end", trigger: react_1.default.createElement(UserMenuTrigger, { role: "button" },
48
49
  react_1.default.createElement(UserAvatar_1.UserAvatar, { picture: userData.picture })) },
49
50
  react_1.default.createElement(DropdownMenu_1.DropdownMenu, null, items))));
50
51
  }
package/lib/core/utils/media-css.js CHANGED
@@ -1,5 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.breakpoints = void 0;
4
- exports.breakpoints = { small: '700px', medium: '1050px', large: '1200px' };
4
+ exports.breakpoints = { small: '672px', medium: '960px', large: '1280px' };
5
5
  //# sourceMappingURL=media-css.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redocly/theme",
3
- "version": "0.83.0-rc.3",
3
+ "version": "0.83.0-rc.4",
4
4
  "description": "Shared UI components lib",
5
5
  "keywords": [
6
6
  "theme",
@@ -98,7 +98,7 @@
98
98
  "timeago.js": "^4.0.2",
99
99
  "i18next": "^22.4.12",
100
100
  "nprogress": "^0.2.0",
101
- "@redocly/config": "0.83.0-rc.3"
101
+ "@redocly/config": "0.83.0-rc.4"
102
102
  },
103
103
  "scripts": {
104
104
  "start": "npm-run-all --parallel storybook storybook:tokens:watch",
package/src/components/UserMenu/UserMenu.tsx CHANGED
@@ -30,7 +30,11 @@ export function UserMenu({ className }: UserMenuProps) {
30
30
 
31
31
  if (!userData?.isAuthenticated) {
32
32
  if (loginUrl && !userMenu?.hideLoginButton) {
33
- return <LoginButton href={loginUrl} data-testid="login-btn" />;
33
+ return (
34
+ <UserMenuWrapper data-component-name="UserMenu/UserMenu">
35
+ <LoginButton href={loginUrl} data-testid="login-btn" />
36
+ </UserMenuWrapper>
37
+ );
34
38
  } else {
35
39
  return null;
36
40
  }
@@ -75,7 +79,6 @@ export function UserMenu({ className }: UserMenuProps) {
75
79
  <StyledDropdown
76
80
  className={className}
77
81
  alignment="end"
78
- data-component-name="UserMenu/UserMenu"
79
82
  trigger={
80
83
  <UserMenuTrigger role="button">
81
84
  <UserAvatar picture={userData.picture} />
package/src/core/utils/media-css.ts CHANGED
@@ -4,4 +4,4 @@ export type Breakpoints = {
4
4
  large: `${number}px`;
5
5
  };
6
6
 
7
- export const breakpoints: Breakpoints = { small: '700px', medium: '1050px', large: '1200px' };
7
+ export const breakpoints: Breakpoints = { small: '672px', medium: '960px', large: '1280px' };