@redocly/theme 0.9.5 → 0.9.6

package/lib/Profile/UserProfile.d.ts

@@ -8,6 +8,5 @@ export interface UserProfileProps {
     };
     handleLogout: (logoutRedirect?: string) => void;
     hasDeveloperOnboarding?: boolean;
-    hasApiLogs?: boolean;
 }
-export declare function UserProfile({ userInfo, handleLogout, hasDeveloperOnboarding, hasApiLogs, }: UserProfileProps): JSX.Element;
+export declare function UserProfile({ userInfo, handleLogout, hasDeveloperOnboarding, }: UserProfileProps): JSX.Element;

package/lib/Profile/UserProfile.js

@@ -33,15 +33,13 @@ const Link_1 = require("../mocks/Link");
 const Profile_1 = require("../Profile/Profile");
 const Tooltip_1 = require("../Tooltip/Tooltip");
 const useThemeConfig_1 = require("../hooks/useThemeConfig");
-function UserProfile({ userInfo, handleLogout, hasDeveloperOnboarding = false, hasApiLogs = false, }) {
+function UserProfile({ userInfo, handleLogout, hasDeveloperOnboarding = false, }) {
     const [isOpened, setIsOpened] = (0, react_1.useState)(false);
     const { userProfile: userProfileSettings } = (0, useThemeConfig_1.useThemeConfig)();
     const logoutRedirect = (userProfileSettings === null || userProfileSettings === void 0 ? void 0 : userProfileSettings.logoutRedirect) || '/';
-    return (react_1.default.createElement(StyledTooltip, { isOpen: isOpened, withArrow: false, className: "copy-button", placement: "bottom", width: "100%", tip: react_1.default.createElement(StyledUl, null,
+    return (react_1.default.createElement(StyledTooltip, { isOpen: isOpened, withArrow: false, className: "copy-button", placement: "bottom", width: "100%", tip: react_1.default.createElement(StyledUl, { onClick: () => setIsOpened(false) },
             hasDeveloperOnboarding ? (react_1.default.createElement(Link_1.Link, { to: "/apps" },
                 react_1.default.createElement(StyledLi, null, "My Apps"))) : null,
-            hasApiLogs ? (react_1.default.createElement(Link_1.Link, { to: "/api-logs" },
-                react_1.default.createElement(StyledLi, null, "API logs"))) : null,
             react_1.default.createElement(StyledLi, { onClick: () => handleLogout(logoutRedirect) }, (userProfileSettings === null || userProfileSettings === void 0 ? void 0 : userProfileSettings.logoutLabel) || 'Log out')) },
         react_1.default.createElement(Profile_1.Profile, { name: userInfo.name, imageUrl: userInfo.picture, onClick: userInfo.logoutDisabled ? undefined : () => setIsOpened(!isOpened) })));
 }

package/lib/globalStyle.js

@@ -1892,9 +1892,6 @@ const tile = (0, styled_components_1.css) `
   --wide-tile-background-color: var(--color-secondary-100);
   --thin-tile-background-color: var(--color-secondary-100);
 `;
-const apiLogsTable = (0, styled_components_1.css) `
- --api-logs-row-hover-background-color: var(--color-secondary-300);
-`;
 const pages = (0, styled_components_1.css) `
   /**
   * @tokens 404 Page
@@ -1979,7 +1976,6 @@ exports.styles = (0, styled_components_1.css) `
     ${lastUpdated}
     ${tile}
     ${loadProgressBar}
-    ${apiLogsTable}
     ${pages}
     ${modal}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/theme",
-  "version": "0.9.5",
+  "version": "0.9.6",
   "description": "Shared UI components lib",
   "author": "team@redocly.com",
   "license": "SEE LICENSE IN LICENSE",

package/src/Profile/UserProfile.tsx

@@ -15,14 +15,12 @@ export interface UserProfileProps {
   };
   handleLogout: (logoutRedirect?: string) => void;
   hasDeveloperOnboarding?: boolean;
-  hasApiLogs?: boolean;
 }
 
 export function UserProfile({
   userInfo,
   handleLogout,
   hasDeveloperOnboarding = false,
-  hasApiLogs = false,
 }: UserProfileProps): JSX.Element {
   const [isOpened, setIsOpened] = useState<boolean>(false);
 
@@ -38,17 +36,12 @@ export function UserProfile({
       placement="bottom"
       width="100%"
       tip={
-        <StyledUl>
+        <StyledUl onClick={() => setIsOpened(false)}>
           {hasDeveloperOnboarding ? (
             <Link to="/apps">
               <StyledLi>My Apps</StyledLi>
             </Link>
           ) : null}
-          {hasApiLogs ? (
-            <Link to="/api-logs">
-              <StyledLi>API logs</StyledLi>
-            </Link>
-          ) : null}
           <StyledLi onClick={() => handleLogout(logoutRedirect)}>
             {userProfileSettings?.logoutLabel || 'Log out'}
           </StyledLi>

package/src/globalStyle.ts

@@ -1917,10 +1917,6 @@ const tile = css`
   --thin-tile-background-color: var(--color-secondary-100);
 `;
 
-const apiLogsTable = css`
- --api-logs-row-hover-background-color: var(--color-secondary-300);
-`
-
 const pages = css`
   /**
   * @tokens 404 Page
@@ -2007,7 +2003,6 @@ export const styles = css`
     ${lastUpdated}
     ${tile}
     ${loadProgressBar}
-    ${apiLogsTable}
     ${pages}
     ${modal}