@redocly/theme 0.11.0 → 0.11.2

package/lib/components/OpenAPIDocs/DevOnboardingTryItSecurity.js

@@ -31,12 +31,13 @@ const React = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const Button_1 = require("../../components/Button/Button");
 const usePreloadHistory_1 = require("../../mocks/usePreloadHistory");
+const usePageData_1 = require("../../mocks/hooks/usePageData");
 const Dropdown_1 = require("./Dropdown");
 function DevOnboardingTryItSecurity(props) {
     const apiId = props.apiId;
     const history = (0, usePreloadHistory_1.usePreloadHistory)();
     // @ts-ignore
-    const { userData } = props;
+    const { userData } = (0, usePageData_1.usePageData)('userData') || {};
     // TODO: handle error
     const [_error, setError] = React.useState();
     const [apps, setApps] = React.useState();

package/lib/components/OpenAPIDocs/TryItSecurityApps.d.ts

@@ -3,6 +3,5 @@ export type TryItSecurityAppsProps = {
     apiId?: string;
     value?: string;
     onChange: (newSecretKey: string) => void;
-    userData?: any;
 };
 export declare function TryItSecurityApps(props: TryItSecurityAppsProps): JSX.Element | null;

package/lib/components/PageNavigation/PageNavigation.js

@@ -24,6 +24,7 @@ const PageNavigationWrapper = styled_components_1.default.div `
   display: flex;
   justify-content: space-between;
   margin: 25px 0;
+  width: 100%;
 
   @media print {
     display: none;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/theme",
-  "version": "0.11.0",
+  "version": "0.11.2",
   "description": "Shared UI components lib",
   "keywords": [],
   "author": "team@redocly.com",

package/src/components/OpenAPIDocs/DevOnboardingTryItSecurity.tsx

@@ -5,6 +5,7 @@ import type { TryItSecurityAppsProps } from './TryItSecurityApps';
 
 import { Button } from '@theme/components/Button/Button';
 import { usePreloadHistory } from '@portal/usePreloadHistory';
+import { usePageData } from '@portal/hooks/usePageData';
 
 import { Dropdown } from './Dropdown';
 
@@ -12,7 +13,7 @@ export function DevOnboardingTryItSecurity(props: TryItSecurityAppsProps) {
   const apiId = (props as any).apiId;
   const history = usePreloadHistory();
   // @ts-ignore
-  const { userData } = props;
+  const { userData } = usePageData('userData') || {};
 
   // TODO: handle error
   const [_error, setError] = React.useState<string | undefined>();

package/src/components/OpenAPIDocs/TryItSecurityApps.tsx

@@ -8,7 +8,6 @@ export type TryItSecurityAppsProps = {
   apiId?: string;
   value?: string;
   onChange: (newSecretKey: string) => void;
-  userData?: any;
 };
 
 export function TryItSecurityApps(props: TryItSecurityAppsProps) {

package/src/components/PageNavigation/PageNavigation.tsx

@@ -30,6 +30,7 @@ const PageNavigationWrapper = styled.div`
   display: flex;
   justify-content: space-between;
   margin: 25px 0;
+  width: 100%;
 
   @media print {
     display: none;