@redocly/openapi-docs 0.83.0-rc.4 → 0.83.0-rc.6

package/lib/components/SectionContent/SectionContent.js

@@ -1,8 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SectionContent=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),styled_components_1=__importDefault(require("styled-components")),ContentItem_1=require("../ContentItem"),PageFooter_1=require("../PageFooter"),store_1=require("../../jotai/store"),RenderHook_1=require("../RenderHook"),RightPanel_1=require("../RightPanel"),app_1=require("../../jotai/app"),common_1=require("../common");function SectionContent({items:e,hideFooterAndHeader:t}){const{unstable_hooks:{MiddlePanelHeader:n},routingBasePath:a}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),i=(0,jotai_1.useAtomValue)(app_1.layoutAtom),r=i===theme_1.LayoutVariant.STACKED,o=(0,react_1.useMemo)((()=>t?null:(0,jsx_runtime_1.jsx)(MiddlePanelWrapper,{isStacked:r,children:(0,jsx_runtime_1.jsx)(PageFooter_1.PageFooter,{})})),[t,r]),s=(0,react_1.useMemo)((()=>t||!theme_1.OpenApiHeader&&!n?null:(0,jsx_runtime_1.jsx)(MiddlePanelWrapper,{isStacked:r,children:n?(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:n,props:void 0}):(0,jsx_runtime_1.jsx)(theme_1.OpenApiHeader,{})})),[n,t,r]);return 0===e.length?null:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[s,(0,jsx_runtime_1.jsxs)(Container,{children:[(0,jsx_runtime_1.jsx)(SectionContainer,{layout:i,children:e.filter((({type:e})=>"section"===e)).map((e=>(0,jsx_runtime_1.jsx)(ContentItem_1.ContentItem,{item:e,routingBasePath:a},e.id)))}),(0,jsx_runtime_1.jsx)(RightPanelContainer,{isStacked:r,tabIndex:0,children:(0,jsx_runtime_1.jsx)(RightPanel_1.RightPanel,{item:e[0]})})]}),e.filter((({type:e})=>"section"!==e)).map((e=>(0,jsx_runtime_1.jsx)(ContentItem_1.ContentItem,{item:e,routingBasePath:a},e.id))),o]})}exports.SectionContent=SectionContent;const Container=styled_components_1.default.div`
-  display: flex;
-  width: 100%;
-  margin-bottom: var(--spacing-xxl);
-`,MiddlePanelWrapper=(0,styled_components_1.default)(common_1.SamplesMiddlePanel)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SectionContent=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),styled_components_1=__importDefault(require("styled-components")),ContentItem_1=require("../ContentItem"),PageFooter_1=require("../PageFooter"),store_1=require("../../jotai/store"),RenderHook_1=require("../RenderHook"),RightPanel_1=require("../RightPanel"),app_1=require("../../jotai/app"),common_1=require("../common");function SectionContent({items:e,hideFooterAndHeader:t}){const{unstable_hooks:{MiddlePanelHeader:n},routingBasePath:r}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),o=(0,jotai_1.useAtomValue)(app_1.layoutAtom),a=o===theme_1.LayoutVariant.STACKED,i=(0,react_1.useMemo)((()=>t?null:(0,jsx_runtime_1.jsx)(MiddlePanelWrapper,{isStacked:a,children:(0,jsx_runtime_1.jsx)(PageFooter_1.PageFooter,{})})),[t,a]),s=(0,react_1.useMemo)((()=>t||!theme_1.OpenApiHeader&&!n?null:(0,jsx_runtime_1.jsx)(MiddlePanelWrapper,{isStacked:a,children:n?(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:n,props:void 0}):(0,jsx_runtime_1.jsx)(theme_1.OpenApiHeader,{})})),[n,t,a]);return 0===e.length?null:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[s,(0,jsx_runtime_1.jsxs)(common_1.Row,{layout:o,children:[(0,jsx_runtime_1.jsx)(SectionContainer,{layout:o,children:e.filter((({type:e})=>"section"===e)).map((e=>(0,jsx_runtime_1.jsx)(ContentItem_1.ContentItem,{item:e,routingBasePath:r},e.id)))}),(0,jsx_runtime_1.jsx)(RightPanelContainer,{isStacked:a,tabIndex:0,children:(0,jsx_runtime_1.jsx)(RightPanel_1.RightPanel,{item:e[0]})})]}),e.filter((({type:e})=>"section"!==e)).map((e=>(0,jsx_runtime_1.jsx)(ContentItem_1.ContentItem,{item:e,routingBasePath:r},e.id))),i]})}exports.SectionContent=SectionContent;const MiddlePanelWrapper=(0,styled_components_1.default)(common_1.SamplesMiddlePanel)`
   align-self: flex-start;
   padding-top: var(--panel-gap-vertical);
   padding-bottom: var(--panel-gap-vertical);
@@ -14,12 +10,7 @@
   }
 `,RightPanelContainer=(0,styled_components_1.default)(common_1.SamplesPanel)`
   margin: var(--spacing-base) 0 var(--spacing-xs);
-  display: none;
   overflow-y: auto;
   max-height: calc(100vh - var(--navbar-height) - var(--panel-gap-vertical) * 2);
-
-  @media screen and (min-width: ${theme_1.breakpoints.large}) {
-    display: ${({isStacked:e})=>e?"none":"block"};
-  }
 `;
 //# sourceMappingURL=SectionContent.js.map

package/lib/utils/security-details.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.setSecurityDetails=exports.getSecurityDetails=exports.setSecurityDetailsVariants=void 0;const theme_1=require("@redocly/theme"),string_1=require("./string"),session_storage_1=require("./session-storage");function setSecurityDetailsVariants(e,s){e=(0,string_1.escapeFormId)(e),(0,session_storage_1.toSessionStorage)(`auth.${e}.variants`,JSON.stringify(s))}function getSecurityDetails(e,s={}){return{raw:s[e+theme_1.SecurityVariablesEnvSuffix.APIKey],password:s[e+theme_1.SecurityVariablesEnvSuffix.BasicAuthPassword],username:s[e+theme_1.SecurityVariablesEnvSuffix.BasicAuthUsername],token:s[e+theme_1.SecurityVariablesEnvSuffix.Token]?{access_token:s[e+theme_1.SecurityVariablesEnvSuffix.Token]}:void 0,client_id:s[e+theme_1.SecurityVariablesEnvSuffix.ClientId],client_secret:s[e+theme_1.SecurityVariablesEnvSuffix.ClientSecret],scopes:(0,session_storage_1.fromSessionStorage)(`auth.${e}.scopes`)}}function setSecurityDetails(e,s){e=(0,string_1.escapeFormId)(e),"string"==typeof s?(0,session_storage_1.toSessionStorage)("auth."+e,s):s&&((0,session_storage_1.toSessionStorage)(`auth.${e}.password`,s.password||""),(0,session_storage_1.toSessionStorage)(`auth.${e}.username`,s.username||""),(0,session_storage_1.toSessionStorage)(`auth.${e}.token`,s.token&&JSON.stringify(s.token)||""),(0,session_storage_1.toSessionStorage)(`auth.${e}.client_id`,s.client_id||""),(0,session_storage_1.toSessionStorage)(`auth.${e}.client_secret`,s.client_secret||""),(0,session_storage_1.toSessionStorage)(`auth.${e}.scopes`,s.scopes&&JSON.stringify(s.scopes)||""))}exports.setSecurityDetailsVariants=setSecurityDetailsVariants,exports.getSecurityDetails=getSecurityDetails,exports.setSecurityDetails=setSecurityDetails;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.setSecurityDetails=exports.getSecurityDetails=exports.setSecurityDetailsVariants=void 0;const theme_1=require("@redocly/theme"),string_1=require("./string"),session_storage_1=require("./session-storage");function setSecurityDetailsVariants(e,s){e=(0,string_1.escapeFormId)(e),(0,session_storage_1.toSessionStorage)(`auth.${e}.variants`,JSON.stringify(s))}function getSecurityDetails(e,s={}){return{raw:s[e+theme_1.SecurityVariablesEnvSuffix.APIKey],password:s[e+theme_1.SecurityVariablesEnvSuffix.Username],username:s[e+theme_1.SecurityVariablesEnvSuffix.Password],token:s[e+theme_1.SecurityVariablesEnvSuffix.Token]?{access_token:s[e+theme_1.SecurityVariablesEnvSuffix.Token]}:void 0,client_id:s[e+theme_1.SecurityVariablesEnvSuffix.ClientId],client_secret:s[e+theme_1.SecurityVariablesEnvSuffix.ClientSecret],scopes:(0,session_storage_1.fromSessionStorage)(`auth.${e}.scopes`)}}function setSecurityDetails(e,s){e=(0,string_1.escapeFormId)(e),"string"==typeof s?(0,session_storage_1.toSessionStorage)("auth."+e,s):s&&((0,session_storage_1.toSessionStorage)(`auth.${e}.password`,s.password||""),(0,session_storage_1.toSessionStorage)(`auth.${e}.username`,s.username||""),(0,session_storage_1.toSessionStorage)(`auth.${e}.token`,s.token&&JSON.stringify(s.token)||""),(0,session_storage_1.toSessionStorage)(`auth.${e}.client_id`,s.client_id||""),(0,session_storage_1.toSessionStorage)(`auth.${e}.client_secret`,s.client_secret||""),(0,session_storage_1.toSessionStorage)(`auth.${e}.scopes`,s.scopes&&JSON.stringify(s.scopes)||""))}exports.setSecurityDetailsVariants=setSecurityDetailsVariants,exports.getSecurityDetails=getSecurityDetails,exports.setSecurityDetails=setSecurityDetails;
 //# sourceMappingURL=security-details.js.map

package/lib-esm/components/SectionContent/SectionContent.js

@@ -1,8 +1,4 @@
-import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{useMemo}from"react";import{breakpoints,LayoutVariant,OpenApiHeader}from"@redocly/theme";import{useAtomValue}from"jotai";import styled from"styled-components";import{ContentItem}from"../ContentItem";import{PageFooter}from"../PageFooter";import{globalOptionsAtom}from"../../jotai/store";import{RenderHook}from"../RenderHook";import{RightPanel}from"../RightPanel";import{layoutAtom}from"../../jotai/app";import{SamplesMiddlePanel,SamplesPanel}from"../common";export function SectionContent({items:e,hideFooterAndHeader:t}){const{unstable_hooks:{MiddlePanelHeader:a},routingBasePath:o}=useAtomValue(globalOptionsAtom),n=useAtomValue(layoutAtom),i=n===LayoutVariant.STACKED,r=useMemo((()=>t?null:_jsx(MiddlePanelWrapper,{isStacked:i,children:_jsx(PageFooter,{})})),[t,i]),l=useMemo((()=>t||!OpenApiHeader&&!a?null:_jsx(MiddlePanelWrapper,{isStacked:i,children:a?_jsx(RenderHook,{Hook:a,props:void 0}):_jsx(OpenApiHeader,{})})),[a,t,i]);return 0===e.length?null:_jsxs(_Fragment,{children:[l,_jsxs(Container,{children:[_jsx(SectionContainer,{layout:n,children:e.filter((({type:e})=>"section"===e)).map((e=>_jsx(ContentItem,{item:e,routingBasePath:o},e.id)))}),_jsx(RightPanelContainer,{isStacked:i,tabIndex:0,children:_jsx(RightPanel,{item:e[0]})})]}),e.filter((({type:e})=>"section"!==e)).map((e=>_jsx(ContentItem,{item:e,routingBasePath:o},e.id))),r]})}const Container=styled.div`
-  display: flex;
-  width: 100%;
-  margin-bottom: var(--spacing-xxl);
-`,MiddlePanelWrapper=styled(SamplesMiddlePanel)`
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{useMemo}from"react";import{breakpoints,LayoutVariant,OpenApiHeader}from"@redocly/theme";import{useAtomValue}from"jotai";import styled from"styled-components";import{ContentItem}from"../ContentItem";import{PageFooter}from"../PageFooter";import{globalOptionsAtom}from"../../jotai/store";import{RenderHook}from"../RenderHook";import{RightPanel}from"../RightPanel";import{layoutAtom}from"../../jotai/app";import{Row,SamplesMiddlePanel,SamplesPanel}from"../common";export function SectionContent({items:e,hideFooterAndHeader:t}){const{unstable_hooks:{MiddlePanelHeader:a},routingBasePath:o}=useAtomValue(globalOptionsAtom),n=useAtomValue(layoutAtom),r=n===LayoutVariant.STACKED,i=useMemo((()=>t?null:_jsx(MiddlePanelWrapper,{isStacked:r,children:_jsx(PageFooter,{})})),[t,r]),l=useMemo((()=>t||!OpenApiHeader&&!a?null:_jsx(MiddlePanelWrapper,{isStacked:r,children:a?_jsx(RenderHook,{Hook:a,props:void 0}):_jsx(OpenApiHeader,{})})),[a,t,r]);return 0===e.length?null:_jsxs(_Fragment,{children:[l,_jsxs(Row,{layout:n,children:[_jsx(SectionContainer,{layout:n,children:e.filter((({type:e})=>"section"===e)).map((e=>_jsx(ContentItem,{item:e,routingBasePath:o},e.id)))}),_jsx(RightPanelContainer,{isStacked:r,tabIndex:0,children:_jsx(RightPanel,{item:e[0]})})]}),e.filter((({type:e})=>"section"!==e)).map((e=>_jsx(ContentItem,{item:e,routingBasePath:o},e.id))),i]})}const MiddlePanelWrapper=styled(SamplesMiddlePanel)`
   align-self: flex-start;
   padding-top: var(--panel-gap-vertical);
   padding-bottom: var(--panel-gap-vertical);
@@ -14,12 +10,7 @@ import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";i
   }
 `,RightPanelContainer=styled(SamplesPanel)`
   margin: var(--spacing-base) 0 var(--spacing-xs);
-  display: none;
   overflow-y: auto;
   max-height: calc(100vh - var(--navbar-height) - var(--panel-gap-vertical) * 2);
-
-  @media screen and (min-width: ${breakpoints.large}) {
-    display: ${({isStacked:e})=>e?"none":"block"};
-  }
 `;
 //# sourceMappingURL=SectionContent.js.map

package/lib-esm/utils/security-details.js

@@ -1,2 +1,2 @@
-import{SecurityVariablesEnvSuffix}from"@redocly/theme";import{escapeFormId}from"./string";import{fromSessionStorage,toSessionStorage}from"./session-storage";export function setSecurityDetailsVariants(e,t){e=escapeFormId(e),toSessionStorage(`auth.${e}.variants`,JSON.stringify(t))}export function getSecurityDetails(e,t={}){return{raw:t[e+SecurityVariablesEnvSuffix.APIKey],password:t[e+SecurityVariablesEnvSuffix.BasicAuthPassword],username:t[e+SecurityVariablesEnvSuffix.BasicAuthUsername],token:t[e+SecurityVariablesEnvSuffix.Token]?{access_token:t[e+SecurityVariablesEnvSuffix.Token]}:void 0,client_id:t[e+SecurityVariablesEnvSuffix.ClientId],client_secret:t[e+SecurityVariablesEnvSuffix.ClientSecret],scopes:fromSessionStorage(`auth.${e}.scopes`)}}export function setSecurityDetails(e,t){e=escapeFormId(e),"string"==typeof t?toSessionStorage("auth."+e,t):t&&(toSessionStorage(`auth.${e}.password`,t.password||""),toSessionStorage(`auth.${e}.username`,t.username||""),toSessionStorage(`auth.${e}.token`,t.token&&JSON.stringify(t.token)||""),toSessionStorage(`auth.${e}.client_id`,t.client_id||""),toSessionStorage(`auth.${e}.client_secret`,t.client_secret||""),toSessionStorage(`auth.${e}.scopes`,t.scopes&&JSON.stringify(t.scopes)||""))}
+import{SecurityVariablesEnvSuffix}from"@redocly/theme";import{escapeFormId}from"./string";import{fromSessionStorage,toSessionStorage}from"./session-storage";export function setSecurityDetailsVariants(e,t){e=escapeFormId(e),toSessionStorage(`auth.${e}.variants`,JSON.stringify(t))}export function getSecurityDetails(e,t={}){return{raw:t[e+SecurityVariablesEnvSuffix.APIKey],password:t[e+SecurityVariablesEnvSuffix.Username],username:t[e+SecurityVariablesEnvSuffix.Password],token:t[e+SecurityVariablesEnvSuffix.Token]?{access_token:t[e+SecurityVariablesEnvSuffix.Token]}:void 0,client_id:t[e+SecurityVariablesEnvSuffix.ClientId],client_secret:t[e+SecurityVariablesEnvSuffix.ClientSecret],scopes:fromSessionStorage(`auth.${e}.scopes`)}}export function setSecurityDetails(e,t){e=escapeFormId(e),"string"==typeof t?toSessionStorage("auth."+e,t):t&&(toSessionStorage(`auth.${e}.password`,t.password||""),toSessionStorage(`auth.${e}.username`,t.username||""),toSessionStorage(`auth.${e}.token`,t.token&&JSON.stringify(t.token)||""),toSessionStorage(`auth.${e}.client_id`,t.client_id||""),toSessionStorage(`auth.${e}.client_secret`,t.client_secret||""),toSessionStorage(`auth.${e}.scopes`,t.scopes&&JSON.stringify(t.scopes)||""))}
 //# sourceMappingURL=security-details.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/openapi-docs",
-  "version": "0.83.0-rc.4",
+  "version": "0.83.0-rc.6",
   "description": "Redocly OpenAPI Docs",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -16,7 +16,7 @@
     "openapi-docs": "bin.js"
   },
   "peerDependencies": {
-    "@redocly/theme": "0.83.0-rc.4",
+    "@redocly/theme": "0.83.0-rc.6",
     "core-js": "^3.1.4",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
@@ -44,8 +44,8 @@
     "url": "~0.11.0",
     "url-template": "^2.0.8",
     "util": "~0.12.5",
-    "@redocly/config": "0.83.0-rc.4",
-    "@redocly/replay": "0.83.0-rc.4"
+    "@redocly/replay": "0.83.0-rc.6",
+    "@redocly/config": "0.83.0-rc.6"
   },
   "devDependencies": {
     "@cfaester/enzyme-adapter-react-18": "0.7.1",
@@ -95,7 +95,7 @@
     "webpack": "5.91.0",
     "webpack-cli": "5.1.4",
     "webpack-dev-server": "4.15.2",
-    "@redocly/theme": "0.83.0-rc.4"
+    "@redocly/theme": "0.83.0-rc.6"
   },
   "scripts": {
     "start": "webpack serve --mode=development --hot",