@redocly/openapi-docs 3.0.0-alpha.19 → 3.0.0-alpha.21
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.
- package/dist/console.redocly-openapi-docs.min.js +27 -27
- package/dist/oauth2-redirect.js +1 -1
- package/dist/redocly-openapi-docs.min.js +145 -137
- package/lib/components/OperationItem/OperationItem.js +1 -1
- package/lib/components/RedoclyOpenAPIDocs/styled.js +2 -2
- package/lib/components/SchemaDefinition/SchemaDefinition.js +1 -1
- package/lib/components/rightPanel/ActionPanel.js +1 -1
- package/lib/components/rightPanel/OAuth2Flow/OAuth2Flow.js +1 -1
- package/lib-esm/components/OperationItem/OperationItem.js +1 -1
- package/lib-esm/components/RedoclyOpenAPIDocs/styled.js +2 -2
- package/lib-esm/components/SchemaDefinition/SchemaDefinition.js +1 -1
- package/lib-esm/components/rightPanel/ActionPanel.js +1 -1
- package/lib-esm/components/rightPanel/OAuth2Flow/OAuth2Flow.js +1 -1
- package/package.json +2 -3
|
@@ -5,5 +5,5 @@
|
|
|
5
5
|
}
|
|
6
6
|
`,Description=styled_components_1.default.div`
|
|
7
7
|
margin-bottom: calc(var(--spacing-unit) * 4);
|
|
8
|
-
`;function OperationItemComponent({item:{operationDefinition:e,parent:t,href:a}}){var r,n,o;const l=(0,recoil_1.useRecoilValue)(app_1.layoutSelector),s=(0,recoil_1.useRecoilValue)(app_1.showRightPanelToggleSelector),{parser:c,options:i}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),{hooks:u,events:p,showWebhookVerb:_,pathInMiddlePanel:d,expandDefaultRequest:m,expandDefaultResponse:f}=i,E=(0,operation_1.getOperation)(c,e,t,i,a),{name:v,description:k,deprecated:q,externalDocs:b,isWebhook:R,httpVerb:h}=E,S=(0,recoil_1.useSetRecoilState)((0,operation_2.operationStore)(E.pointer));(0,theme_1.useMount)((()=>{S((e=>Object.assign(Object.assign({},e),{activeExampleName:E.activeExampleName,activeServer:E.activeServer})))}));const g=!(!k&&!b),y=(0,react_1.useCallback)((e=>t=>{var a;const r=(0,events_1.creatPanelToggleEvent)({operation:E,isExpanded:t,panelType:e});null===(a=null==p?void 0:p.panelToggle)||void 0===a||a.call(p,r)}),[p,E]);return react_1.default.createElement(OperationRow,{layout:l},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:l===constants_1.LayoutVariant.STACKED},react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==u?void 0:u.BeforeOperation,props:{operation:E}}),react_1.default.createElement(theme_1.H2,null,react_1.default.createElement(common_1.ShareLink,{to:a}),react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==u?void 0:u.BeforeOperationSummary,props:{operation:E}}),v,react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==u?void 0:u.AfterOperationSummary,props:{operation:E}}),q&&react_1.default.createElement(common_1.Badge,{deprecated:!0},"Deprecated"),R&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(common_1.Badge,null,"Webhook"),_&&h&&react_1.default.createElement(common_1.Badge,null,h.toUpperCase()))),d&&!R&&react_1.default.createElement(Endpoint_1.Endpoint,{operation:E}),g&&react_1.default.createElement(Description,null,void 0!==k&&react_1.default.createElement(Markdown_1.Markdown,{source:k}),b&&react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:b}),Object.keys(E.extensions||{}).length?react_1.default.createElement(Fields_1.Extensions,{extensions:E.extensions}):null),react_1.default.createElement(SecurityRequirement_1.SecurityRequirements,{securities:E.security}),(null===(r=E.parameters)||void 0===r?void 0:r.length)||E.requestBody?react_1.default.createElement(Panel_1.ContentPanel,{header:(0,services_1.l)("request"),onToggle:y("request"),expanded:m,className:"panel-request-schemas"},react_1.default.createElement(Parameters_1.Parameters,{parameters:E.parameters,body:E.requestBody})):null,(null===(n=E.responses)||void 0===n?void 0:n.length)?react_1.default.createElement(Panel_1.ContentPanel,{header:(0,services_1.l)("responses"),onToggle:y("responses"),expanded:f,className:"panel-response-schemas"},react_1.default.createElement(Responses_1.ResponsesList,{responses:E.responses})):null,(null===(o=E.callbacks)||void 0===o?void 0:o.length)?react_1.default.createElement(Panel_1.ContentPanel,{className:"panel-callback-schemas",header:(0,services_1.l)("callbacks")},react_1.default.createElement(Callbacks_1.CallbacksList,{callbacks:E.callbacks})):null,react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==u?void 0:u.AfterOperation,props:{operation:E}})),s?react_1.default.createElement(common_1.SamplesPanel,{"data-cy":"samples-block"},!d&&!R&&react_1.default.createElement(Endpoint_1.Endpoint,{operation:E}),react_1.default.createElement(RequestSamples_1.RequestSamples,{operation:E}),react_1.default.createElement(ResponseSamples_1.ResponseSamples,{operation:E}),react_1.default.createElement(CallbackSamples_1.CallbackSamples,{callbacks:E.callbacks})):null)}exports.OperationItem=(0,react_1.memo)(OperationItemComponent);
|
|
8
|
+
`;function OperationItemComponent({item:{operationDefinition:e,parent:t,href:a}}){var r,n,o;const l=(0,recoil_1.useRecoilValue)(app_1.layoutSelector),s=(0,recoil_1.useRecoilValue)(app_1.showRightPanelToggleSelector),{parser:c,options:i}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),{hooks:u,events:p,showWebhookVerb:_,pathInMiddlePanel:d,expandDefaultRequest:m,expandDefaultResponse:f}=i,E=(0,operation_1.getOperation)(c,e,t,i,a),{name:v,description:k,deprecated:q,externalDocs:b,isWebhook:R,httpVerb:h}=E,S=(0,recoil_1.useSetRecoilState)((0,operation_2.operationStore)(E.pointer));(0,theme_1.useMount)((()=>{S((e=>Object.assign(Object.assign({},e),{activeExampleName:E.activeExampleName,activeServer:E.activeServer})))}));const g=!(!k&&!b),y=(0,react_1.useCallback)((e=>t=>{var a;const r=(0,events_1.creatPanelToggleEvent)({operation:E,isExpanded:t,panelType:e});null===(a=null==p?void 0:p.panelToggle)||void 0===a||a.call(p,r)}),[p,E]);return react_1.default.createElement(OperationRow,{layout:l},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:l===constants_1.LayoutVariant.STACKED||!s},react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==u?void 0:u.BeforeOperation,props:{operation:E}}),react_1.default.createElement(theme_1.H2,null,react_1.default.createElement(common_1.ShareLink,{to:a}),react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==u?void 0:u.BeforeOperationSummary,props:{operation:E}}),v,react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==u?void 0:u.AfterOperationSummary,props:{operation:E}}),q&&react_1.default.createElement(common_1.Badge,{deprecated:!0},"Deprecated"),R&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(common_1.Badge,null,"Webhook"),_&&h&&react_1.default.createElement(common_1.Badge,null,h.toUpperCase()))),d&&!R&&react_1.default.createElement(Endpoint_1.Endpoint,{operation:E}),g&&react_1.default.createElement(Description,null,void 0!==k&&react_1.default.createElement(Markdown_1.Markdown,{source:k}),b&&react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:b}),Object.keys(E.extensions||{}).length?react_1.default.createElement(Fields_1.Extensions,{extensions:E.extensions}):null),react_1.default.createElement(SecurityRequirement_1.SecurityRequirements,{securities:E.security}),(null===(r=E.parameters)||void 0===r?void 0:r.length)||E.requestBody?react_1.default.createElement(Panel_1.ContentPanel,{header:(0,services_1.l)("request"),onToggle:y("request"),expanded:m,className:"panel-request-schemas"},react_1.default.createElement(Parameters_1.Parameters,{parameters:E.parameters,body:E.requestBody})):null,(null===(n=E.responses)||void 0===n?void 0:n.length)?react_1.default.createElement(Panel_1.ContentPanel,{header:(0,services_1.l)("responses"),onToggle:y("responses"),expanded:f,className:"panel-response-schemas"},react_1.default.createElement(Responses_1.ResponsesList,{responses:E.responses})):null,(null===(o=E.callbacks)||void 0===o?void 0:o.length)?react_1.default.createElement(Panel_1.ContentPanel,{className:"panel-callback-schemas",header:(0,services_1.l)("callbacks")},react_1.default.createElement(Callbacks_1.CallbacksList,{callbacks:E.callbacks})):null,react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==u?void 0:u.AfterOperation,props:{operation:E}})),s?react_1.default.createElement(common_1.SamplesPanel,{"data-cy":"samples-block"},!d&&!R&&react_1.default.createElement(Endpoint_1.Endpoint,{operation:E}),react_1.default.createElement(RequestSamples_1.RequestSamples,{operation:E}),react_1.default.createElement(ResponseSamples_1.ResponseSamples,{operation:E}),react_1.default.createElement(CallbackSamples_1.CallbackSamples,{callbacks:E.callbacks})):null)}exports.OperationItem=(0,react_1.memo)(OperationItemComponent);
|
|
9
9
|
//# sourceMappingURL=OperationItem.js.map
|
|
@@ -161,10 +161,10 @@
|
|
|
161
161
|
max-width: var(--layout-panel-schemas-large-max-width);
|
|
162
162
|
${(0,exports.getMarginFixesByName)("--layout-panel-schemas-large-max-width")};
|
|
163
163
|
}
|
|
164
|
-
`:t
|
|
164
|
+
`:t!==constants_1.LayoutVariant.STACKED&&e?void 0:styled_components_1.css`
|
|
165
165
|
width: 100%;
|
|
166
166
|
padding-right: var(--spacing-horizontal);
|
|
167
|
-
|
|
167
|
+
`};
|
|
168
168
|
}
|
|
169
169
|
`;
|
|
170
170
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var r=Object.getOwnPropertyDescriptor(t,a);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,r)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SchemaDefinition=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),recoil_1=require("recoil"),recoil_nexus_1=require("recoil-nexus"),common_1=require("../common"),models_1=require("../../models"),constants_1=require("../../constants"),PayloadSamples_1=require("../PayloadSamples"),Schema_1=require("../Schema"),Markdown_1=require("../Markdown"),Panel_1=require("../Panel"),app_1=require("../../recoil/app"),store_1=require("../../recoil/store"),operation_1=require("../../recoil/operation"),getMediaTypeInfo=(e,t)=>{if(!e)return{};const a={schema:{$ref:e}};return t&&(a.examples={example:{$ref:t}}),a};function SchemaDefinitionComponent({schemaRef:e,exampleRef:t,showReadOnly:a=!0,showWriteOnly:o=!1}){var r,n,l;const i=(0,recoil_1.useRecoilValue)(app_1.layoutSelector),{parser:c,options:s}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),u=(0,recoil_1.useRecoilValue)(app_1.showRightPanelToggleSelector),d=(0,react_1.useMemo)((()=>(0,models_1.getMediaType)(c,"json",!1,getMediaTypeInfo(e,t),s,{operation:{pointer:"SchemaDefinitionComponent"}})),[t,s,c,e]),[m,_]=(0,recoil_1.useRecoilState)((0,operation_1.operationStore)(null===(r=d.operation)||void 0===r?void 0:r.pointer)),p=(0,react_1.useCallback)((e=>{var t;const a=null===(t=d.schema)||void 0===t?void 0:t.oneOf;if(a&&(null==d?void 0:d.examples)&&Object.keys(null==d?void 0:d.examples).includes(e)){const t=a.findIndex((t=>t.title===e));-1!==t&&d.schema&&(0,recoil_nexus_1.setRecoil)((0,operation_1.operationStore)(d.schema.deps.operation.pointer),(e=>{var a,o,r;return Object.assign(Object.assign({},e),{activeExampleName:(null===(r=null===(o=null===(a=d.schema)||void 0===a?void 0:a.oneOf)||void 0===o?void 0:o[t])||void 0===r?void 0:r.title)||e.activeExampleName,activeOneOf:t})}))}m.activeExampleName!==e&&_((t=>Object.assign(Object.assign({},t),{activeExampleName:e})))}),[null==d?void 0:d.examples,d.schema,m.activeExampleName,_]);return react_1.default.createElement(common_1.Section,null,react_1.default.createElement(common_1.Row,{layout:i},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:i===constants_1.LayoutVariant.STACKED},(null===(n=d.schema)||void 0===n?void 0:n.description)&&react_1.default.createElement(Description,null,react_1.default.createElement(Markdown_1.Markdown,{source:null===(l=d.schema)||void 0===l?void 0:l.description})),react_1.default.createElement(StyledPanelBody,{className:"panel-default"},react_1.default.createElement(Schema_1.Schema,{skipWriteOnly:!o,skipReadOnly:!a,schema:d.schema}))),u?react_1.default.createElement(common_1.SamplesPanel,null,react_1.default.createElement(Panel_1.CodePanel,{className:"panel-response-samples"},react_1.default.createElement(PayloadSamples_1.MediaTypeSamples,{mediaType:d,onChange:p}))):null))}exports.SchemaDefinition=(0,react_1.memo)(SchemaDefinitionComponent);const Description=styled_components_1.default.div`
|
|
1
|
+
"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var r=Object.getOwnPropertyDescriptor(t,a);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,r)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SchemaDefinition=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),recoil_1=require("recoil"),recoil_nexus_1=require("recoil-nexus"),common_1=require("../common"),models_1=require("../../models"),constants_1=require("../../constants"),PayloadSamples_1=require("../PayloadSamples"),Schema_1=require("../Schema"),Markdown_1=require("../Markdown"),Panel_1=require("../Panel"),app_1=require("../../recoil/app"),store_1=require("../../recoil/store"),operation_1=require("../../recoil/operation"),getMediaTypeInfo=(e,t)=>{if(!e)return{};const a={schema:{$ref:e}};return t&&(a.examples={example:{$ref:t}}),a};function SchemaDefinitionComponent({schemaRef:e,exampleRef:t,showReadOnly:a=!0,showWriteOnly:o=!1}){var r,n,l;const i=(0,recoil_1.useRecoilValue)(app_1.layoutSelector),{parser:c,options:s}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),u=(0,recoil_1.useRecoilValue)(app_1.showRightPanelToggleSelector),d=(0,react_1.useMemo)((()=>(0,models_1.getMediaType)(c,"json",!1,getMediaTypeInfo(e,t),s,{operation:{pointer:"SchemaDefinitionComponent"}})),[t,s,c,e]),[m,_]=(0,recoil_1.useRecoilState)((0,operation_1.operationStore)(null===(r=d.operation)||void 0===r?void 0:r.pointer)),p=(0,react_1.useCallback)((e=>{var t;const a=null===(t=d.schema)||void 0===t?void 0:t.oneOf;if(a&&(null==d?void 0:d.examples)&&Object.keys(null==d?void 0:d.examples).includes(e)){const t=a.findIndex((t=>t.title===e));-1!==t&&d.schema&&(0,recoil_nexus_1.setRecoil)((0,operation_1.operationStore)(d.schema.deps.operation.pointer),(e=>{var a,o,r;return Object.assign(Object.assign({},e),{activeExampleName:(null===(r=null===(o=null===(a=d.schema)||void 0===a?void 0:a.oneOf)||void 0===o?void 0:o[t])||void 0===r?void 0:r.title)||e.activeExampleName,activeOneOf:t})}))}m.activeExampleName!==e&&_((t=>Object.assign(Object.assign({},t),{activeExampleName:e})))}),[null==d?void 0:d.examples,d.schema,m.activeExampleName,_]);return react_1.default.createElement(common_1.Section,null,react_1.default.createElement(common_1.Row,{layout:i},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:i===constants_1.LayoutVariant.STACKED||!u},(null===(n=d.schema)||void 0===n?void 0:n.description)&&react_1.default.createElement(Description,null,react_1.default.createElement(Markdown_1.Markdown,{source:null===(l=d.schema)||void 0===l?void 0:l.description})),react_1.default.createElement(StyledPanelBody,{className:"panel-default"},react_1.default.createElement(Schema_1.Schema,{skipWriteOnly:!o,skipReadOnly:!a,schema:d.schema}))),u?react_1.default.createElement(common_1.SamplesPanel,null,react_1.default.createElement(Panel_1.CodePanel,{className:"panel-response-samples"},react_1.default.createElement(PayloadSamples_1.MediaTypeSamples,{mediaType:d,onChange:p}))):null))}exports.SchemaDefinition=(0,react_1.memo)(SchemaDefinitionComponent);const Description=styled_components_1.default.div`
|
|
2
2
|
margin-bottom: var(--spacing-vertical);
|
|
3
3
|
`,StyledPanelBody=(0,styled_components_1.default)(theme_1.PanelBody)`
|
|
4
4
|
--panel-schemas-body-padding: var(--panel-body-padding);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&__createBinding(t,e,n);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ActionPanel=exports.ActionPanelComponent=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),
|
|
1
|
+
"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&__createBinding(t,e,n);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ActionPanel=exports.ActionPanelComponent=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),utils_1=require("../../utils"),Panel_1=require("../Panel"),Endpoint_1=require("../Endpoint"),shared_1=require("../shared"),utils_2=require("./utils");function formatPath(e,t,n){const r=t.path||{},a=t.query||{},o=Object.keys(a);let i=(0,utils_2.expandVariables)(e,r);return o.length&&(i+="?"+o.map((e=>{if(!a[e])return"";const t=(e=>n.find((t=>t.name===e&&"query"===t.in)))(e);return t?(0,utils_1.serializeParameterValue)(t,a[e]):`${e}=${encodeURIComponent(a[e])}`})).filter(Boolean).join("&")),i}const ActionPanelComponent=({loading:e,operation:t,hasResponse:n,execute:r,params:a={}})=>react_1.default.createElement(Panel_1.CodeHeader,null,react_1.default.createElement(Endpoint_1.PathWrapper,null,react_1.default.createElement(shared_1.HttpVerb,{type:t.httpVerb},t.httpVerb),react_1.default.createElement(Endpoint_1.Path,{wrap:"true"},formatPath(t.path,a,t.parameters))),react_1.default.createElement(SendButton,{"data-cy":"send-button",color:"primary",blinking:e,onClick:()=>!e&&r()},e?"Sending...":n?"Resend":"Send"));exports.ActionPanelComponent=ActionPanelComponent;const SendButton=(0,styled_components_1.default)(Endpoint_1.TryItButton)`
|
|
2
2
|
width: var(--panel-try-it-action-button-width);
|
|
3
3
|
`;exports.ActionPanel=(0,react_1.memo)(exports.ActionPanelComponent);
|
|
4
4
|
//# sourceMappingURL=ActionPanel.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,l,r){void 0===r&&(r=l);var a=Object.getOwnPropertyDescriptor(t,l);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[l]}}),Object.defineProperty(e,r,a)}:function(e,t,l,r){void 0===r&&(r=l),e[r]=t[l]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var l in e)"default"!==l&&Object.prototype.hasOwnProperty.call(e,l)&&__createBinding(t,e,l);return __setModuleDefault(t,e),t},__awaiter=this&&this.__awaiter||function(e,t,l,r){return new(l||(l=Promise))((function(a,i){function
|
|
1
|
+
"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,l,r){void 0===r&&(r=l);var a=Object.getOwnPropertyDescriptor(t,l);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[l]}}),Object.defineProperty(e,r,a)}:function(e,t,l,r){void 0===r&&(r=l),e[r]=t[l]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var l in e)"default"!==l&&Object.prototype.hasOwnProperty.call(e,l)&&__createBinding(t,e,l);return __setModuleDefault(t,e),t},__awaiter=this&&this.__awaiter||function(e,t,l,r){return new(l||(l=Promise))((function(a,i){function o(e){try{u(r.next(e))}catch(e){i(e)}}function n(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof l?t:new l((function(e){e(t)}))).then(o,n)}u((r=r.apply(e,t||[])).next())}))},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OAuth2Flow=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),recoil_1=require("recoil"),styled_1=require("./styled"),LinearProgress_1=require("../../common/LinearProgress"),form_1=require("../../common/form"),TextField_1=require("../../common/TextField"),Checkbox_1=require("../../common/Checkbox"),OAuth2_1=require("../../../services/OAuth2"),utils_1=require("../../../utils"),utils_2=require("../../../services/utils"),utils_3=require("../utils"),Scope_1=__importDefault(require("../Scope")),Error_1=require("./Error"),store_1=require("../../../recoil/store");function requiredValidator(e){if(!e)return"Field is required"}const OAuth2Flow=({usePkce:e,form:t,id:l,formApi:r,flow:a,tokenUrl:i,authCorsProxyUrl:o,tokenEndpointAuthMethod:n,server:u,scopes:c,authorizationUrl:d,defaultValues:s,clientId:_})=>{var f,h,m,p;const{oAuth2RedirectURI:v,routingBasePath:g}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),[E,k]=(0,react_1.useState)(null),[O,C]=(0,react_1.useState)(!1),[F,y]=(0,react_1.useState)(!1),[b,S]=(0,react_1.useState)(void 0),[x,A]=(0,react_1.useState)(void 0),[P,q]=(0,react_1.useState)(void 0),w=(null===(h=null===(f=t.values)||void 0===f?void 0:f.auth)||void 0===h?void 0:h[l])||{},T=(null===(p=null===(m=t.errors)||void 0===m?void 0:m.auth)||void 0===p?void 0:p[l])||{},j=void 0!==b&&x!==P?{label:"sync",onClick:()=>{b&&A(P)}}:void 0;(0,react_1.useEffect)((()=>{if(e){const e=(0,utils_2.randString)(43);(0,OAuth2_1.deriveCodeChallenge)(e).then((t=>{S(e),A(t),q(t)}))}}),[e]);const W=()=>{r.setValue(`auth.${l}.token`,"")};if(!d)return react_1.default.createElement(form_1.FormError,null,"No flow info");let D=(0,utils_1.fromSessionStorage)(`auth.${l}.token`)||JSON.stringify(null==s?void 0:s.token);D=D?JSON.parse(D):"";const V=(0,utils_1.getSecurityDetailsOptions)(l,"client_id"),B={field:`auth.${l}.client_id`,fullWidth:!0,initialValue:(0,utils_1.fromSessionStorage)(`auth.${l}.client_id`)||_||(null==s?void 0:s.client_id),initValue:(0,utils_1.fromSessionStorage)(`auth.${l}.client_id`)||_||(null==s?void 0:s.client_id),placeholder:"Your OAuth2 app Client ID",validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return react_1.default.createElement("div",null,react_1.default.createElement(form_1.FormWrapper,null,react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," Client ID: "),V?react_1.default.createElement(TextField_1.FormDropdown,Object.assign({},B,{options:V})):react_1.default.createElement(TextField_1.FormTextField,Object.assign({},B,{"data-cy":"client-id-input",panel:"try-it"}))),"authorizationCode"===a&&react_1.default.createElement(react_1.default.Fragment,null,(!(null==e?void 0:e.hideClientSecretInput)||!e)&&react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null,"Client Secret:"),react_1.default.createElement(TextField_1.FormTextField,{type:"password",fullWidth:!0,field:`auth.${l}.client_secret`,initialValue:(0,utils_1.fromSessionStorage)(`auth.${l}.client_secret`)||(null==s?void 0:s.client_secret),validateOnBlur:!0,validateOnChange:!0,panel:"try-it","data-cy":"client-secret-input"})),e&&!e.disableManualConfiguration&&react_1.default.createElement(styled_1.PkceOptionsWrapper,null,react_1.default.createElement(Checkbox_1.Checkbox,{id:"pkce-opitons-toggle",label:"Configure PKCE manually",checked:F,onChange:()=>{y((e=>!e))},"data-cy":"pkce-options-toggle"}),F&&react_1.default.createElement(styled_1.PkceDetails,null,react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null,"Code Verifier"),react_1.default.createElement(TextField_1.TextField,{fullWidth:!0,value:b,onChange:({target:{value:e}})=>__awaiter(void 0,void 0,void 0,(function*(){const t=yield(0,OAuth2_1.deriveCodeChallenge)(e);S(e),q(t)})),panel:"try-it","data-cy":"code-verifier-input"})),react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null,"Code Challenge"),react_1.default.createElement(TextField_1.TextField,{fullWidth:!0,value:x,onChange:({target:{value:e}})=>{A(e)},inputActionButton:j,panel:"try-it","data-cy":"code-challenge-input"}))))),react_1.default.createElement(TextField_1.FormTextField,{fullWidth:!0,field:`auth.${l}.token`,type:"hidden",initialValue:D,panel:"try-it"}),react_1.default.createElement(Scope_1.default,{id:l,scopes:c}),w.token&&w.token.access_token?react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," Access Token: "),react_1.default.createElement(TextField_1.TextField,{disabled:!0,type:"password",fullWidth:!0,value:w.token.access_token,panel:"try-it"})):null),react_1.default.createElement(styled_1.ButtonsWrapper,null,w.token&&w.token.access_token?react_1.default.createElement(theme_1.Button,{fullWidth:!0,onClick:()=>{W(),k(null)}},"Log out"):O?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(theme_1.Button,{fullWidth:!0,onClick:()=>{C(!1),k(null),OAuth2_1.OAuth2.clearRedirectData(a)}},"Cancel"),react_1.default.createElement(LinearProgress_1.LinearProgress,null)):react_1.default.createElement(theme_1.Button,{fullWidth:!0,color:"secondary",disabled:!(0,utils_2.isEmptyObject)(T),onClick:()=>{(t=>{if(!t)return;if(r.validate(),!(0,utils_2.isEmptyObject)(T))return;C(!0),k(null);const c=o?o+(0,utils_3.normalizeUrlProtocol)(t):t,d=o&&i?o+(0,utils_3.normalizeUrlProtocol)(i):i,s=r.getValue(`auth.${l}.scopes`),_={authorizationUrl:c.startsWith("http")?c:u+c,clientId:w.client_id,scopes:s,redirectUri:v,routingBasePath:g,successCallback:e=>{r.setValue(`auth.${l}.token`,e),C(!1),k(null)},errorCallback:e=>{C(!1),k((null==e?void 0:e.message)||"Failed to retrieve the access token")}};"implicit"===a&&OAuth2_1.OAuth2.authorizeImplicit(_),(0,utils_3.validateTokenEndpointMethod)(n)?"authorizationCode"===a&&OAuth2_1.OAuth2.authorizeAuthorizationCode(Object.assign(Object.assign(Object.assign({},_),{tokenUrl:(null==d?void 0:d.startsWith("http"))?d:u+d,clientSecret:w.client_secret,extraHeaders:(0,utils_3.getOAuth2TokenEndpointAuthHeader)({authMethod:n,clientId:w.client_id,clientSecret:w.client_secret})}),e&&{codeVerifier:b,codeChallenge:x})):console.log(`Unsupported token endpoint auth method: ${n}`)})(d)}},"Authorize")),O||E||!w.token||!w.token.access_token&&react_1.default.createElement(Error_1.Error,{loading:O,error:E,token:w.token}))};exports.OAuth2Flow=OAuth2Flow;
|
|
2
2
|
//# sourceMappingURL=OAuth2Flow.js.map
|
|
@@ -5,5 +5,5 @@ import React,{memo,useCallback}from"react";import styled from"styled-components"
|
|
|
5
5
|
}
|
|
6
6
|
`,Description=styled.div`
|
|
7
7
|
margin-bottom: calc(var(--spacing-unit) * 4);
|
|
8
|
-
`;function OperationItemComponent({item:{operationDefinition:e,parent:t,href:o}}){var a,r,n;const s=useRecoilValue(layoutSelector),c=useRecoilValue(showRightPanelToggleSelector),{parser:m,options:i}=useRecoilValue(globalStoreSelector),{hooks:p,events:u,showWebhookVerb:d,pathInMiddlePanel:R,expandDefaultRequest:E,expandDefaultResponse:S}=i,k=getOperation(m,e,t,i,o),{name:f,description:g,deprecated:v,externalDocs:b,isWebhook:h,httpVerb:y}=k,x=useSetRecoilState(operationStore(k.pointer));useMount((()=>{x((e=>Object.assign(Object.assign({},e),{activeExampleName:k.activeExampleName,activeServer:k.activeServer})))}));const P=!(!g&&!b),C=useCallback((e=>t=>{var o;const a=creatPanelToggleEvent({operation:k,isExpanded:t,panelType:e});null===(o=null==u?void 0:u.panelToggle)||void 0===o||o.call(u,a)}),[u,k]);return React.createElement(OperationRow,{layout:s},React.createElement(SamplesMiddlePanel,{isStacked:s===LayoutVariant.STACKED},React.createElement(RenderHook,{Hook:null==p?void 0:p.BeforeOperation,props:{operation:k}}),React.createElement(H2,null,React.createElement(ShareLink,{to:o}),React.createElement(RenderHook,{Hook:null==p?void 0:p.BeforeOperationSummary,props:{operation:k}}),f,React.createElement(RenderHook,{Hook:null==p?void 0:p.AfterOperationSummary,props:{operation:k}}),v&&React.createElement(Badge,{deprecated:!0},"Deprecated"),h&&React.createElement(React.Fragment,null,React.createElement(Badge,null,"Webhook"),d&&y&&React.createElement(Badge,null,y.toUpperCase()))),R&&!h&&React.createElement(Endpoint,{operation:k}),P&&React.createElement(Description,null,void 0!==g&&React.createElement(Markdown,{source:g}),b&&React.createElement(ExternalDocumentation,{externalDocs:b}),Object.keys(k.extensions||{}).length?React.createElement(Extensions,{extensions:k.extensions}):null),React.createElement(SecurityRequirements,{securities:k.security}),(null===(a=k.parameters)||void 0===a?void 0:a.length)||k.requestBody?React.createElement(ContentPanel,{header:l("request"),onToggle:C("request"),expanded:E,className:"panel-request-schemas"},React.createElement(Parameters,{parameters:k.parameters,body:k.requestBody})):null,(null===(r=k.responses)||void 0===r?void 0:r.length)?React.createElement(ContentPanel,{header:l("responses"),onToggle:C("responses"),expanded:S,className:"panel-response-schemas"},React.createElement(ResponsesList,{responses:k.responses})):null,(null===(n=k.callbacks)||void 0===n?void 0:n.length)?React.createElement(ContentPanel,{className:"panel-callback-schemas",header:l("callbacks")},React.createElement(CallbacksList,{callbacks:k.callbacks})):null,React.createElement(RenderHook,{Hook:null==p?void 0:p.AfterOperation,props:{operation:k}})),c?React.createElement(SamplesPanel,{"data-cy":"samples-block"},!R&&!h&&React.createElement(Endpoint,{operation:k}),React.createElement(RequestSamples,{operation:k}),React.createElement(ResponseSamples,{operation:k}),React.createElement(CallbackSamples,{callbacks:k.callbacks})):null)}export const OperationItem=memo(OperationItemComponent);
|
|
8
|
+
`;function OperationItemComponent({item:{operationDefinition:e,parent:t,href:o}}){var a,r,n;const s=useRecoilValue(layoutSelector),c=useRecoilValue(showRightPanelToggleSelector),{parser:m,options:i}=useRecoilValue(globalStoreSelector),{hooks:p,events:u,showWebhookVerb:d,pathInMiddlePanel:R,expandDefaultRequest:E,expandDefaultResponse:S}=i,k=getOperation(m,e,t,i,o),{name:f,description:g,deprecated:v,externalDocs:b,isWebhook:h,httpVerb:y}=k,x=useSetRecoilState(operationStore(k.pointer));useMount((()=>{x((e=>Object.assign(Object.assign({},e),{activeExampleName:k.activeExampleName,activeServer:k.activeServer})))}));const P=!(!g&&!b),C=useCallback((e=>t=>{var o;const a=creatPanelToggleEvent({operation:k,isExpanded:t,panelType:e});null===(o=null==u?void 0:u.panelToggle)||void 0===o||o.call(u,a)}),[u,k]);return React.createElement(OperationRow,{layout:s},React.createElement(SamplesMiddlePanel,{isStacked:s===LayoutVariant.STACKED||!c},React.createElement(RenderHook,{Hook:null==p?void 0:p.BeforeOperation,props:{operation:k}}),React.createElement(H2,null,React.createElement(ShareLink,{to:o}),React.createElement(RenderHook,{Hook:null==p?void 0:p.BeforeOperationSummary,props:{operation:k}}),f,React.createElement(RenderHook,{Hook:null==p?void 0:p.AfterOperationSummary,props:{operation:k}}),v&&React.createElement(Badge,{deprecated:!0},"Deprecated"),h&&React.createElement(React.Fragment,null,React.createElement(Badge,null,"Webhook"),d&&y&&React.createElement(Badge,null,y.toUpperCase()))),R&&!h&&React.createElement(Endpoint,{operation:k}),P&&React.createElement(Description,null,void 0!==g&&React.createElement(Markdown,{source:g}),b&&React.createElement(ExternalDocumentation,{externalDocs:b}),Object.keys(k.extensions||{}).length?React.createElement(Extensions,{extensions:k.extensions}):null),React.createElement(SecurityRequirements,{securities:k.security}),(null===(a=k.parameters)||void 0===a?void 0:a.length)||k.requestBody?React.createElement(ContentPanel,{header:l("request"),onToggle:C("request"),expanded:E,className:"panel-request-schemas"},React.createElement(Parameters,{parameters:k.parameters,body:k.requestBody})):null,(null===(r=k.responses)||void 0===r?void 0:r.length)?React.createElement(ContentPanel,{header:l("responses"),onToggle:C("responses"),expanded:S,className:"panel-response-schemas"},React.createElement(ResponsesList,{responses:k.responses})):null,(null===(n=k.callbacks)||void 0===n?void 0:n.length)?React.createElement(ContentPanel,{className:"panel-callback-schemas",header:l("callbacks")},React.createElement(CallbacksList,{callbacks:k.callbacks})):null,React.createElement(RenderHook,{Hook:null==p?void 0:p.AfterOperation,props:{operation:k}})),c?React.createElement(SamplesPanel,{"data-cy":"samples-block"},!R&&!h&&React.createElement(Endpoint,{operation:k}),React.createElement(RequestSamples,{operation:k}),React.createElement(ResponseSamples,{operation:k}),React.createElement(CallbackSamples,{callbacks:k.callbacks})):null)}export const OperationItem=memo(OperationItemComponent);
|
|
9
9
|
//# sourceMappingURL=OperationItem.js.map
|
|
@@ -161,10 +161,10 @@ import styled,{createGlobalStyle,css}from"styled-components";import{LayoutVarian
|
|
|
161
161
|
max-width: var(--layout-panel-schemas-large-max-width);
|
|
162
162
|
${getMarginFixesByName("--layout-panel-schemas-large-max-width")};
|
|
163
163
|
}
|
|
164
|
-
`:a
|
|
164
|
+
`:a!==LayoutVariant.STACKED&&e?void 0:css`
|
|
165
165
|
width: 100%;
|
|
166
166
|
padding-right: var(--spacing-horizontal);
|
|
167
|
-
|
|
167
|
+
`};
|
|
168
168
|
}
|
|
169
169
|
`;
|
|
170
170
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React,{memo,useCallback,useMemo}from"react";import styled from"styled-components";import{PanelBody}from"@redocly/theme";import{useRecoilState,useRecoilValue}from"recoil";import{setRecoil}from"recoil-nexus";import{SamplesMiddlePanel,SamplesPanel,Row,Section}from"../common";import{getMediaType}from"../../models";import{LayoutVariant}from"../../constants";import{MediaTypeSamples}from"../PayloadSamples";import{Schema}from"../Schema";import{Markdown}from"../Markdown";import{CodePanel}from"../Panel";import{layoutSelector,showRightPanelToggleSelector}from"../../recoil/app";import{globalStoreSelector}from"../../recoil/store";import{operationStore}from"../../recoil/operation";const getMediaTypeInfo=(e,o)=>{if(!e)return{};const a={schema:{$ref:e}};return o&&(a.examples={example:{$ref:o}}),a};function SchemaDefinitionComponent({schemaRef:e,exampleRef:o,showReadOnly:a=!0,showWriteOnly:t=!1}){var l,n,i;const r=useRecoilValue(layoutSelector),{parser:m,options:c}=useRecoilValue(globalStoreSelector),s=useRecoilValue(showRightPanelToggleSelector),p=useMemo((()=>getMediaType(m,"json",!1,getMediaTypeInfo(e,o),c,{operation:{pointer:"SchemaDefinitionComponent"}})),[o,c,m,e]),[d,u]=useRecoilState(operationStore(null===(l=p.operation)||void 0===l?void 0:l.pointer)),f=useCallback((e=>{var o;const a=null===(o=p.schema)||void 0===o?void 0:o.oneOf;if(a&&(null==p?void 0:p.examples)&&Object.keys(null==p?void 0:p.examples).includes(e)){const o=a.findIndex((o=>o.title===e));-1!==o&&p.schema&&setRecoil(operationStore(p.schema.deps.operation.pointer),(e=>{var a,t,l;return Object.assign(Object.assign({},e),{activeExampleName:(null===(l=null===(t=null===(a=p.schema)||void 0===a?void 0:a.oneOf)||void 0===t?void 0:t[o])||void 0===l?void 0:l.title)||e.activeExampleName,activeOneOf:o})}))}d.activeExampleName!==e&&u((o=>Object.assign(Object.assign({},o),{activeExampleName:e})))}),[null==p?void 0:p.examples,p.schema,d.activeExampleName,u]);return React.createElement(Section,null,React.createElement(Row,{layout:r},React.createElement(SamplesMiddlePanel,{isStacked:r===LayoutVariant.STACKED},(null===(n=p.schema)||void 0===n?void 0:n.description)&&React.createElement(Description,null,React.createElement(Markdown,{source:null===(i=p.schema)||void 0===i?void 0:i.description})),React.createElement(StyledPanelBody,{className:"panel-default"},React.createElement(Schema,{skipWriteOnly:!t,skipReadOnly:!a,schema:p.schema}))),s?React.createElement(SamplesPanel,null,React.createElement(CodePanel,{className:"panel-response-samples"},React.createElement(MediaTypeSamples,{mediaType:p,onChange:f}))):null))}export const SchemaDefinition=memo(SchemaDefinitionComponent);const Description=styled.div`
|
|
1
|
+
import React,{memo,useCallback,useMemo}from"react";import styled from"styled-components";import{PanelBody}from"@redocly/theme";import{useRecoilState,useRecoilValue}from"recoil";import{setRecoil}from"recoil-nexus";import{SamplesMiddlePanel,SamplesPanel,Row,Section}from"../common";import{getMediaType}from"../../models";import{LayoutVariant}from"../../constants";import{MediaTypeSamples}from"../PayloadSamples";import{Schema}from"../Schema";import{Markdown}from"../Markdown";import{CodePanel}from"../Panel";import{layoutSelector,showRightPanelToggleSelector}from"../../recoil/app";import{globalStoreSelector}from"../../recoil/store";import{operationStore}from"../../recoil/operation";const getMediaTypeInfo=(e,o)=>{if(!e)return{};const a={schema:{$ref:e}};return o&&(a.examples={example:{$ref:o}}),a};function SchemaDefinitionComponent({schemaRef:e,exampleRef:o,showReadOnly:a=!0,showWriteOnly:t=!1}){var l,n,i;const r=useRecoilValue(layoutSelector),{parser:m,options:c}=useRecoilValue(globalStoreSelector),s=useRecoilValue(showRightPanelToggleSelector),p=useMemo((()=>getMediaType(m,"json",!1,getMediaTypeInfo(e,o),c,{operation:{pointer:"SchemaDefinitionComponent"}})),[o,c,m,e]),[d,u]=useRecoilState(operationStore(null===(l=p.operation)||void 0===l?void 0:l.pointer)),f=useCallback((e=>{var o;const a=null===(o=p.schema)||void 0===o?void 0:o.oneOf;if(a&&(null==p?void 0:p.examples)&&Object.keys(null==p?void 0:p.examples).includes(e)){const o=a.findIndex((o=>o.title===e));-1!==o&&p.schema&&setRecoil(operationStore(p.schema.deps.operation.pointer),(e=>{var a,t,l;return Object.assign(Object.assign({},e),{activeExampleName:(null===(l=null===(t=null===(a=p.schema)||void 0===a?void 0:a.oneOf)||void 0===t?void 0:t[o])||void 0===l?void 0:l.title)||e.activeExampleName,activeOneOf:o})}))}d.activeExampleName!==e&&u((o=>Object.assign(Object.assign({},o),{activeExampleName:e})))}),[null==p?void 0:p.examples,p.schema,d.activeExampleName,u]);return React.createElement(Section,null,React.createElement(Row,{layout:r},React.createElement(SamplesMiddlePanel,{isStacked:r===LayoutVariant.STACKED||!s},(null===(n=p.schema)||void 0===n?void 0:n.description)&&React.createElement(Description,null,React.createElement(Markdown,{source:null===(i=p.schema)||void 0===i?void 0:i.description})),React.createElement(StyledPanelBody,{className:"panel-default"},React.createElement(Schema,{skipWriteOnly:!t,skipReadOnly:!a,schema:p.schema}))),s?React.createElement(SamplesPanel,null,React.createElement(CodePanel,{className:"panel-response-samples"},React.createElement(MediaTypeSamples,{mediaType:p,onChange:f}))):null))}export const SchemaDefinition=memo(SchemaDefinitionComponent);const Description=styled.div`
|
|
2
2
|
margin-bottom: var(--spacing-vertical);
|
|
3
3
|
`,StyledPanelBody=styled(PanelBody)`
|
|
4
4
|
--panel-schemas-body-padding: var(--panel-body-padding);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React,{memo}from"react";import styled from"styled-components";import{
|
|
1
|
+
import React,{memo}from"react";import styled from"styled-components";import{serializeParameterValue}from"../../utils";import{CodeHeader}from"../Panel";import{Path,PathWrapper,TryItButton}from"../Endpoint";import{HttpVerb}from"../shared";import{expandVariables}from"./utils";function formatPath(e,t,r){const n=t.path||{},a=t.query||{},o=Object.keys(a);let i=expandVariables(e,n);return o.length&&(i+="?"+o.map((e=>{if(!a[e])return"";const t=(e=>r.find((t=>t.name===e&&"query"===t.in)))(e);return t?serializeParameterValue(t,a[e]):`${e}=${encodeURIComponent(a[e])}`})).filter(Boolean).join("&")),i}export const ActionPanelComponent=({loading:e,operation:t,hasResponse:r,execute:n,params:a={}})=>React.createElement(CodeHeader,null,React.createElement(PathWrapper,null,React.createElement(HttpVerb,{type:t.httpVerb},t.httpVerb),React.createElement(Path,{wrap:"true"},formatPath(t.path,a,t.parameters))),React.createElement(SendButton,{"data-cy":"send-button",color:"primary",blinking:e,onClick:()=>!e&&n()},e?"Sending...":r?"Resend":"Send"));const SendButton=styled(TryItButton)`
|
|
2
2
|
width: var(--panel-try-it-action-button-width);
|
|
3
3
|
`;export const ActionPanel=memo(ActionPanelComponent);
|
|
4
4
|
//# sourceMappingURL=ActionPanel.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,t,o,l){return new(o||(o=Promise))((function(n,r){function a(e){try{c(l.next(e))}catch(e){r(e)}}function i(e){try{c(l.throw(e))}catch(e){r(e)}}function c(e){var t;e.done?n(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(a,i)}c((l=l.apply(e,t||[])).next())}))};import React,{useEffect,useState}from"react";import{Button}from"@redocly/theme";import{useRecoilValue}from"recoil";import{ButtonsWrapper,PkceOptionsWrapper,PkceDetails}from"./styled";import{LinearProgress}from"../../common/LinearProgress";import{FormControl,FormLabel,FormError,FormWrapper}from"../../common/form";import{FormDropdown,FormTextField,TextField}from"../../common/TextField";import{Checkbox}from"../../common/Checkbox";import{OAuth2,deriveCodeChallenge}from"../../../services/OAuth2";import{fromSessionStorage,getSecurityDetailsOptions}from"../../../utils";import{isEmptyObject,randString}from"../../../services/utils";import{getOAuth2TokenEndpointAuthHeader,normalizeUrlProtocol,validateTokenEndpointMethod}from"../utils";import Scope from"../Scope";import{Error}from"./Error";import{globalOptionsSelector}from"../../../recoil/store";function requiredValidator(e){if(!e)return"Field is required"}export const OAuth2Flow=({usePkce:e,form:t,id:o,formApi:l,flow:n,tokenUrl:r,authCorsProxyUrl:a,tokenEndpointAuthMethod:i,server:c,scopes:u,authorizationUrl:d,defaultValues:s,clientId:m})=>{var p,h,f,v;const{oAuth2RedirectURI:g,routingBasePath:E}=useRecoilValue(globalOptionsSelector),[k,C]=useState(null),[R,F]=useState(!1),[S,y]=useState(!1),[O,b]=useState(void 0),[_,A]=useState(void 0),[x,W]=useState(void 0),P=(null===(h=null===(p=t.values)||void 0===p?void 0:p.auth)||void 0===h?void 0:h[o])||{},T=(null===(v=null===(f=t.errors)||void 0===f?void 0:f.auth)||void 0===v?void 0:v[o])||{},V=void 0!==O&&_!==x?{label:"sync",onClick:()=>{O&&A(x)}}:void 0;useEffect((()=>{if(e){const e=randString(43);deriveCodeChallenge(e).then((t=>{b(e),A(t),W(t)}))}}),[e]);const w=()=>{l.setValue(`auth.${o}.token`,"")};if(!d)return React.createElement(FormError,null,"No flow info");let z=fromSessionStorage(`auth.${o}.token`)||JSON.stringify(null==s?void 0:s.token);z=z?JSON.parse(z):"";const B=getSecurityDetailsOptions(o,"client_id"),U={field:`auth.${o}.client_id`,fullWidth:!0,initialValue:fromSessionStorage(`auth.${o}.client_id`)||m||(null==s?void 0:s.client_id),initValue:fromSessionStorage(`auth.${o}.client_id`)||m||(null==s?void 0:s.client_id),placeholder:"Your OAuth2 app Client ID",validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement("div",null,React.createElement(FormWrapper,null,React.createElement(FormControl,null,React.createElement(FormLabel,null," Client ID: "),B?React.createElement(FormDropdown,Object.assign({},U,{options:B})):React.createElement(FormTextField,Object.assign({},U,{"data-cy":"client-id-input",panel:"try-it"}))),"authorizationCode"===n&&React.createElement(React.Fragment,null,(!(null==e?void 0:e.hideClientSecretInput)||!e)&&React.createElement(FormControl,null,React.createElement(FormLabel,null,"Client Secret:"),React.createElement(FormTextField,{type:"password",fullWidth:!0,field:`auth.${o}.client_secret`,initialValue:fromSessionStorage(`auth.${o}.client_secret`)||(null==s?void 0:s.client_secret),validateOnBlur:!0,validateOnChange:!0,panel:"try-it","data-cy":"client-secret-input"})),e&&!e.disableManualConfiguration&&React.createElement(PkceOptionsWrapper,null,React.createElement(Checkbox,{id:"pkce-opitons-toggle",label:"Configure PKCE manually",checked:S,onChange:()=>{y((e=>!e))},"data-cy":"pkce-options-toggle"}),S&&React.createElement(PkceDetails,null,React.createElement(FormControl,null,React.createElement(FormLabel,null,"Code Verifier"),React.createElement(TextField,{fullWidth:!0,value:O,onChange:({target:{value:e}})=>__awaiter(void 0,void 0,void 0,(function*(){const t=yield deriveCodeChallenge(e);b(e),W(t)})),panel:"try-it","data-cy":"code-verifier-input"})),React.createElement(FormControl,null,React.createElement(FormLabel,null,"Code Challenge"),React.createElement(TextField,{fullWidth:!0,value:_,onChange:({target:{value:e}})=>{A(e)},inputActionButton:V,panel:"try-it","data-cy":"code-challenge-input"}))))),React.createElement(FormTextField,{fullWidth:!0,field:`auth.${o}.token`,type:"hidden",initialValue:z,panel:"try-it"}),React.createElement(Scope,{id:o,scopes:u}),P.token&&P.token.access_token?React.createElement(FormControl,null,React.createElement(FormLabel,null," Access Token: "),React.createElement(TextField,{disabled:!0,type:"password",fullWidth:!0,value:P.token.access_token,panel:"try-it"})):null),React.createElement(ButtonsWrapper,null,P.token&&P.token.access_token?React.createElement(Button,{fullWidth:!0,onClick:()=>{w(),C(null)}},"Log out"):R?React.createElement(React.Fragment,null,React.createElement(Button,{fullWidth:!0,onClick:()=>{F(!1),C(null),OAuth2.clearRedirectData(n)}},"Cancel"),React.createElement(LinearProgress,null)):React.createElement(Button,{fullWidth:!0,disabled:!isEmptyObject(T),onClick:()=>{(t=>{if(!t)return;if(l.validate(),!isEmptyObject(T))return;F(!0),C(null);const u=a?a+normalizeUrlProtocol(t):t,d=a&&r?a+normalizeUrlProtocol(r):r,s=l.getValue(`auth.${o}.scopes`),m={authorizationUrl:u.startsWith("http")?u:c+u,clientId:P.client_id,scopes:s,redirectUri:g,routingBasePath:E,successCallback:e=>{l.setValue(`auth.${o}.token`,e),F(!1),C(null)},errorCallback:e=>{F(!1),C((null==e?void 0:e.message)||"Failed to retrieve the access token")}};"implicit"===n&&OAuth2.authorizeImplicit(m),validateTokenEndpointMethod(i)?"authorizationCode"===n&&OAuth2.authorizeAuthorizationCode(Object.assign(Object.assign(Object.assign({},m),{tokenUrl:(null==d?void 0:d.startsWith("http"))?d:c+d,clientSecret:P.client_secret,extraHeaders:getOAuth2TokenEndpointAuthHeader({authMethod:i,clientId:P.client_id,clientSecret:P.client_secret})}),e&&{codeVerifier:O,codeChallenge:_})):console.log(`Unsupported token endpoint auth method: ${i}`)})(d)}},"Authorize")),R||k||!P.token||!P.token.access_token&&React.createElement(Error,{loading:R,error:k,token:P.token}))};
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(e,t,o,l){return new(o||(o=Promise))((function(n,r){function a(e){try{c(l.next(e))}catch(e){r(e)}}function i(e){try{c(l.throw(e))}catch(e){r(e)}}function c(e){var t;e.done?n(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(a,i)}c((l=l.apply(e,t||[])).next())}))};import React,{useEffect,useState}from"react";import{Button}from"@redocly/theme";import{useRecoilValue}from"recoil";import{ButtonsWrapper,PkceOptionsWrapper,PkceDetails}from"./styled";import{LinearProgress}from"../../common/LinearProgress";import{FormControl,FormLabel,FormError,FormWrapper}from"../../common/form";import{FormDropdown,FormTextField,TextField}from"../../common/TextField";import{Checkbox}from"../../common/Checkbox";import{OAuth2,deriveCodeChallenge}from"../../../services/OAuth2";import{fromSessionStorage,getSecurityDetailsOptions}from"../../../utils";import{isEmptyObject,randString}from"../../../services/utils";import{getOAuth2TokenEndpointAuthHeader,normalizeUrlProtocol,validateTokenEndpointMethod}from"../utils";import Scope from"../Scope";import{Error}from"./Error";import{globalOptionsSelector}from"../../../recoil/store";function requiredValidator(e){if(!e)return"Field is required"}export const OAuth2Flow=({usePkce:e,form:t,id:o,formApi:l,flow:n,tokenUrl:r,authCorsProxyUrl:a,tokenEndpointAuthMethod:i,server:c,scopes:u,authorizationUrl:d,defaultValues:s,clientId:m})=>{var p,h,f,v;const{oAuth2RedirectURI:g,routingBasePath:E}=useRecoilValue(globalOptionsSelector),[k,C]=useState(null),[R,F]=useState(!1),[S,y]=useState(!1),[O,b]=useState(void 0),[_,A]=useState(void 0),[x,W]=useState(void 0),P=(null===(h=null===(p=t.values)||void 0===p?void 0:p.auth)||void 0===h?void 0:h[o])||{},T=(null===(v=null===(f=t.errors)||void 0===f?void 0:f.auth)||void 0===v?void 0:v[o])||{},V=void 0!==O&&_!==x?{label:"sync",onClick:()=>{O&&A(x)}}:void 0;useEffect((()=>{if(e){const e=randString(43);deriveCodeChallenge(e).then((t=>{b(e),A(t),W(t)}))}}),[e]);const w=()=>{l.setValue(`auth.${o}.token`,"")};if(!d)return React.createElement(FormError,null,"No flow info");let z=fromSessionStorage(`auth.${o}.token`)||JSON.stringify(null==s?void 0:s.token);z=z?JSON.parse(z):"";const B=getSecurityDetailsOptions(o,"client_id"),U={field:`auth.${o}.client_id`,fullWidth:!0,initialValue:fromSessionStorage(`auth.${o}.client_id`)||m||(null==s?void 0:s.client_id),initValue:fromSessionStorage(`auth.${o}.client_id`)||m||(null==s?void 0:s.client_id),placeholder:"Your OAuth2 app Client ID",validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement("div",null,React.createElement(FormWrapper,null,React.createElement(FormControl,null,React.createElement(FormLabel,null," Client ID: "),B?React.createElement(FormDropdown,Object.assign({},U,{options:B})):React.createElement(FormTextField,Object.assign({},U,{"data-cy":"client-id-input",panel:"try-it"}))),"authorizationCode"===n&&React.createElement(React.Fragment,null,(!(null==e?void 0:e.hideClientSecretInput)||!e)&&React.createElement(FormControl,null,React.createElement(FormLabel,null,"Client Secret:"),React.createElement(FormTextField,{type:"password",fullWidth:!0,field:`auth.${o}.client_secret`,initialValue:fromSessionStorage(`auth.${o}.client_secret`)||(null==s?void 0:s.client_secret),validateOnBlur:!0,validateOnChange:!0,panel:"try-it","data-cy":"client-secret-input"})),e&&!e.disableManualConfiguration&&React.createElement(PkceOptionsWrapper,null,React.createElement(Checkbox,{id:"pkce-opitons-toggle",label:"Configure PKCE manually",checked:S,onChange:()=>{y((e=>!e))},"data-cy":"pkce-options-toggle"}),S&&React.createElement(PkceDetails,null,React.createElement(FormControl,null,React.createElement(FormLabel,null,"Code Verifier"),React.createElement(TextField,{fullWidth:!0,value:O,onChange:({target:{value:e}})=>__awaiter(void 0,void 0,void 0,(function*(){const t=yield deriveCodeChallenge(e);b(e),W(t)})),panel:"try-it","data-cy":"code-verifier-input"})),React.createElement(FormControl,null,React.createElement(FormLabel,null,"Code Challenge"),React.createElement(TextField,{fullWidth:!0,value:_,onChange:({target:{value:e}})=>{A(e)},inputActionButton:V,panel:"try-it","data-cy":"code-challenge-input"}))))),React.createElement(FormTextField,{fullWidth:!0,field:`auth.${o}.token`,type:"hidden",initialValue:z,panel:"try-it"}),React.createElement(Scope,{id:o,scopes:u}),P.token&&P.token.access_token?React.createElement(FormControl,null,React.createElement(FormLabel,null," Access Token: "),React.createElement(TextField,{disabled:!0,type:"password",fullWidth:!0,value:P.token.access_token,panel:"try-it"})):null),React.createElement(ButtonsWrapper,null,P.token&&P.token.access_token?React.createElement(Button,{fullWidth:!0,onClick:()=>{w(),C(null)}},"Log out"):R?React.createElement(React.Fragment,null,React.createElement(Button,{fullWidth:!0,onClick:()=>{F(!1),C(null),OAuth2.clearRedirectData(n)}},"Cancel"),React.createElement(LinearProgress,null)):React.createElement(Button,{fullWidth:!0,color:"secondary",disabled:!isEmptyObject(T),onClick:()=>{(t=>{if(!t)return;if(l.validate(),!isEmptyObject(T))return;F(!0),C(null);const u=a?a+normalizeUrlProtocol(t):t,d=a&&r?a+normalizeUrlProtocol(r):r,s=l.getValue(`auth.${o}.scopes`),m={authorizationUrl:u.startsWith("http")?u:c+u,clientId:P.client_id,scopes:s,redirectUri:g,routingBasePath:E,successCallback:e=>{l.setValue(`auth.${o}.token`,e),F(!1),C(null)},errorCallback:e=>{F(!1),C((null==e?void 0:e.message)||"Failed to retrieve the access token")}};"implicit"===n&&OAuth2.authorizeImplicit(m),validateTokenEndpointMethod(i)?"authorizationCode"===n&&OAuth2.authorizeAuthorizationCode(Object.assign(Object.assign(Object.assign({},m),{tokenUrl:(null==d?void 0:d.startsWith("http"))?d:c+d,clientSecret:P.client_secret,extraHeaders:getOAuth2TokenEndpointAuthHeader({authMethod:i,clientId:P.client_id,clientSecret:P.client_secret})}),e&&{codeVerifier:O,codeChallenge:_})):console.log(`Unsupported token endpoint auth method: ${i}`)})(d)}},"Authorize")),R||k||!P.token||!P.token.access_token&&React.createElement(Error,{loading:R,error:k,token:P.token}))};
|
|
2
2
|
//# sourceMappingURL=OAuth2Flow.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@redocly/openapi-docs",
|
|
3
|
-
"version": "3.0.0-alpha.
|
|
3
|
+
"version": "3.0.0-alpha.21",
|
|
4
4
|
"description": "Redocly OpenAPI Docs",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "lib-esm/index.js",
|
|
@@ -16,7 +16,6 @@
|
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"@markdoc/markdoc": "0.1.13",
|
|
19
|
-
"@redocly/api-client": "^0.0.1",
|
|
20
19
|
"@redocly/openapi-core": "1.0.0-beta.97",
|
|
21
20
|
"@redocly/vscode-json-languageservice": "3.4.9",
|
|
22
21
|
"@wojtekmaj/enzyme-adapter-react-17": "^0.6.2",
|
|
@@ -93,7 +92,7 @@
|
|
|
93
92
|
"devDependencies": {
|
|
94
93
|
"@percy/cli": "^1.10.3",
|
|
95
94
|
"@percy/cypress": "^3.1.1",
|
|
96
|
-
"@redocly/theme": "^0.9.
|
|
95
|
+
"@redocly/theme": "^0.9.3",
|
|
97
96
|
"@testing-library/jest-dom": "^5.15.1",
|
|
98
97
|
"@testing-library/react": "^12.1.4",
|
|
99
98
|
"@testing-library/react-hooks": "^8.0.1",
|